草庐IT

SpringBoot+Vue

全部标签

Vue 非单文件组件

概述  Vue非单文件组件的创建与使用。知识点  组件的定义:组件是能实现某个功能或具有某种属性的代码和资源集合。  创建非单文件组件需要3个步骤:创建组件注册组件使用组件创建组件  使用Vue.extend(options)创建,格式与newVue时几乎一样,但是这里有两点要注意;不需要写el,因为组件是可复用的,不能固定在某一容器内。data必须写成函数,如果写成对象,这样组件复用时会引用同一个数据,所以只能写成函数形式,不同的组件data数据才会互不干扰。如下图创建了2个组件:school组件和student组件1//创建school组件2constschool=Vue.extend({

分享springboot框架的一个开源的本地开发部署教程(若依开源项目开发部署过程分享持续更新二开宝藏项目MySQL数据库版)

1首先介绍下若依项目:若依是一个基于SpringBoot和SpringCloud技术栈开发的多租户权限管理系统。该开源项目提供了一套完整的权限管理解决方案,包括用户管理、角色管理、菜单管理、部门管理、岗位管理等功能。若依项目采用前后端分离的架构,前端使用Vue.js框架开发,后端使用Java语言开发。前端使用了ElementUI组件库,界面简洁美观,易于使用。若依项目支持多租户模式,可以实现多个租户共享同一套系统,每个租户的数据是独立的。租户管理员可以自定义权限、菜单、角色等,进行灵活的权限管理。若依项目还集成了许多常用的功能模块,包括字典管理、定时任务、文件上传下载、日志管理等。并且采用了高

vue小程序sm4加解密方法

新建base64.js文件(function(a){if("object"==typeofexports&&"undefined"!=typeofmodule)module.exports=a();elseif("function"==typeofdefine&&define.amd)define([],a);else{varb;b="undefined"==typeofwindow?"undefined"==typeofglobal?"undefined"==typeofself?this:self:global:window,b.base64js=a()}})(function(){ret

【SpringBoot】自定义工具类实现Excel数据新建表存入MySQL数据库

🏡浩泽学编程:个人主页 🔥推荐专栏:《深入浅出SpringBoot》《java对AI的调用开发》              《RabbitMQ》《Spring》《SpringMVC》《项目实战》🛸学无止境,不骄不躁,知行合一文章目录前言一、EasyExcel转CSV二、分割建表入库总结前言本文主要介绍使用EasyExcel读取Excel内数据并转换为csv格式数据(String字符串),然后实现字符串分割,分割出属性名和属性值建表插入MySQL数据库中。一、EasyExcel转CSV使用EasyExcel读取Excel文件,转换为csv数据,也就是转化为一个字符串。工具类:/***@Versi

websocket 实现后端主动前端推送数据、及时通讯(vue3 + springboot)

简介WebSocket是一种全双工通信协议,用于在Web浏览器和服务器之间建立持久的连接。WebSocket协议由IETF定为标准,WebSocketAPI由W3C定为标准。一旦Web客户端与服务器建立连接,之后的全部数据通信都通过这个连接进行。可以互相发送JSON、XML、HTML或图片等任意格式的数据。WebSocket与HTTP协议的异同:相同点:都是基于TCP的应用层协议。都使用Request/Response模型进行连接的建立。可以在网络中传输数据。不同点:WebSocket使用HTTP来建立连接,但定义了一系列新的header域,这些域在HTTP中并不会使用。WebSocket支持

基于Java在线婚纱租赁系统的设计与实现(Springboot框架) 参考文献

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式张晓莉.SpringBoot实战[M].北京:人民邮电出版社,2016.杨波.Spring实战[M].北京:机械工业出版社,2014.李刚.SpringBoot企业级应用开

Java某某城市文化宣传展示系统设计与实现(Idea+Springboot+mysql)

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式功能清单【后台管理员功能】密码修改:修改管理员密码退出登录:点击退出后台管理系统系统设置:设置网站名称,关键字,网站描述关于我们设置:设置网站介绍、联系

vue报错:in ../node_modules/axios/lib/platform/index.js

报错信息截图:报错原因:第三方组件版本冲突,一般下载axios默认下载的是最新版本1.6.2,而我们只需要将axios的版本改为1.5.0即可解决办法:1-打开项目的文件夹“node_modules”2-删除里面的文件夹“axios”3-在“package.json”中,将axios的版本信息改为1.5.04-在终端输入命令:npminstallaxios@1.5.0--save5 输入运行指令“npmrundev”就可以正常运行了参考连接:vue报错:Moduleparsefailed:Unexpectedtoken(5:2)Youmayneedanappropriateloadertoha

vue项目本地开启https访问模式

vue项目本地开启https访问模式在实际开发中,我们除了以http的形式进行页面访问,还会以https形式进行页面访问,但是根据vue-cli的版本不同,配置方式也有所差异,以下分别从vue-cli3.x、vue-cli4.x和vue-cli2.x构建的项目分别进行配置开启https:1、vue-cli3.x和vue-cli4.x使用vue脚手架3.x和vue-cli4.x搭建的项目,配置开启https方法比较简单,在项目根目录下的vue.config.js文件中增加属性https:true即可。//vue.config.jsmodule.exports={//配置webpack-dev-s

【开源】JAVA+Vue.js实现天沐瑜伽馆管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2瑜伽课程模块2.3课程预约模块2.4系统公告模块2.5课程评价模块2.6瑜伽器械模块三、系统设计3.1实体类设计3.1.1瑜伽课程3.1.2瑜伽课程预约3.1.3系统公告3.1.4瑜伽课程评价3.2数据库设计3.2.1瑜伽课程表3.2.2瑜伽课程预约表3.2.3系统公告表3.2.4瑜伽课程选课表3.2.5学生成绩表四、系统展示五、核心代码5.1查询瑜伽课程5.2瑜伽课程预约5.3瑜伽课程评价5.4查询瑜伽器械5.5新增公告六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的天沐瑜伽