草庐IT

vue3-element-admin

全部标签

【前端】-vue-对打包的静态文件进行压缩

通过npmrunbuild打包时候,会发现静态文件很大,放在nginx服务中访问页面会很慢,所以可在打包过程中对静态文件再压缩。对js、css、html等文件进行压缩:安装插件“compression-webpack-plugin”。(我本地版本:cnpminstallcompression-webpack-plugin@5.0.1)cnpminstallcompression-webpack-plugin配置vue.config.js文件:constCompressionWebpackPlugin=require('compression-webpack-plugin');constisPr

vue集成tui.calendar日历组件

vue集成tui.calendar日历组件前言一、简介、效果图二、vue简单集成(集成js版本,没有使用官方的vue2版本)1.引包2.简单示例三、自定义功能1.需求分析、效果展示2.实现思路前言vue2的集成在git上官方已经给出了demo这里就不贴代码了。本次主要是vue3集成最近有个功能需要一个日历视图显示出什么时间段上什么课、点击可以查看详情、点击日历空白出可以创建课程或者日程。并且可以拖动。找了挺多组件,最后跟团队商量一下决定使用tui.calendar下面是我找的日历视图组件:名称地址VCalendarhttps://vcalendar.io/tui.calendarhttps:/

【开源】基于Vue+SpringBoot的CRM客户管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统设计3.1用例设计3.2E-R图设计3.3数据库设计3.3.1客户表3.3.2商品表3.3.3客户跟踪表3.3.4客户消费表3.3.5系统角色表四、系统展示五、核心代码5.1查询客户5.2新增客户跟踪记录5.3新增客户消费订单5.4查询商品5.5商品购买六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的CRM客户管理系统,包含了客户管理、客户分析、商品管理、客户跟踪、客户消费模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,CRM

基于vue.js花店鲜花购物商城系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义研究背景随着生活品质的提升和人们对美好生活的追求,鲜花已经成为日常生活中不可或缺的一部分。无论是节日庆典、婚礼纪念,还是日常家居装饰、礼品赠送,鲜花都扮演

VueDraggablePlus - 免费开源的 Vue 拖拽组件,支持 Vue2 / Vue3,还被尤雨溪推荐了

今天在网上看到尤雨溪推荐的这款拖拽组件,试了一下非常不错,同样推荐给大家。VueDraggablePlus是一个专为Vue打造的拖拽排序模块,基于Sortablejs封装,支持Vue3或Vue2.7+,本月的21日,Vue作者尤雨溪还在社交媒体上推荐了这款组件。Ifyouarelookingforadrag-and-droplibraryforVue(both2and3),thisonelooksreallygood。如果你想找一个Vue2和Vue3都能使用的拖拽库,这个看起来很不错。—Vue.js作者尤雨溪根据VueDraggablePlus的作者表示,功能强大的 Sortablejs 一直

rouyi-vue-pro+vue3+vite4+Element Plus项目中使用生成Vue2+Element UI标准模板

运行一个pro-vue3的前端项目,以及后端服务在基础设施-代码生成模块中选择某张数据库表导入,并编辑生成信息,前端类型:Vue2+ElementUI标准模板在vue3项目中创建一个vue文件//import{create}from'@/api/test'exportdefault{created(){create().then(res=>{console.log(res);})}}1.4src\api\test.jsimportrequestfrom'@/utils/request'//创建药品exportfunctioncreate(data){returnrequest({url:'/d

vue中使用EasyPlayer播放监控视频HLS,H265、H264

1.使用npm下载依赖npminstall--saveeasy-player2.将EasyPlayer-lib.min.js文件、EasyPlayer.wasm文件、libDecoder.wasm文件放置到public下3.创建components,html代码如下4.使用props接收数据props:{//视频地址videoUrl:{type:String,default:"",},//容器idid:{type:String,default:"",},//容器宽度width:{type:[Number,String],default:"100%",},//容器高度height:{type:[

rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm

rollup打包vue3组件库报错‘createElementVNode’isnotexportedbynode_modules\vue\dist\vue.runtime.esm.js在这里插入图片描述报错意思就是说createElementVNode没有被导出。也就是找不到。然后看下面1:import{renderSlotas_renderSlot,toDisplayStringas_toDisplayString,createElementVNodeas_createElementVNode,normalizeClassas_normalizeClass,normalizeStyleas_

echarts 使用地图,设置背景图片和高亮图片,点击实现高亮显示,更换散点图图片,高亮散点图形,3D悬浮效果展示地图,集成Vue组件

先看下  需要实现的效果:第一步需准备需要的插件 1 注意新版 echarts的引入方式为: import*asechartsfrom'echarts',这里我把echarts直接挂载到了Vue上,本项目使用echarts比较多,这样的话很方便,也可以在需要echarts的模块按需引入    在main.js中添加以下代码:import*asechartsfrom'echarts'Vue.prototype.$echarts=echarts;2引入地图数据 ,我这里是下载到本地引用的importChinafrom'@assets/js/100000';第二步需要用到的知识点知识点 1想要实现3

【毕业设计】微信小程序vue+uniapp助农平台的农产品商城系统uniapp

1.   题目:助农平台的设计与实现(这是毕设题目不是平台名称,平台名称是爱心助农)2.   概述:针对小农产品销售进行设计的平台。用户可以通过平台快捷购买小农产品,通过平台有更好的购买体验。销售方可在平台注册商家销售产品,也可以设定自己的优惠活动和发放优惠券等等,从而有更好的促销手段来吸引顾客,使小农产品能够有更好的线上销售渠道。同时平台有每日推荐商品以及最新的活动咨询,方便用户获取更好的优惠以及更好的提高销售量。平台对于商家,可以申请开启店铺,经平台管理方审核后,方可入驻平台以及上架和售卖商品。可以对一些商品进行整合套餐售卖,实现薄利多销。还可以管理订单和售后,以及对商家的一些事项发布公告