草庐IT

vue-next-admin

全部标签

Nginx同一端口部署多个前后端分离的vue项目

要用nginx容器部署多个前端项目可以采用监听端口,和基于location配置两种方法,我的nginx是使用docker部署的,启动的时候没有开多余的端口,所以采用location配置一个server下根据根路径不同分别代理访问不同项目。下面操练起来,问:把大象放冰箱?总共需要几步:三步!第一步:Nginx相关位置代码worker_processes1;events{worker_connections1024;}http{ client_max_body_size100m;includemime.types;default_typeapplication/octet-stream;sendf

vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题

问题当我们使用el-select选择器下拉数据很大的时候,会出现页面卡顿,甚至卡死的情况,用户体验很不好。我目前采取的方案是使用虚拟列表的方式去处理这个问题。实现效果数据获取完毕:点击输入框:我们可以看到2万条数据只展示了30条。我们滚动找到kaimo-666,选择它我们再次点击输入框,我们以及定位到了kaimo-666这个位置另外拓展了点击项目跟输入框数据改变的事件源码地址我基于vue-virtual-scroll-list跟element-ui实现了下拉虚拟列表,解决下拉选择框数据量大时卡顿问题。代码地址:https://github.com/kaimo313/select-virtual

java - 为什么java.util.Collection不直接定义next(), hasNext()?

如果Collection定义了hasNext()而不是iterator().hasNext(),我们可以更轻松地编写循环:while(collection.hasNext()){…}代替:Iteratorit=collection.iterator();While(it.hasNext()){…}当然,我知道存在循环for(Ee:collection)的简单方法。为什么接口(interface)Iterator存在? 最佳答案 因为对于同一个Collection对象,您可以同时拥有多个有效的Iterator对象。这很有用。如果Col

vue解决Not allowed to load local resource

前言在进行通过本地路径进行加载图片的时候,突然就报了这个问题Notallowedtoloadlocalresource这个是由于安全性的问题,导致浏览器禁止直接访问本地文件那么,这边我说一下我具体是怎么解决的吧问题描述我的项目是用的vue的vantui框架+springboot然后我后端给前端的数据是一个路径,具体如下图:也就是一个本地文件路径的集合//为了防止后续图片失效看不到内容,在这标注其中一条数据D:\\EXAM_MATERIAL\\NEW-STAFF\\IMAGE\\B-0001\\B-0001公司简介_01.png而我在页面中的代码是使用的是//imagebase64是自定义的变量

vue.js+uni-app基于Andriod房屋租赁管理系统 小程序w10xa

房屋管理是房主针对用户必不可少的一个部分。在房屋发展的整个过程中,房屋管理担负着最重要的角色。为满足如今日益复杂的管理需求,各类房屋管理程序也在不断改进。本课题所设计的房屋管理APP,uni-app框架:使用Vue.js开发跨平台应用的前端框架,编写一套代码,可编译到Android、小程序等平台。框架支持:django/springboot/php/Ssm/flask/express均支持 前端开发:vue语言:python+java+node.js+php均支持运行软件:idea/eclipse/vscode/pycharm/wamp均支持数据库mysql数据库工具:Navicat等小程序端

使用 Next.js 连接 mysql 数据库

前言本文主要为大家介绍,如何使用Next框架实现一个简单的后端接口,并且从数据库中请求数据返回给前端。实现创建api/getData文件夹项目创建完成后在app 文件下新建api文件夹,在api文件夹下新建getData文件夹,在getData文件夹下新建route.js,这里面用于存储我们的接口信息,如下注意:在Next.js中,app文件夹通常用于存放应用程序的配置和组件,而 api文件夹则用于存放API路由处理程序。当我们在 api文件夹中创建子文件夹时,Next.js会将这些子文件夹视为API的路径的一部分。我们就可以直接将子文件夹的名称作为API的路径的一部分。拿我们上面创建的举例,

HarmonyOS Next 实现登录注册页面(ARKTS) 并使用Springboot作为后端提供接口

1.HarmonyOSnextArkTSArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集ArkTS在TS的基础上扩展了struct和很多的装饰器以达到描述UI和状态管理的目的以下代码是一个基于HarmonyOS的登录页面组件的示例代码,主要实现了用户登录功能以及一些数据存储和页面跳转的操作。下面我会逐步解释每个部分并添加注释:2.实例3.功能分区1.1. HTTP获取后台接口数据,以下是示例asyncjwt(jwt:string){try{constres=awaitthis.httpUtil.request(`192.168

迈向三维:vue3+Cesium.js三维WebGIS项目实战--持续更新中

写在前面:随着市场对数字孪生的需求日益增多,对于前端从业者的能力从对框架vue、react的要求,逐步扩展到2D、3D空间的交互,为用户提供更紧密的立体交互。近年来前端对GIS的需求日益增多。本文将记录WebGIS的学习之旅,从实战项目入门,挖掘Cesium.jsAPI,并逐步丰富项目。 一、WebGIS简介WebGIS(Web地理信息系统)是指利用Web技术来构建和展示地理信息系统(GIS),使用户可以通过Web浏览器访问、查询、分析和可视化地理空间数据。WebGIS通常结合地图服务、地理信息数据库、前端地图库和相关的数据处理技术,为用户提供交互式的地图浏览和空间数据分析功能。 Cesium

获取第三方接口的EventStream返回给前端,SpringBoot+Vue+WebFlux+SseEmitter

获取第三方接口的EventStream返回给前端最近项目有个需求,获取第三方gpt接口提供的AI聊天服务,回显给前端,其实就是http请求第三方接口并拿到EventStream流,推送给前端。试了下RestTemplate,不太理想,于是使用WebFlux,直接上核心代码:后端:privatestaticSseEmittersendEventStreamPost(Stringurl,StringjsonData){SseEmitteremitter=newSseEmitter();Mono.fromCallable(()->{WebClient.create(url).post().conte

HarmonyOS NEXT鸿蒙星河版发布

1月18日,在深圳举行的“鸿蒙生态千帆启航仪式”上,华为常务董事、终端BGCEO余承东宣布HarmonyOSNEXT鸿蒙星河版面向开发者开放申请。鸿蒙星河版将实现原生精致、原生易用、原生流畅、原生安全、原生智能、原生互联6大极致原生体验。并且,华为在1月15日开启了HarmonyOSNEXT开发者预览版Beta招募,支持华为Mate60、Mate60Pro、MateX5机型报名。HarmonyOSNEXT开发者预览版将不再兼容安卓开源应用,仅支持鸿蒙内核和系统的应用,因此被称为“纯血鸿蒙”。本次发布会上,余承东表示鸿蒙内核超越传统内核,更适应全场景设备多样化。鸿蒙系统是真正的操作系统,从编程语