RyanJoy's Web

主题

第 2 天——项目速成攻略 ​

👁️‍🗨️阅读量:
  • 项目快速实现思路
    1. 利用现成模板
    2. 项目脚手架——即半成品。

项目脚手架

  1. 项目脚手架即——项目基础功能和项目架构都已经搭建完毕，我们只需要在原有基础上开发自己的需求功能即可。
  2. 提供基础功能模块的代码生成。
  3. 项目脚手架，也称低代码开发平台。
  4. 流行的脚手架：若依、jeecgboot。

一、若依概述 ​

  • 官网：RuoYi 若依官方网站
  • 通过若依可以实现后台管理系统（权限系统【权限五表】：用户表、角色表、权限表、用户角色中间表、角色权限中间表）
  • RuoYi-Vue  是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。
  • 文档说明 [[第2天_1---若依.pdf]]

二、环境要求 ​

1、JDK≥1.8 ​

2、MySQL≥5.7 ​

  • 安装文档：MySQL8 超详细安装教程
  • 本项目可以不在本地安装 mysql，直接使用阿里云数据库，参照云平台使用-->阿里云数据库

3、Maven ≥3.0 ​

  • idea 中进行 maven 配置

4、Node≥12 ​

5、Redis≥3 ​

三、主要特性 ​

  • 完全响应式布局（支持电脑、平板、手机等所有主流设备）
  • 强大的一键生成功能（包括控制器、模型、视图、菜单等）
  • 支持多数据源，简单配置即可实现切换。
  • 支持按钮及数据权限，可自定义部门数据权限。
  • 对常用 js 插件进行二次封装，使 js 代码变得简洁，更加易维护
  • 完善的 XSS 防范及脚本过滤，彻底杜绝 XSS 攻击
  • Maven 多项目依赖，模块及插件分项目，尽量松耦合，方便模块升级、增减模块。
  • 国际化支持，服务端及客户端支持
  • 完善的日志记录体系简单注解即可实现
  • 支持服务监控，数据监控，缓存监控功能。

四、技术选型 ​

  1. 系统环境

    • Java EE 8
    • Servlet 3.0
    • Apache Maven 3

  2. 主框架

    • Spring Boot 2.2.x
    • Spring Framework 5.2.x
    • Spring Security 5.2.x

  3. 持久层

    • Apache MyBatis 3.5.x
    • Hibernate Validation 6.0.x
    • Alibaba Druid 1.2.x

  4. 视图层

    • Vue 2.6.x
    • Axios 0.21.x
    • Element 2.15.x

五、内置功能 ​

  • 用户管理：用户是系统操作者，该功能主要完成系统用户配置。
  • 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
  • 岗位管理：配置系统用户所属担任职务。
  • 菜单管理：配置系统菜单，操作权限，按钮权限标识等。
  • 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  • 字典管理：对系统中经常使用的一些较为固定的数据进行维护。
  • 参数管理：对系统动态配置常用参数。
  • 通知公告：系统通知公告信息发布维护。
  • 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
  • 登录日志：系统登录日志记录查询包含登录异常。
  • 在线用户：当前系统中活跃用户状态监控。
  • 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。
  • 代码生成：前后端代码的生成（java、html、xml、sql)支持 CRUD 下载。
  • 系统接口：根据业务代码自动生成相关的 api 接口文档。
  • 服务监控：监视当前系统 CPU、内存、磁盘、堆栈等相关信息。
  • 缓存监控：对系统的缓存信息查询，命令统计等。
  • 在线构建器：拖动表单元素生成相应的 Vue 代码。
  • 连接池监视：监视当期系统数据库连接池状态，可进行分析 SQL 找出系统性能瓶颈。

六、运行系统 ​

1、后端运行 ​

  1. 下载项目：(RuoYi)官方仓库 基于 SpringBoot 的权限管理系统
  2. 压缩包解压后， idea 打开项目 RuoYi-Vue-master。首次导入会下载相关依赖需要一定时间。
  3. 创建数据库 ry-vue，导入数据库脚本 ![[Pasted image 20240319115559.png]] 结果如图：![[Pasted image 20240319115639.png]]
  4. 修改数据库配置文件src/main/resources/application-druid.yml
    • driverClassName：
      • mysql 5.7--> com.mysql.jdbc.Driver
      • mysql 8.0--> com.mysql.cj.jdbc.Driver
      • 如何查看 mysql 版本：cmd 执行 mysql -V
    • username：同本地数据库用户名；
    • password：同本地数据库密码。
  5. 启动 redis：双击 redis-server.exe
  6. 打开项目运行 com.ruoyi.RuoYiApplication.java，出现下图即为成功：![[Pasted image 20240319121521.png]]
  7. 对上一步的验证： 后端运行成功可以通过http://localhost:8080访问，但是不会出现静态页面，显示结果如图： ![[Pasted image 20240319144406.png]]
  8. 可以继续参考下面步骤部署 ruoyi-ui 前端，然后通过前端地址来访问。

2、前端运行 ​

前端运行即是常规的 vue 项目运行步骤

  1. vscode 打开 ruoyi-ui;
  2. npm install 下载依赖；![[Pasted image 20240319145412.png]]
  3. npm run dev 启动前端服务；![[Pasted image 20240319145717.png]]

七、代码生成 ​

  • 见[[第2天_1---若依.pdf]]

贡献者

The avatar of contributor named as RyanJoy RyanJoy

页面历史

孩儿立志出乡关，学不成名誓不还。

Copyright © 2022-2024 RyanJoy(get1024)