草庐IT

Vue-Loader

全部标签

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

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义研究背景随着互联网技术的迅速发展和电子商务的普及,线上购物已经成为人们日常生活中不可或缺的一部分。传统的线下购物方式受限于时间、地点和商品种类,而在线购物

微前端-qiankun:vue3-vite 接入 vue3-vite

一、背景主应用:vue3、vite主项目接入qiankun子应用:vue3、webpack二、代码-接入子应用2.1、安装vite-plugin-qiankun(qiankun官方不支持vite)需要安装插件pnpmaddvite-plugin-qiankun2.2、vite.config.tsimport{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-vue-jsx'importqian

nginx配置若依框架vue打包项目(同时支持http和https)

该配置模版主要是若依框架前后端配置,若只是配置普通的vue项目,直接复制一下小模块即可 #vue页面访问配置   location /{       root/www/wwwroot/www.xxx.com;      #autoindexon;       try_files$uri$uri//index.html;       index index.htmlindex.htm;       proxy_connect_timeout 18000;       proxy_send_timeout   18000;       proxy_read_timeout   18000;    

vue3使用Element ui plus中MessageBox消息框+radio框配合使用

想要达到的效果首先安装elementuiplus省略~~官网地址:https://element-plus.gitee.io/zh-CN/component/message-box.htmlhttps://element-plus.gitee.io/zh-CN/component/message-box.html需要用到的引入import{h}from"vue";import{ElMessageBox,ElRadioGroup,ElRadio,ElIcon,}from"element-plus";点击下载letselectedOption:any=ref(0);functionopen(fil

vue3-ace-editor前端 json格式化显示 json编辑器使用

前端json格式化显示json编辑器使用vue3-ace-editor1.安装项目目录下打开终端运行npminstallvue3-ace-editor2.使用template>divclass='content'>el-selectv-model="aceConfig.theme"class="m-2"placeholder="Select"size="large">el-optionv-for="iteminaceConfig.arr":key="item":label="item":value="item"/>/el-select>el-button@click="jsonFormat">

Vue3 关于setup与自定义指令

setup语法糖 最大好处就是所有声明部分皆可直接使用,无需return出去注意:部分功能还不完善,如:name、render还需要单独加入script标签按compositionAPI方式编写//setup下还可以附加setup语法糖独有 import{ref,reactive,toRefs}from'vue'consta=1;constnum=ref(99)//基本数据类型constuser=reactive({//引用数据类型age:11})//解构能获取响应式属性{}解构toRefs保留响应式const{age}=toRefs(user)//导出defineExpose({a})//p

vue2和vu3屏幕显示适配 屏幕等比例缩放?

先上效果图展示  一、禁止项目页面百分比放大缩小(优化辅助使用,可加可不加,凭自愿)//禁止缩放window.addEventListener("mousewheel",function(event){if(event.ctrlKey===true||event.metaKey){event.preventDefault();}},{passive:false});//firefoxwindow.addEventListener("DOMMouseScroll",function(event){if(event.ctrlKey===true||event.metaKey){event.prev

基于Java+SpringBoot+Vue前后端分离MES生产制造执行系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

pycharm创建vue项目idealTree:npm: sill idealTree buildDeps,换taobao源后还不好使?那就再换一个

心血来潮打算写个小项目,前后端分离,flask/fastapi+vue(具体用哪个后端还没想好),里面的功能大概就是目前所有热门的应用的合集,一键出结果的那种,然后跟随着科技趋势,不断去更新维护的一个网站,同时也学习学习前后端啥的知识,几乎相当于从零开始了。后端习惯了pycharm,虽说vscode用着也很爽,但是对于python的代码来说,还是pycahrm最舒服了,正好在新建项目的时候看见了可以新建vue的项目那就一起来吧,可一个编辑器霍霍吧。正常点击新建vue.js项目没什么问题的,然后点击创建项目也是可以正常能创建的,创建之后控制台会出现让你进入目录开始安装环境然后运行然后第一个坑就出

SpringBoot和Vue2集成WebSocket,实现聊天室功能

SpringBoot和Vue2集成WebSocket,实现聊天室功能1.加入依赖2.后端建立socket服务端3.前端建立客户端后端dependency>groupId>org.springframework.bootgroupId>artifactId>spring-boot-starter-websocketartifactId>dependency> dependency>groupId>com.alibabagroupId>artifactId>fastjsonartifactId>version>1.2.76version>dependency>//配置开启WebSocket@Co