草庐IT

vue3-element-admin

全部标签

RuoYi-Vue3 分离版前端(Vue3 Element Plus Vite)版本在Nginx下配置二级域名

一、RuoYi-Vue3 前端进行配置:二级域名名称统一为:admin1-1、修改vue.config.js文件中的base,如下截图: 1-2、修改在src/router目录下的index.js文件,注意:这里添加base的方式和添加ruoyi-ui前端项目的方式是不一样的,网上有很多文章都是以ruoyi-ui2.x这个版本在讲解,别被误导了,截图如下: 1-3、配置登出地址:修改/src/layout/componets/Navbar.vue文件里的logout()方法,截图如下: 二、Nginx配置:我这里做了nginx配置文件单独导入形式的配置,截图如下:1-1、 1-2、子配置文件配

Vue使用 IndexDB vue操作IndexDB数据库 Vue操作IndexDB数据库

Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库安装IndexDB类库引入localForage测试新增数据、获取数据Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库大部分场景使用LocalStore都足够了,但是如果要考虑大数据的话,LocalStore支持并不是很好,有内存限制,并且数据过大LocalStore解析和存储性能不是很好,这时候可以使用IndexDB,数据格式是和数据库一样,可以创建多个数据库,数据库里面有多个表安装Inde

vue使用WebSocket连接

1.在store里面新建ws.js文件exportdefault{state:{webst:null,WSMessage:null,WSStatus:null},mutations:{/***@description建立websocket连接*@paramstatevuexstate*@paramwebstwebSocket对象*/setConnect(state,webst){state.webst=webst},/***@descriptionwebsocket消息*@paramstatevuexstate*@parammessagewebSocket消息*/setMessage(stat

前端使用vue-pdf、pdf-lib、canvas 给PDF文件添加水印,并预览与下载

前端使用vue-pdf、pdf-lib给pdf添加水印,并预览与下载效果预览使用第三方插件安装依赖插件import导入依赖预览添加水印的pdf下载添加水印的pdf预览及下载总结完整代码效果预览使用第三方插件安装依赖插件npmivue-pdf--savenpmipdf-lib--savenpminstall--save@pdf-lib/fontkit//为pdf-lib加载自定义字体的工具import导入依赖importpdffrom"vue-pdf";import{degrees,PDFDocument,rgb,StandardFonts}from"pdf-lib";importfontkit

vue实现动态class

总结一下,vue实现动态class主要通过以下三种方式1通过对象方式动态绑定一个类名的写法:class="{'on':ifOn}"动态绑定多个类名的写法:class="{'on':ifOn,'disabled':ifDisabled}"如ifOn/ifDisabled都是vue的变量,为真则对应key的class类名生效当动态class类名过多/条件判断过于复杂,可通过定义变量/使用computed属性来实现定义变量方式:class="classConfig"data(){return{classConfig:{on:true,disabled:false}}}computed属性方式data

在vue3中使用Cesium保姆篇

 1.首先新建一个vue项目Vue.js-渐进式JavaScript框架|Vue.js可以直接到管网中查看命令通过npm来创建一个vue3的项目 然后通过命令下载1.99的版本的cesium和plugin npmicesium@1.99vite-plugin-cesium 下载完了以后2.引入cesium首先找到vue的vite.config.js文件在里面引入刚才下载的插件并使用,代码如下import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'i

基于Java+Vue+uniapp微信小程序自助点餐系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:通过移动互联网这几年的发展,单独的

vue项目部署到IIS

项目打包vue部署包:项目路径运行npmrunbuild运行后生成一个dist文件夹,把这个文件夹放到要部署的服务器IIS配置程序需要用到下面这两个程序进行配置:如果IIS没有Web平台安装程序(上图管理模块第二个),可以进行手动下载:URL重写applicationrequestrouting新建站点网站(右键)——添加站点以test为例:访问站点点击浏览网站下方超链接或者浏览器输入http://localhost:9999出现的问题IE浏览器下会空白一开始服务器只有IE浏览器,打开会是空白页,控制台会报错chunk....,安装了babel-polyfill也不行,最后在谷歌浏览器打开可以

ios - 核心数据 : Predicate for first element in orderd relationship

我有这个包含至少一个元素的多对多关系:Appointment>Inviteeappointment.invitees是一个有序关系,导致NSOrderedSet。在一个由获取的结果Controller控制的TableView中,我列出了约会,以及被邀请者集的第一个元素。现在我想使用NSPredicate按被邀请者的名字搜索这个列表。但是如何在谓词中引用有序列表的第一个元素呢?我试过:fetchRequest.predicate=[NSPredicatepredicateWithFormat:@"invitees[FIRST].lastNameCONTAINS[cd]%@",search

ThreeJS-VUE-3DMax 实现Web3D(简单测试)

    今天使用3DMax建模软件进行3D模型的制作,并且加入动画,通过threejs将模型及其动画部署在VUE框架上。一、环境及其开发包版本    1.VUE:3.3.4    2.threejs:0.158.0    3.vite:4.4.11    4.3DMax2021    5.pycharm2021专业版二、3DMax模型制作    简单制作一个小植物和一个水壶,实现浇水后植物长大的动画。    UV展开,加个材质,上个颜色。三、项目搭建    项目使用VUE框架。使用命令“npminitvue@latest”创建一个vue项目,并使用命令“npmithree”安装threejs。