文章目录
- 框架下载及运行
- 项目学习
- 需求修改
- 左侧菜单栏增加标签-项目信息
- 搭建过程
- 问题解决
- 后续需要看的内容
框架下载及运行
下载安装:
https://blog.csdn.net/anxiaoxiao61/article/details/122505963
https://blog.csdn.net/m0_67376124/article/details/127617498
运行:
项目后端启动:src/main/java/com/ruoyi/RuoYiApplication.java
项目前端启动:在idea中,终端运行界面中,进入ruoyi-ui文件夹中,执行npm run dev实现。
项目学习
需求修改
左侧菜单栏增加标签-项目信息
搭建过程
1 数据库内容
需要对表sys_menu 添加具体的值;
path = 路由地址, 盲猜是api中的某个文件夹
component = 表示\ruoyi-ui\src\views 中对应的xx.vue
perms = 应该和对应的controller类中的某个接口的@PreAuthorize 中的参数相同;
2 后端读取数据的表的相关内容
表对应的类:\ruoyi-common\src\main\java\com\ruoyi\common\core\domain\entity\SysMenu.java
对应的mapper:\ruoyi-system\src\main\java\com\ruoyi\system\mapper\SysMenuMapper.java
service接口:\ruoyi-system\src\main\java\com\ruoyi\system\service\ISysMenuService.java
service的实现:\ruoyi-system\src\main\java\com\ruoyi\system\service\impl\SysMenuServiceImpl.java
控制类:\ruoyi-admin\src\main\java\com\ruoyi\web\controller\system\SysMenuController.java
已完成该部分创建;
表对应的类:\ruoyi-common\src\main\java\com\ruoyi\common\core\domain\entity\CompanyInfo.java
对应的mapper:\ruoyi-system\src\main\java\com\ruoyi\system\mapper\CompanyInfoMapper.java
service的接口:\ruoyi-system\src\main\java\com\ruoyi\system\service\CompanyInfoService.java
service的实现:\ruoyi-system\src\main\java\com\ruoyi\system\service\impl\CompanyInfoServiceImpl.java
3 前端内容
vue文件:\ruoyi-ui\src\views\system\role\index.vue
js文件:\ruoyi-ui\src\api\system\role.js
已完成部分:
vue文件:\ruoyi-ui\src\views\anosub\message\index.vue
js文件:\ruoyi-ui\src\api\anosub\message.js
总体:
界面都在 \ruoyi-ui\src\views 文件夹下面。
需要在api中添加 \ruoyi-ui\src\api 文件夹下添加与path相同的文件夹;
登录之后进入的界面应该是这个了:\ruoyi-ui\src\api\menu.js
对应的vue:\ruoyi-ui\src\layout\index.vue 核心用来展示layout组件;
service接口、serviceImpl实现、
备注:
按照角色管理复刻一版;用来展示公司信息表。
问题解决
存在问题1:理解
存在问题2:报错
mapper.xml文件中的数据表名书写错误,修改后就可以了。
存在问题3:
数据表可以正常输出,但是其中某个字段不显示。
数据库中该字段最初定义为varchar类型,代码中对应定义的类型是LocalDateTime类型,可能存在类型不匹配的问题。
判定结果为:没有将该数据读入对象中。
将数据库中create_time和update_time类型修改为timestampe和datetime类型都无法解决这个问题;
后续需要看的内容
xxl.job学习
https://www.xuxueli.com/xxl-job/#3.3%20GLUE%E6%A8%A1%E5%BC%8F(Java)