L12_自定义接口与权限验证_从零开始

作业

ppt演示过程

实操

由于点意外，导致部分若依菜单无法打开，并且由于强迫症，全删，从零开始

来点音乐：终焉的莉莉

准备阶段

环境:mysql,redis,jdk-18,nvm,node 16,idea

1. 打开ruoyi.vip
2. 选择源码地址，选择ruoyi前后端分离
3. 进入gitee页面，点击右上角的克隆下载，直接下载压缩包，克隆也行,克隆要下载git文件并配置
4. 打开项目文件夹位置，把解压后的文件扔进去
5. 添加项目结构，选择new module把整个文件选进去就OK
   
6. 修改密码为本地mysql数据库密码和创建数据库，在ruoyi-admin的src/resourse/application-druid.yaml
   
   
7. 执行数据库文件和控制台在ruoyi-ui内执行npm install，下载过慢可设置国内镜像源
   
   
8. 运行右键运行ruoyi-admin下的ruoyiAPPliaction，并在ruoyi-ui下执行npm run dev
   

正式操作

• 在ry-vue数据库内创建一个表Test表，两个列id与name

• 在ruoyi前端界面，进入系统工具，选择代码生成，导入Test表

• 点击编辑

插入:创建新记录时可以输入信息
编辑:创建完成记录后可以对信息进行修改
列表:创建完记录后是否显示在界面
查询:是否允许按此列信息进行搜索



上级菜单不选默认在系统工具生成

• 点击生成代码，将对应文件放入对应文件夹，并执行sql

放入完成重新启动后端

• 出现报错，Test与注解冲突，删除之前的配置

重命名数据库Test表为a000
删除admin下的Test文件夹

删除mapper.test文件夹

删除ruoyi-ui/src/views/test文件夹

删除ruoyi-ui/src/api/test文件夹

根据sql，去删除sys_menu内的新添加内容(可在前端经删除)

打开右侧的m图标，点击clean再点击package

重新运行，成功运行

重复上面的操作，完成后重新启动程序，直接粘贴的代码可能出现问题重复几次即可

• 定义新接口并且添加权限注解

• 新建菜单权限

创建菜单权限后但是页面并没有增加权限测试按钮，并且由于ppt并没有相关内容需要自己进行思考

• 手动添加按钮以及api

在api文件内添加请求的代码

在index文件内导入

重新编写一个方法,response之后必须使用msg，不然接收不到信息

编写完成后，添加按钮控件，复制导出按钮的样式进行修改，修改click方法，修改名称和权限

• 测试

在ruoyi的前端界面进入权限测试界面，点击权限测试按钮

作业完成