攻城狮·建哥
全栈开发工程师以及IT教育从业者。
展开
-
【SpringBoot+VUE后台管理系统】(十一)权限管理_角色管理_菜单管理_权限分配_动态菜单
实体类Mapperserviceserviceimplcontroller复制命名为RoleView.vue② 配置RoleView.vue 路由测试增删改可用实体类mapperserviceserviceimplcontroller② 配置菜单管理路由④ 效果如下效果如下③ 分配菜单按钮点击事件触发的方法效果② 复制以下代码到分配菜单弹窗中效果效果如下④ 菜单列表效果4、配置字典管理路由效果如下:效果效果效果效果效果:效果原创 2023-07-26 22:28:13 · 682 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(十)集成echarts实现数据统计展示
echarts 官网地址 https://echarts.apache.org/zh/index.html。2、从官网复制初始化内容到合适位置。原创 2023-07-26 09:16:21 · 477 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(九)文件上传下载管理_用户头像上传
头像上传成功之后将返回的图片链接保存到this.form.avatarUrl中,当点击确定保存用户信息时会一起将头像保存到数据库中。找到element-ui文档中的文件上传组件复制到对应位置。controller先不复制,后续需要什么接口在进行复制。给admin添加一张上传的图片,重新登录,效果如下。复制生成的文件到对应目录即可。添加根据ID请求用户信息接口。定义接收文件上传参数DTO。添加两个文件上传类的状态码。全局捕获文件上传异常。原创 2023-07-21 14:48:47 · 279 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(八)集成JWT用户鉴权_全局异常捕获_通用响应类和统一响应设置
创建interceptor包 然后编写JwtInterceptor/**// 从 http 请求头中取出 token // 如果不是映射到方法直接通过 if(!} // 执行认证 if(token == null) {} // 获取 token 中的 user id String userId;try {原创 2023-07-16 11:24:15 · 434 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(七)用户登陆注册_个人信息编辑_退出登录实现
element-ui表单验证文档:https://element.eleme.cn/#/zh-CN/component/form。常见于其用在Vue中的事件绑定,而@实际上是 v-on 的简写,而 v-on 则是对 vue 的事件体系封装之后的 API接口。注意:登陆的路由不要放到上面children里面, 因为登陆界面要占据整个页面,而不是现实在后台管理系统中间的那一部分。并没有封装点击事件,因此需要添加原生的点击事件,因此使用@click.native。注意:要将请求到的对象先转成JSON字符串。原创 2023-07-11 22:17:09 · 449 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(六)Excel导入导出功能实现
点击导出,结果如下,成功将内容导出但是这边导出的是全部数据,接下来给导出加上查询条件主要在绑定事件这边把括号去掉就行,如下所示:4、修改分页参数,让每页展示的条数多一些。原创 2023-07-10 20:24:49 · 1097 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(五)Vue前端项目路由配置_封装左侧菜单栏组件_封装头部组件_封装页签面包屑
出现如下样式失效问题将 el-header 标签上的 style样式放到组件中的div上结果如下,样式恢复。原创 2023-07-07 23:13:01 · 587 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(四)Mybatis-plus代码生成工具
使用mybatis-plus根据数据表直接生成实体类,mapper,service,serviceimpl,controller可以在模板中自定义在controller中需要的接口,直接可以生成原创 2023-07-05 09:20:06 · 214 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(三)封装axios网络请求工具+实现用户增删改查+批量删除功能
封装axios网络请求工具+实现用户增删改查+批量删除功能原创 2023-07-01 21:50:31 · 347 阅读 · 0 评论 -
【SpringBoot+VUE后台管理系统】(二)后端框架搭建并完成与前端的列表分页查询联调(后端框架搭建、mybatis增删改查,mybatis-plus替换mybatis、列表带查询参数分页)
mapper 集成 BaseMapper ,并将里面不需要的内容都删除,@Mapper注解也可以删除 但删除之后要在MybatisPlusConfig类上加@MapperScan(“com.robin.dev.mapper”)点击页码,修改页面显示条数时触发的方法中讲data中的pageNum,pageSize改成当前值,并借用前面封装的加载数据的方法进行重新加载数据。IUserService 接口以及实现类中添加 需要的查询条件参数,并且修改调用的mapper中的查询方法为带参数的分页查询方法。原创 2023-06-30 00:48:24 · 195 阅读 · 3 评论 -
【SpringBoot+VUE后台管理系统】(一)Vue后台管理系统主框架搭建(左侧菜单栏,表格,分页插件,搜索栏,操作按钮等)
实现折叠按钮绑定的点击事件触发 collapse函数,实现 折叠属性 isCollapse的值的修改。在项目主页中发现刚才编写的测试按钮样式生效,说明element-ui集成成功。到element-ui官网找到分页插件,点击显示代码,找到完整功能插件。注意:element-ui的版本要装2.8.0否则表格显示会有问题。解决菜单栏折叠后文字不消失,以及菜单使用span标签包裹。安装结束,如下图所示没有出现错误,则安装成功。在app.vue中编写一个 测试按钮。导入并注册Element-ui插件。原创 2023-06-24 22:52:09 · 744 阅读 · 0 评论