spring boot 与 iview实现前后端分离架构
文章平均质量分 79
1、前端采用iview的前端框架进行实现。
2、后端基于spring boot 2.1.x版本实现。
3、主要功能包含用户管理、菜单管理、角色管理、字典维护、组织架构、日志管理这六大基础模块。
笨_鸟_不_会_飞
千里之行始于足下
展开
-
如何快速开始bg-admin这套框架
如何快速快速启动bg-admin这套框架原创 2019-07-17 20:30:28 · 10769 阅读 · 10 评论 -
spring boot+iview 前后端分离架构之前端工程的构建以及IVIEW的引入(一)
iview工程构建写在博客前创建vue工程功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入写在博客前在大家开始看本系...原创 2019-04-24 19:54:38 · 13532 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之登陆页面以及国际化的实现(二)
spring boot 与 iview 前后端分离架构之登陆页面以及国际化的实现(二)登陆页面以及国际化的实现国际化的实现登陆页面以及国际化的实现本章节主要讲解的是如何在开发自己的系统的时候进行国际化的编写以及登陆页面的实现,本章节的代码是基于上一章节的代码的延续实现的,请大家基于上一章节的代码往下走。国际化的实现...原创 2019-04-25 23:38:39 · 17566 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之首页的实现(三)
spring boot 与 iview 前后端分离架构之首页的实现(三)基于iview首页的实现首页布局的实现基于iview首页的实现在上一章节我们已经完成了登陆页面了,同时对登陆页面我们进行了表单的验证,那么登陆成功以后我们需要跳转到我们的首页,这一章节我们将实现我们首页的布局展示。首页布局的实现首先打开我们的bg-admin-web工程,然后在src的view目录底下创建一个main文...原创 2019-04-26 21:21:28 · 12204 阅读 · 1 评论 -
spring boot+iview 前后端分离架构之数据库的设计(四)
spring boot 与 iview 前后端分离架构之数据库的设计(四)基于powerdesign设计数据库用户表的设计组织架构表的设计用户组织架构关联表角色表的设计用户角色关联表的设计菜单表的设计角色菜单关联表的设计字典表的设计行为日志表的设计基于powerdesign设计数据库再上面两章我们主要讲解了如何去构建我们的前端工程,以及实现我们整个前端框架的基础架构,那么本章将讲解我们该如何设...原创 2019-05-05 23:44:05 · 11698 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之后端工程的构建和mybatis插件的使用(五)
spring boot 与 iview 前后端分离架构之后端工程的构建和mybatis插件的使用创建后端spring boot工程引入相应的maven依赖使用mybatis的插件快速生成代码配置mybatis验证配置是否成功创建后端spring boot工程首先打开我们的IDEA,在我们的IDEA的bg-admin底下创建一个spring boot工程(file=>new=>mod...原创 2019-05-06 22:46:59 · 11477 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之前后端交互的实现(六)
spring boot 与 iview 前后端分离架构之前后端交互的实现(六)axios的跨域访问工具的封装实现实现前后端交互-后端的实现实现前后端交互-前端的实现bug修复mysql的maven依赖的版本问题导致启动报错axios的跨域访问工具的封装实现基于第五章的工程,在bg-admin-web的src目录底下创建一个lib目录,该目录主要用于存放我们的axios的封装的实现,以下是axi...原创 2019-05-15 18:26:16 · 12549 阅读 · 0 评论 -
spring boot 与 iview 前后端分离架构之前端指定环境的实现(七)
spring boot 与 iview 前后端分离架构之前端指定环境的实现(七)前端环境配置动态配置axios的请求地址前端环境配置我们在开发中,经常需要切换环境,在不同环境需要不同的变量信息,那么我们就需要有动态的指定环境,当我们指定这个环境的时候,直接就使用这个环境的变量信息。打开我们的bg-admin-web的前端工程,然后再我们的src目录底下创建一个config目录,接着在该目录底...原创 2019-05-21 18:48:28 · 11007 阅读 · 2 评论 -
spring boot+iview 前后端分离架构之接口文档的编写(八)
spring boot 与 iview 前后端分离架构之接口文档的编写(八)markDownPad2安装markDown的使用编写接口文档markDownPad2安装首先大家可以直接去以下的百度网盘的地址直接下载markDownPad2的安装包,然后安装这款mark down软件。链接: https://pan.baidu.com/s/1FgD6KbiveHCYTeXdLC1n-A 提取码:...原创 2019-05-21 18:49:15 · 11319 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之前端mock的实现(九)
spring boot 与 iview 前后端分离架构之前端mock的实现(九)为什么需要mockmock的实现引入mock依赖配置mock环境启动服务并验证是否已经mock成功为什么需要mock为什么我们的前端开发需要mock呢,所有的前端都是依赖于后端的接口来进行数据的展示和提交,但是在后端开发进度延后的时候,前端人员为了开发进度这时候就使用mock来进行模拟请求,等到后端开发完成以后,直...原创 2019-05-21 21:56:19 · 11175 阅读 · 2 评论 -
spring boot+iview 前后端分离架构之接口文档的编写和所有mock数据的实现(十)
spring boot 与 iview 前后端分离架构之接口文档的编写和所有mock数据的实现(十)写在前端开发之前写在前端开发之前假定我们现在是作为一个前端开发工程师,这时候后端的开发人员还没有给我们提供一个服务给我们调用,那我们这时候该如何去编写我们的前端呢,大家很明显就想到了上一章的mock的实现,但是不可能由前端人员去编写接口,因此这时候就需要后端人员先给予我们前端开发人员一套完整的接...原创 2019-05-23 19:17:41 · 11124 阅读 · 1 评论 -
spring boot+iview 前后端分离架构之前端路由的实现(十一)
spring boot 与 iview 前后端分离架构之数据字典的实现(十一)创建数据字典列表以及配置路由左侧导航栏触发页面路由创建数据字典列表以及配置路由打开我们的前端工程,然后定位到view目录在该目录底下创建sys目录,接着在sys目录底下创建dict目录,接着在dict目录底下创建一个dictList.vue文件,代码如下:<template> <div>...原创 2019-05-23 19:17:50 · 11710 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之数据字典模块布局和列表查询的实现(十二)
spring boot 与 iview 前后端分离架构之数据字典模块布局和列表查询的实现(十二)数据字典列表布局数据字典列表查询搜索栏的实现数据列表的实现分页组件的实现加载数据字典数据到数据列表实现编辑和删除数据字典的数据数据字典列表布局首先我们在开始开发我们的数据字典的时候我们需要设计好我们这个模块的布局,那么针对像这样增删改查的列表我基本是采用的是卡片式的布局,布局代码如下:<te...原创 2019-05-23 23:26:23 · 12356 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之数据字典新增字典的实现(十三)
spring boot 与 iview 前后端分离架构之数据字典新增字典的实现(十三)新增数据字典的初步编码新增数据字典的编码完善新增数据字典的初步编码在我们上一章的基础上,我们在dict目录底下新增一个addDict.vue文件,代码如下:<template> <Modal v-model="show" title="新增字典" @on-ok="ok" :loadin...原创 2019-05-29 23:27:03 · 13236 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之菜单管理首页的实现(十四)
spring boot 与 iview 前后端分离架构之菜单管理首页的实现(十四)菜单管理菜单管理布局左侧的菜单栏的效果的实现右侧列表框的实现菜单管理以下就是我们实现完成以后的效果图:菜单管理布局首先我们在sys目录底下创建一个tree目录,接着创建一个treeList.vue文件,代码如下:<template> <div> <Card tit...原创 2019-06-27 22:27:22 · 11498 阅读 · 1 评论 -
spring boot+iview 前后端分离架构之菜单管理菜单的增删改的实现(十五)
spring boot 与 iview 前后端分离架构之菜单管理菜单的增删改的实现(十五)菜单管理菜单管理通过上一章我们已经完成了整个菜单管理的布局和展示了,本章我们将主要关注如何实现对左侧菜单栏的增删改查。...原创 2019-06-27 23:24:34 · 11646 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之角色管理布局和列表的实现(十六)
spring boot 与 iview 前后端分离架构之角色管理布局和列表的实现(十六)角色管理角色管理通过上一章我们已经完成了我们的菜单管理模块的开发了,那么这章我们将开始讲解如何开发我们的角色模块,首先会给大家讲解角色管理的布局和列表,在下一章将会给大家讲解如何实现角色与菜单的权限的关联。打开我们的基于第十六章的工程然后在sys目录底下创建一个role目录如下:由于我们的角色列表有需...原创 2019-06-30 22:35:07 · 10852 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之角色管理增删改的实现(十七)
spring boot 与 iview 前后端分离架构之角色管理增删改的实现(十七)角色管理新增角色修改角色删除角色角色管理通过上一章我们已经完成了角色管理的列表的编写,接着上一章的代码,我们本章将实现角色的增删改的功能,同时在增删改的时候同步实现角色与菜单之间的关联关系。新增角色首先打开我们的前端工程,接着在role目录底下创建一个addRole.vue文件,该文件实现新增角色的功能,该...原创 2019-07-02 19:40:48 · 10817 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之组织用户的布局的实现(十八)
spring boot 与 iview 前后端分离架构之组织用户的布局的实现(十八)组织用户组织用户布局的实现组织用户组织用户管理主要是为了实现对系统的组织和用户进行相应的维护,实现组织和用户以及用户和角色之间的相互的关联关系。组织用户布局的实现打开我们第十七章的工程,在sys目录底下创建一个user目录,用户存放组织和用户的相关的代码,如下所示:组织用户的布局方式和菜单的布局方式是一...原创 2019-08-12 22:31:20 · 12579 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)
spring boot 与 iview 前后端分离架构之组织用户的组织的增删改的实现(十九)组织架构的维护新增组织修改组织删除组织组织架构的维护本章将为大家讲解该如何实现对组织的增删改的实现,新增组织打开十八章的工程,在user目录底下创建一个addOrg.vue,该文件实现了新增组织的功能,代码如下:<template> <Modal v-model="show"...原创 2019-07-03 21:14:44 · 19530 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之组织用户的用户的增删改的实现(二十)
spring boot 与 iview 前后端分离架构之组织用户的用户的增删改的实现(二十)用户维护新增用户修改用户删除用户用户维护由于在用户模块使用到了省市区的下拉,因此需要在此处引入iview-area的依赖,因此我们在package.json中增加以下的依赖:接着我们在项目底下执行cnpm install 去下载这个依赖,同时改造我们的main.js将这个组件引入进来,改造的代码部分...原创 2019-07-03 22:13:00 · 10817 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之首页面包屑的实现(二十一)
spring boot 与 iview 前后端分离架构之首页面包屑的实现(二十一)首页面包屑首页面包屑前面二十章我们已经基本实现了前端的几个大模块的整合开发,但是在细节部分我们还是有缺失的,比如我们的面包屑、左侧菜单、顶部菜单,这些现在都是在代码里面写死的,这些我们应该是根据具体的场景来动态可配置的。因此本章开始分别对以下的几块进行改造,首先本章我们将开始改造我们的面包屑导航,首先我们需要...原创 2019-07-03 23:01:49 · 20475 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之首页菜单栏的实现(二十二)
spring boot 与 iview 前后端分离架构之首页菜单栏的实现(二十二)首页菜单栏改造路由引入用户的存储登录页面改造改造首页完成菜单的动态加载首页菜单栏在第二十一章我们实现了首页的面包屑了,那么在这一章节我们将实现首页的菜单栏。改造路由由于我们之前的菜单的都是我们在页面上写死的,因此不会涉及到任何关于权限的问题,但是我们现在的菜单需要根据用户所拥有的菜单权限来动态展示,因此我们需...原创 2019-07-04 18:59:41 · 11278 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之首页退出和修改密码的实现(二十三)
spring boot 与 iview 前后端分离架构之首页退出和修改密码的实现(二十三)首页退出和修改密码的实现添加修改密码的mock数据修改密码的实现首页退出和修改密码的实现通过上一章节我们已经实现了动态加载菜单栏和,动态显示我们的面包屑导航了,但是我们的首页还缺少退出以及修改密码的选项,因此本章将为大家讲解如何实现退出和修改密码的实现。添加修改密码的mock数据由于我们现在的前端一直...原创 2019-07-04 22:20:13 · 20563 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之后端鉴权体系的实现(二十四)
spring boot 与 iview 前后端分离架构之后端鉴权体系的实现(二十四)鉴权体系鉴权体系的规划Auth【用户鉴权】AuthConfig【用户鉴权的相关配置】AuthToken【鉴权的相关token】ReleaseUrl【鉴权的放行方法】鉴权体系的实现鉴权体系之放行方法的实现系统静态实体类ReleaseUrl的实现ReleaseUrlProvider鉴权体系在前面的开发中我们的前端都...原创 2019-07-08 19:57:48 · 11332 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之登录的实现(二十五)
spring boot 与 iview 前后端分离架构之登录的实现(二十五)登录的实现补全redis配置补全User的序列化实现用户的登录以及获取用户信息根据当前登录用户的ID来获取用户所拥有的菜单数据根据token来获取用户数据UserService的实现UserController的实现鉴权拦截器的实现拦截器的逻辑实现配置拦截器前端工程的改造axios.js的改造base.js的改造env.j...原创 2019-07-08 19:58:03 · 11650 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之数据字典的实现(二十六)
spring boot 与 iview 前后端分离架构之数据字典的实现(二十六)数据字典DictDao.xml的实现如下DictDao的实现如下分页工具的实现Page的实现PageUtil的实现主键生成工具UuidGenId的实现改造Dict的实体,改造位置如下:DictService的实现如下:DictController的实现如下:运行项目查看效果数据字典通过第二十四章和二十五章我们已经实...原创 2019-07-08 21:13:23 · 23179 阅读 · 2 评论 -
spring boot+iview 前后端分离架构之菜单管理的实现(二十七)
spring boot 与 iview 前后端分离架构之菜单管理的实现(二十七)菜单管理相关工具类的实现TreeDto【实体转换类】TreeMapper【菜单实体转换】TreeInstall【菜单组装工具类】TreeStaticConstant菜单静态类菜单管理的实现RoleTreeDao.xml代码实现如下RoleTreeDao代码实现如下TreeService的实现TreeController...原创 2019-07-08 22:12:44 · 20014 阅读 · 1 评论 -
spring boot+iview 前后端分离架构之角色管理的实现(二十八)
spring boot 与 iview 前后端分离架构之角色管理的实现(二十八)角色管理补前端权限拦截相关工具类的实现Role实体改造RoleTree实体改造角色管理的实现RoleTreeDao.xml添加以下的实现RoleTreeDao添加以下的实现RoleDao.xml的实现RoleDao的实现RoleService的实现RoleController的实现运行项目角色管理在第二十七章我们已...原创 2019-07-08 23:06:54 · 10924 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之组织管理的实现(二十九)
spring boot 与 iview 前后端分离架构之组织管理的实现(二十九)组织管理前文错误本章修改相关工具类的实现OrgDto【实体转换类】OrgMapper【组织实体转换】OrgCascaderDto【组织下拉的实体类】OrgInstall【组织组装的工具类】组织管理的实现UserOrgDao.xml的实现UserOrgDao的实现OrgDao.xml的实现OrgDao的实现OrgServ...原创 2019-07-09 18:56:52 · 10804 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之用户管理的实现(三十)
spring boot 与 iview 前后端分离架构之用户管理的实现(三十)用户管理相关工具类的实现User实体改造UserOrg实体改造UserRole实体改造UserRoleDao.xml实现UserRoleDao实现用户管理的实现UserDao.xml的实现UserDao的实现UserService的实现UserController的实现运行项目用户管理在上面一章我们完成了组织的维护,...原创 2019-07-09 22:16:47 · 20739 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之文件上传的实现(三十一)
spring boot 与 iview 前后端分离架构之文件上传的实现(三十一)文件上传前端改造main.js引入配置的全局变量编写baseImgUpload图片上传组件baseImgUpload.vue代码如下index.js代码如下:配置文件dev.js改造addUser.vue的改造updateUser.vue的改造后端改造aplication-dev.yml增加以下的配置信息FileCon...原创 2019-07-09 23:28:52 · 21725 阅读 · 1 评论 -
spring boot+iview 前后端分离架构之登陆密码RSA加密(三十二)
spring boot 与 iview 前后端分离架构之登陆密码RSA加密(三十二)原创 2019-07-10 19:03:59 · 21286 阅读 · 0 评论 -
spring boot + iview 前后端分离架构之基于socketIo的消息推送的实现(三十三)
spring boot 与 iview 前后端分离架构之websocket的实现(三十三)原创 2019-07-10 23:16:52 · 19920 阅读 · 1 评论 -
spring boot+iview 前后端分离架构之行为日志的实现(三十四)
spring boot 与 iview 前后端分离架构之行为日志的实现(三十四)原创 2019-07-14 20:42:12 · 14406 阅读 · 0 评论 -
spring boot+iview 前后端分离架构之权限注解的实现(三十五)
spring boot 与 iview 前后端分离架构之权限注解的实现(三十五)原创 2019-07-14 21:27:16 · 14659 阅读 · 21 评论 -
spring boot 与 iview 前后端分离架构之开发环境基于docker的部署的实现(三十六)
spring boot 与 iview 前后端分离架构之开发环境基于docker的部署的实现(三十六)原创 2019-07-16 23:30:55 · 12773 阅读 · 0 评论 -
spring boot 与 iview 前后端分离架构之前后端代码自动生成(番外篇)
spring boot 与 iview 前后端分离架构之开发环境基于docker的后端的部署的实现(番外篇)代码快速生成插件安装代码生成的maven插件到本地的仓库快速生成代码代码快速生成插件在前面三十六章我们已经讲解了如何编写一个前后端分离的权限架构,那么一个好的框架那一定要配套一个与其相应的代码自动生成工具,虽然这个是第一版的代码生成工具,但是这个工具可以减少一些重复的增删改的工作,那么接...原创 2019-08-09 21:39:03 · 2026 阅读 · 0 评论