若依Vue

1. 安装依赖

进入ruoyi-ui目录，导航栏cmd

npm install --registry=https://registry.npm.taobao.org //执行命令安装依赖

备注：命令报错，卸载node

 

2. 启动：

npm run dev

 

3. node-sass安装

https://www.cnblogs.com/zhangzhijian/p/9690002.html

 

4. 若依RuoYi-Vue3

安装依赖

npm i

安装@vueuse/core

npm i @vueuse/core

　　

端口被占用

Error: listen EACCES: permission denied 0.0.0.0:80

打开文件vite.config.js文件，修改端口80为8081

 

5. 若依RuoYi-Vue，代码结构梳理

ruoyi-ui:

src/permission.js

身份校验，有权限去index，没权限登录

 

src/views：页面内容

 

src/api：与后台交互接口

 

src/layout: 页面布局

src/layout/index.vue 首页入口

src/layout/components/Sidebar/index.vue: 左侧菜单栏

src/layout/components/AppMain.vue 点击左侧菜单项，显示内容的地方：

 

src/store/modules/permission.js

loadView函数，根据路径，动态加载vue组件，供router使用

GenerateRoutes函数： 根据权限生产路由

 

对应java方法：

SysLoginController.getRouters()

　　

ruoyi-system：对应页面system

 

日志配置文件位于：ruoyi-admin下的logback

 

6. 开启多数据源

ruoyi-admin/src/main/resource/application-druid.yml

   slave:
      enabled: true

在service上添加注解

@DataSource(value = DataSourceType.SLAVE)
@Service
public class EmpServiceImpl implements IEmpService {

涉及的文件：

ruoyi-framework

aspectj/DataSourceAspect

datasource/DynamicDataSource

datasource/DynamicDataSourceContextHolder

config/DruidConfig

 

7. 关闭开启验证码

select *from ryvue.sys_config where config_key = 'sys.account.captchaOnOff';

 

8. 获取token

post方式提交到http://localhost:8080/login

body中添加：

{
    "username": "admin",
    "password": "admin123"
}　

api方法调用：

postman使用 authorization -> bearer token 输入token

或者在header中添加Authorization，value为 Bearer token

 

9. swagger页面

http://localhost:8081/swagger-ui/index.html