1.基础应用篇
1.1初始化
后端项目源码地址: https://gitee.com/anjilu/RuoYi-Vue.git ps:按自己的redis和数据库修改配置文件
前端项目源码地址:https://gitee.com/anjilu/RuoYi-Vue3.git ps:直接在命令行通过git clone即可克隆到本地
1.2 代码生成
1.在数据库中创建表
2.在代码生成模块中将生成的表导入
3.修改相关配置
4.导出代码并解压赋值
1.3 功能详解
a.权限系统
若依提供了企业级通用权限系统。RBAC(基于角色的访问控制)是一种广泛使用的访问控制模型,通过角色来分配和管理用户的菜单权限。
实现步骤
①创建菜单
②创建角色,并分配权限
③创建用户,并关联角色
b.数据字典
若依内置的数据字典,用于维护系统中常见的静态数据。例如:性别、状态…
实现步骤
①创建字典类型
②创建字典类型的具体数据
c.参数设置
参数设置:对系统中的参数进行动态维护。
d.通知公告
不多赘述,因为若依只提供了一个半成品,具体查看公告(比如邮箱等方式)需要自己完成
e.日志管理
登录日志
- 记录用户的登录信息,包括登录时间和地点(IP地址)。
- 帮助管理员监控登录行为,及时发现任何可疑的登录尝试。
- 同样提供搜索和筛选功能,方便查找特定用户的登录历史。
操作日志
- 记录用户在系统中的所有操作,如查看、修改数据等。
- 帮助管理员检查谁做了什么,以及何时做的,确保数据准确无误。
- 可以快速搜索和找到特定的操作记录,便于管理和审查。
f.定时任务
步骤
1.创建任务类(在后端定义一个任务类)
2.添加任务规则(在若依界面配置定时任务时候通过bean引入 例如 :myTest.showTime() )
3.启动任务
g.表单构建
用图形化工具构建一个表单界面,自己设计之后再导入到前端
1.4 项目结构
后端结构:
com.ruoyi
├── ruoyi-admin // 后台服务模块
│ └── web // 内置功能的表现层
│ └── RuoYiApplication // 若依项目启动类
├── ruoyi-common // 通用工具模块
│ └── annotation // 自定义注解
│ └── config // 全局配置
│ └── constant // 通用常量
│ └── core // 核心控制
│ └── enums // 通用枚举
│ └── exception // 通用异常
│ └── filter // 过滤器处理
│ └── utils // 通用类处理
│ └── xss // 自定义xss校验
├── ruoyi-framework // 框架核心模块
│ └── aspectj // AOP配置
│ └── config // 系统配置
│ └── datasource // 多数据源配置
│ └── interceptor // 拦截器
│ └── manager // 异步处理
│ └── security // 权限控制
│ └── web // 前端控制
├── ruoyi-generator // 代码生成模块(可移除)
├── ruoyi-quartz // 定时任务模块(可移除)
├── ruoyi-system // 系统代码模块
│ └── domain // 系统代码的实体类
│ └── mapper // 系统代码的持久层
│ └── service // 系统代码的业务层
模块依赖关系
前端结构
ruoyi-vue3
├── bin // 执行脚本
├── html // IE低版本提示页
├── node_modules // 第三方依赖库
├── public // 公共资源
│ ├── favicon.ico // favicon图标
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 静态资源
│ ├── components // 全局公用组件
│ ├── directive // 全局指令
│ ├── layout // 布局
│ ├── plugins // 通用插件
│ ├── router // 路由配置
│ ├── store // 状态管理
│ ├── utils // 全局公用方法
│ ├── views // 视图组件
│ ├── App.vue // 入口组件
│ ├── main.js // 入口文件
│ ├── permission.js // 权限管理
│ └── settings.js // 系统配置
├── vite // 构建工具
├── .env.development // 开发环境配置
├── .env.production // 生产环境配置
├── .env.staging // 测试环境配置
├── .gitignore // git 忽略项
├── index.html // 入口页面
├── package.json // 项目配置文件(相当于pom.xml)
└── vue.config.js // Vue项目的配置信息(相当于application.yml)
表结构介绍