草庐IT

nodejs_vue

全部标签

Vue3学习(16) - 左侧显示分类菜单

写在前面和大家不太一样,我觉得今年的自己更加relax,没有亲戚要走,没有朋友相聚,也没有很好的哥们要去叙旧,更没有无知的相亲,甚至可以这么说没有那些闲得慌的邻居。也可以说是从今天开始,算是可以进入自己的小世界,做自己想做的事,看看书,学习一下。生活的精髓在于善待自己,用心感受每一刻的欢愉与宁静!人生于世上有几个知己,多少友谊能长存,愿友谊常青!菜单显示分类名那么如何让菜单正常显示菜单内容呢?1、任务拆解在页面加载就查出所有分类通过垂直菜单遍历出所有分类内容并显示2、在页面加载就查出所有分类即在onMounted种通过handleQueryCategory,此处可以复用分类列表中的代码,示例代

【开源】JAVA+Vue+SpringBoot实现公司货物订单管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1客户管理模块2.2商品维护模块2.3供应商管理模块2.4订单管理模块三、系统展示四、核心代码4.1查询供应商信息4.2新增商品信息4.3查询客户信息4.4新增订单信息4.5添加跟进子订单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的公司货物订单管理系统包含了客户管理模块、商品维护模块、供应商管理模块和订单管理模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,公司货物订单管理系统基于角色的访问控制,给公司管理员和订单专员使用,可将

vue3 + TS 自定义插件-全局message提示插件示例

本文记录Vue3+ts实现自定义一个全局插件,用于进行message消息提示,所谓全局插件即挂载到vue实例上,在App的任一子组件中均可通过app的实例调用该方法。消息提示功能只是示例主要是记录Vue3自定义插件功能的写法。文件结构:src/components/Toast/index.vue文件用于搭建和渲染消息在页面上的显示效果,比如需要显示在页面的哪个位置、字体、颜色、显示和隐藏的动画效果等;src/components/Toast/index.ts文件用于实现将消息的显示/隐藏等方法全局挂载到app实例上(注:对象写法默认需要导出一个install()方法),这样在main.ts中导

《智慧病房管理系统》硬件加软件,可用于毕设(工作量肯定够),简单部署即可使用运行。技术栈:nodejs后台+小程序+Vue+MQTT+STM32,智能数采,智能控制。

1.开发背景    随着人口老龄化的加剧,各个国家都面临着医疗资源紧张,医疗需求增长的问题,与此同时,科技进步使得医疗设备以及对医疗技术的要求越来越高。医院现代化的程度程度正在逐渐提高,因此建设一个现代化的医院病房管理系统是一个非常符合时代发展的决定。2.主要功能图:3.系统数据流图:4.系统使用到的技术:        基于STM32的病房管理系统的分为小程序端和后台管理端,小程序端的开发是用到了HBuilderX3.5.3这个软件进行开发的,主要得益于他的优点,一套代码,多端运行,小程序前端参考文档组件库开发,后台结合Element.js与Vue.js开发。后端部分,整体的后端代码都是用H

springboot整合vue,将vue项目整合到springboot项目中

将vue项目打包后,与springboot项目整合。第一步,使用springboot中的thymeleaf模板引擎导入依赖org.springframework.bootspring-boot-starter-thymeleaf在resources目录下建立static文件夹和templates文件夹在yml中配置thymeleafspring:#模板引擎thymeleaf:mode:HTML5encoding:utf-8#禁用缓存cache:false在配置中打开访问静态文件的权限publicclassResourceConfigimplementsWebMvcConfigurer{@Ove

基于Java+SpringBoot+Vue.js前后端分离图书购物商城系统设计和实现 可行性分析

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式首先,基于Java+SpringBoot+Vue.js前后端分离的图书购物商城系统设计和实现是可行的。这种技术组合具有很好的可扩展性、灵活性和稳定性,可以满足大多数图书商城

Vue + Element UI el-table + sortablejs 行、列拖拽排序

实现ElementUI中的el-table表格组件的行和列的拖拽排序使用Vue3+ElementPlusUI+sortablejs安装sortablejspnpminstallsortablejs行拖拽基本实现效果scriptsetup>import{onMounted,ref}from"vue";importSortablefrom"sortablejs";consttableData=ref([{id:1,date:"2016-05-02",name:"王小虎111",age:21,address:"上海市普陀区金沙江路1518弄",},{id:2,date:"2016-05-04",na

AXIOS飞行前失败错误301使用vue.js

我有一个Laravel5.4API,在Postman和TheBrowser中效果很好。LocalhostWorksFine-Laravel5.4在一个端口上运行,而在热部署模式下的VUE运行正常。但是,当我将VUE代码移至生产服务器时,我会收到此错误:Responseforpreflightisinvalid(redirect)在ChromeDeveloper工具中,“网络”选项卡显示了以下内容:一般的RequestURL:http://backend-dev.xolas.io/api/v1/view/calendar/-30/90/RequestMethod:OPTIONSStatusCod

【开发问题】vue的前端和java的后台,用sm4,实现前台加密,后台解密

sm4加密vue引入的包代码加密解密javamaven代码运行结果vue引入的包npminstallsm-crypto代码加密解密加密:key:代表着密钥,必须是16字节的十六进制密钥password:加密前的密码sm4Password:代表sm4加密后的密文constsm4=require('sm-crypto').sm4constkey='0123456789abcdeffedcba9876543210'//16字节的十六进制密钥constsm4Password=sm4.encrypt(password,key)解密:key:代表着密钥,必须是16字节的十六进制密钥sm4Password:

【Vue3】json与字符串的相互转换(qs.js)

一.安装qs1.首先输入命令下载qsnpmiqs-D2.需要的地方引入importqsfrom'qs'二.qs与js的区别1. 共同点:(1)都可以进行序列化与反序列化。(2)拥有同样的方法:对象的序列化stringify()方法;反序列化parse();序列化:将对象转化为字符串的形式,便于数据的传输。反序列化:将字符串转化为对象的形式。2. 不同点qs:qs.stringify()将对象转化为url形式的字符串,即为url后面的参数。qs.parse()将字符串转化为对象。json:json.stringify()将转化为json格式的字符串。json.parse()将json字符串转化为