Vue Spring Boot入门实战
分享
扫一扫
文章平均质量分 91
最近在自学VUE，决定用spring boot vue做一个简单的系统。vue这个前端框架很火，他和传统的Jquery 编程思路完全不一样，Jquery 是事件驱动的，而VUE是数据驱动的。知识纯属自学，如有错误的地方欢迎指出，共同进步！
优惠券已抵扣
余额抵扣
还需支付
¥19.90
¥99.00
购买须知?
本专栏为图文内容，最终完结不会低于15篇文章。
订阅专栏，享有专栏所有文章阅读权限。
本专栏为虚拟商品，基于网络商品和虚拟商品的性质和特征，专栏一经购买无正当理由不予退款，不支持升级，敬请谅解。
珍妮玛•黛金
人生就是如此，穿的是朝九晚五的责任，提的是柴米油盐的生活，跳的骨子里的放荡不羁和曾经为此付之希望的梦想叫醒我的不是梦想，是生活，看世人慌慌张张，不过图碎银几两。偏偏这碎银几两，能解世间万种惆怅。
展开
-
Spring Boot Vue Element入门实战(完结)
最近在自学VUE，发现这个前端框架很火，他和传统的Jquery 编程思路完全不一样，Jquery 是事件驱动的，而VUE是数据驱动的。以前写页面经常是通过Jquery 操作各种DOM，而VUE不用对DOM进行操作，直接操作绑定的数据即可。接下来我会花一部分时间，把我学习到的分享给大家，知识纯属自学，如有错误的地方欢迎指出，共同进步！入门实战目录Spring Boot Vue Element入门...原创 2019-04-23 13:03:03 · 21094 阅读 · 7 评论 -
Spring Boot Vue Element入门实战（十八）完结篇
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）总结不足和需要改进的地方权限可以加入shiro路由可以动态来获取UI还可以更加完美一些vuex全局变量状态管理VUE相关网站Vue.js中文官网Element中文官网自学vue也有段时间了，也遇到很多问题，踩过很多坑，特别是操作dom不习惯。本系列文章写到这里就基本结束了，这里面肯...原创 2019-09-24 14:33:33 · 1063 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十六）菜单首页，前后台整合
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）首页（二）学生管理（三）成绩管理（四）教师管理（五）基础数据（六）日志管理上一篇：Spring Boot Vue Element入门实战（十五）注册登录路由跨域拦截下一篇：Spring Boot Vue Element入门实战（十七）Nginx+Tomcat前后端部署点击这里...原创 2019-09-24 14:32:33 · 940 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十五）注册登录路由跨域拦截
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）完善路由新建以上页面，然后在index.js中配置路由，并加上路由拦截token// 路由配置如下import Login from '@/pages/Login'import Main from '@/pages/Main'import Dashboard from '@/pages/Da...原创 2019-09-24 14:32:17 · 733 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十四）前后台整合增删改查
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766新建学生页面，我们来整合前后台增删改查接口（一）添加//点击添加按钮，currentLoginType != 'student是权限拦截<el-form-item v-if="currentLoginType != 'student'"> <el-button type="prim...原创 2019-09-24 14:31:50 · 1638 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十三）Spring Boot+Mybatis+Redis+Swagger
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766(一)修改POM文件打开pom文件首先在顶部文字加入spring boot的依赖<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-sta...原创 2019-09-24 14:31:25 · 1413 阅读 · 5 评论 -
Spring Boot Vue Element入门实战（十二）PowerDesigner数据库建模
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）需求最近打算给朋友做一个大学运动会管理系统，有学生和老师2个角色，老师登录进去可以编辑学生信息，比赛成绩等等，普通学生登录进去只能查询成绩，修改自己的信息。首先需要新建2个表，一个是学生表，里面是学生的一些基本信息，一个是成绩表，里面是每个学生每项运动的成绩（一）数据库建模上一篇：Spring ...原创 2019-09-24 14:30:46 · 1057 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（九）router路由配置
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌...原创 2019-08-17 13:48:29 · 9607 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（八）静态列表页面
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766页面中间部分主要分为3部分，分别是顶部的搜索，中间的列表，底部的分页，我们先出布局说起...原创 2019-08-16 11:09:39 · 9601 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（五）封装axios
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）创建axios.js在src目录下新建axios文件夹，然后新建axios.js文件//引入axios import axios from 'axios'//引入element-uiimport { Message} from 'element-ui';import global_ f...原创 2019-08-13 16:59:30 · 11094 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（七）Echart集成
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766图表在数据表现层运用十分广泛，常用的有百度的echartshightchart中文网阿里的antVChart.js除了这些插件外，开源的收费的还有很多，基本使用方法都类似，作者以echarts为例集成到项目中（一）安装echarts依赖//这里使用的是淘宝镜像安装，如果之前已经安装过依赖，请忽略...原创 2019-08-15 16:00:46 · 9957 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十一）后端SpringBoot服务搭建
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766从本章开始将进入后台方面的介绍，包括spring boot，数据库，redis缓存，swagger，Mybatis等集成，以及前后台完成融合，最后完成前后台部署。准备工作：JDK 1.8+Maven 3.0+Tomcat 8Mysql 5.6+Redis 5.0+环境变量配置（一）新建sp...原创 2019-09-24 14:29:29 · 1141 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十）Vue生命周期
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766前面9篇文章基本上完成了vue 静态页面的入门，包括列表展示，路由动态加载菜单，echarts图表的一些使用，后面会结合后台，实现登录，退出，以及日志记录，动态增删改查一些功能。作者通过自身的学习，以及在网上查阅的资料，对VUE的生命周期也有一定的了解，下面就把一些学习笔记分项给大家（一）生命周期从Vu...原创 2019-08-22 15:23:36 · 9517 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（六）常用工具类封装（持续更新）
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766这里面是一些日常开发中经常用到的一些方法，整理出来，后续回陆续的完善（一）日期时间工具//获取当前时间，格式例如yyyy-MM-dd HH:mm:ss，支持多种格式function getCurrentFormatDate(format){ var date = new Date(); var ...原创 2019-08-14 13:54:04 · 10564 阅读 · 1 评论 -
Spring Boot Vue Element入门实战（三）Vue Devtools安装
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。（一）devtools下载首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools（二...原创 2019-08-13 16:58:59 · 11931 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（四）主页面开发
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）页面布局页面布局分为3个部分：顶部导航：系统logo，登录信息，退出按钮等左侧菜单：显示系统菜单右侧展示：显示页面主要内容（二）修改布局文件App.vue主要是一些样式和布局，注意在IDEA下sass语法会报错，忽略即可，后续有时间再研究。<template> &l...原创 2019-05-06 15:58:13 · 9173 阅读 · 4 评论 -
Spring Boot Vue Element入门实战（二）前端框架搭建
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）IDEA开发工具这里其实推荐Atom或者webstorm，Atom有很多vue的插件，高亮语法检查小地图等等一些很实用的插件。本次实战环境选择IDEA编辑器，导入入门实战（一）中的生成的工程如下图. VUE工程目录结构├── build 构建脚本目录├── conf...原创 2019-05-03 17:14:45 · 9916 阅读 · 1 评论 -
Spring Boot Vue Element入门实战（一）VUE开发环境搭建
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766Java环境请参考Java环境变量配置Node.js环境官网下载Node，下载完成后安装环境变量配置变量名：NODE_HOME变量值：node.js安装目录新建NODE_PATH系统变量变量名：NODE_PATH变量值：%NODE_HOME%\node_modules然后编辑pat...原创 2019-04-23 11:37:18 · 12311 阅读 · 0 评论 -
Spring Boot Vue Element入门实战（十七）Nginx+Tomcat前后端部署
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766（一）打包上一篇：Spring Boot Vue Element入门实战（十六）菜单首页，前后台整合下一篇：Spring Boot Vue Element入门实战（十八）完结点击这里返回目录源代码下载Github：https://github.com/Iamoldwang/spring-boot-...原创 2019-09-24 14:33:12 · 1307 阅读 · 0 评论