随笔分类 -  vue系统管理

第十三章 菜单管理
摘要：今天我们来做菜单这部分 我想用树形表格，但是element-ui中不提供。所以只能变为树形控件，中间放详细，右侧放操作。 我们先去element-ui找到树形控件的demo放里。 然后使用row来进行分隔，然后中间放到form，右面放个table，同样直接从演示时找代码放里。效果如下 然后我们先来处 阅读全文
posted @ 2019-01-13 14:58 特喜欢 阅读(155) 评论(0) 推荐(0)
第十二章 增删改查
摘要：这章我们来做用户的增删改查 查询 先来查，在上面另一个查询条件，用来查询用户姓名及用户名的查询 在查询按钮前添加个文本框，并使用col来进行布局，先不管好不好看。 因为添加了v-model=s_user了，所以我们需要在data()里添加s_user:””来绑定，并在queryList方法中的参数添 阅读全文
posted @ 2019-01-06 16:38 特喜欢 阅读(279) 评论(0) 推荐(0)
第十一章 分页及BaseController
摘要：今天我们来讲分页，分页前端有控件，后端使用pagehelper。 从后端开始。先在entity里创建base文件夹，并在里面创建PageVo的类，里面包含pageSize, pageNum, sortField, sortOrder四个属性，并添加默认值。用来处理分页 1 public class 阅读全文
posted @ 2018-12-30 15:03 特喜欢 阅读(1100) 评论(0) 推荐(0)
第十章 菜单、axios封装
摘要：Mapper 首先，调整UserMapper.xml，添加resultMap用来表和对象做映射 日期的格式不是我们想要的User.java中Date类型添加注解，显示就是正确的了 @JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8") 阅读全文
posted @ 2018-12-23 16:07 特喜欢 阅读(627) 评论(0) 推荐(0)
第九章 用户管理（一）
摘要：今天，我们来做界面。 首先我们可以找官方介绍，把代码贴到User.vue中。看看有没有正常显示出来 1 2 3 <template> 4 <div > 5 <el-table 6 :data="tableData" 7 stripe 8 style="width: 100%"> 9 <el-tabl 阅读全文
posted @ 2018-12-16 20:55 特喜欢 阅读(170) 评论(0) 推荐(0)
第八章 项目框架搭建及用户管理初建
摘要：连接数据库，使用EA直接生成数据库脚本，创建表。 /* */ /* Generated by Enterprise Architect Version 14.0 */ /* Created On : 09-12月-2018 12:49:55 */ /* DBMS : MySql */ /* */ S 阅读全文
posted @ 2018-12-09 15:07 特喜欢 阅读(250) 评论(0) 推荐(0)
第七章 设计二
摘要：上周没更。补之 先是类设计图 然后是idea 创建项目，选择spring initializr 下一步，输入 group, artifact 添加web里的web，完成 短篇一张。下一章，是关于user表相关的希望有时间跑通了 阅读全文
posted @ 2018-12-03 22:34 特喜欢 阅读(95) 评论(0) 推荐(0)
第六章 设计
摘要：本周带来的是设计。 代码未动，设计先行。只有先思考，再干活，代码出错率才会低，要不然，写着写着发现问题，解决问题时发现之前写的大多数代码都要改。那心情，都经历过吧，然后，一切沉着的心情就特别特的糟糕。所以先想清楚，第一步是什么，第二步是什么。等都想明白了， 捋清关系了，再动手不迟。记得，捋的时候，别 阅读全文
posted @ 2018-11-23 22:22 特喜欢 阅读(135) 评论(0) 推荐(0)
第五章 首页
摘要：轮到的页面。个人喜欢antd的那个深色的，咱就用这个来演示。 首先在改名，将回来manage文件夹改名为frame，同时记得看眼路由是否自己就跟着改了。 然后，我们新建manage文件夹在views里，再创建4个文件，分别是User.vue, Role.vue, Menu.vue, Auth.vue 阅读全文
posted @ 2018-11-18 12:12 特喜欢 阅读(152) 评论(0) 推荐(0)
第四章 登陆页
摘要：首先，我们先安装ElementUI。运行vue ui，搜索依赖，安装 在main.js添加使用两个引用，一个加载。 我们先来调整一下App.vue中样式 然后是login.vue，目前我们没有后台，用户名和密码暂时写死在前台：admin/123456 1 <template> 2 <div clas 阅读全文
posted @ 2018-11-11 12:29 特喜欢 阅读(131) 评论(0) 推荐(0)
第三章 router路由
摘要：本章，安装router 今天体验一下ui， 在terminal里，执行vue ui 打开ui界面，在上面就有添加vue-router，安装完成，依赖里就能看到了 安装之后，项目中自动出现了router.js和views文件夹。 此时我们运行项目的话。就能看到在绿V的上面多出来了Home|About的 阅读全文
posted @ 2018-11-04 12:53 特喜欢 阅读(132) 评论(0) 推荐(0)
第二章 node-sass安装
摘要：接下来我们来安装css-loader。 vue3.0上，没有webpack.config.js也不用安装，只需要在目录下创建一个vue.config.js就可以实现一样的效果。 首先，我们先创建vue.config.js在根目录下。然后添加代码，如下 这里添加两部分一部分是webpack里的相关加载 阅读全文
posted @ 2018-11-04 12:05 特喜欢 阅读(2543) 评论(0) 推荐(0)
第一章 vue的环境搭建
摘要：首先安装WebStorm，完事打开 Create New Project -> Vue.js 出现红字，没有安装nodejs。so 安装一下，简单的next就可以了。 因为我之前安过了vue-cli了，所以vue没有报错。或者出来了vue.js的选项 所以如果没有出现vue.js或者这个出红字都没关 阅读全文
posted @ 2018-10-28 12:00 特喜欢 阅读(252) 评论(0) 推荐(0)
VUE系统管理概术
摘要：本系统使用Vue CLI 3.0 + ElementUI + spring boot 2.0 + mysql 来进行开发。 开发工具及环境使用WebStorm2018.2.5，nodejs11.0。 近期vue-cli 3.0 发布了，加上最近工作使用react，就有兴趣来尝试一下。 本人一直认为一 阅读全文
posted @ 2018-10-28 11:42 特喜欢 阅读(155) 评论(0) 推荐(0)