若依框架(一 运行框架)

若依框架-前后端分离版(一)

框架介绍

本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(Spring Boot、Spring Security、Redis & Jwt(JWT即JSON Web Token,是一种在两方之间以紧凑、可验证的形式传输信息的方式。此信息可以验证和信任,因为它是数字签名的。JWT 可以使用密钥(使用HMAC算法)或使用RSA或ECDSA的公钥/私钥对进行签名。)),本身可以直接拉下来直接使用.它的强大之处在于代码自动生成器的使用,可以根据数据库的表对应生成全套前后端代码,代码植入后可以直接使用,复杂业务只需在基础代码上进行修改增强即可.减少了重复代码的编写,提高了开发效率.
若依后台管理系统是一套完整的前后台综合框架,包括前台页面和后台Java,默认支持一常用的用户、角色、部门、岗位、菜单、权限、监控、定时任务等功能,还有强大的代码生成器,可以根据后台数据库表结构自动生成前后台代码。

详情请访问:https://gitee.com/y_project/RuoYi-Vue

技术栈

TIP
前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、element-ui
后端技术栈 SpringBoot、MyBatis、Spring Security、Jwt

注:运行环境

系统需求
JDK >= 1.8
MySQL >= 5.7
Maven >= 3.0
Node >= 12
Redis >= 3 
redis是一个key-value存储系统。Redis(Remote Dictionary Server ),即远程字典服务,是一个开源的、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。
一提到redis,自然而然就想到缓存,国内外中大型的网站都离不开缓存。合理的利用缓存,比如缓存热点数据,不仅可以提升网站的访问速度,还可以降低数据库DB的压力。
Redis的常用应用场景
·缓存
·排行榜
·计数器应用
·共享Session
·分布式锁
·社交网络
·消息队列
·位操作
redis下载链接https://github.com/tporadowski/redis/releases

在这里插入图片描述
在这里插入图片描述

1,下载若依源码,可在官网下载,或者使用git克隆方式,这样以后可以随时更新
源码下载
http://www.ruoyi.vip/

请添加图片描述

git克隆地址
https://gitee.com/y_project/RuoYi-Vue.git

在这里插入图片描述

官方文档
http://doc.ruoyi.vip/ruoyi-vue/

请添加图片描述

2.使用idea打开即可

请添加图片描述

代码结构
com.ruoyi

├── common // 工具类

│ └── annotation // 自定义注解

│ └── config // 全局配置

│ └── constant // 通用常量

│ └── core // 核心控制

│ └── enums // 通用枚举

│ └── exception // 通用异常

│ └── json // JSON数据处理

│ └── utils // 通用类处理

│ └── xss // XSS过滤处理

├── framework // 框架核心

│ └── aspectj // 注解实现

│ └── config // 系统配置

│ └── datasource // 数据权限

│ └── manager // 异步处理

│ └── shiro // 权限控制

│ └── util // 通用工具

│ └── web // 前端控制

├── ruoyi-generator // 代码生成(可移除)

├── ruoyi-quartz // 定时任务(可移除)

├── ruoyi-system // 系统代码

├── ruoyi-admin // 后台服务,启动类所在模块

├── ruoyi-xxxxxx // 其他模块
3.将sql导入数据库

请添加图片描述
请添加图片描述

4.打开项目运行

链接数据库

ruoyi-admin文件下application-druid.yml文件

修改为自己数据库信息

请添加图片描述
请添加图片描述
请添加图片描述
启动成功
请添加图片描述

5.前后端分离
将ruoyi-ui单独使用idea打开

安装插件(设置/settings)Vue.js
请添加图片描述

idea提示需要构建npm install

在终端中
npm install --registry=https://registry.npmmirror.com

运行前端

在终端中
npm run dev 
默认地址
http://localhost:80

请添加图片描述

6.运行成功

有验证码即前后端启动成功 默认用户名admin 密码admin123
请添加图片描述

猜你喜欢

转载自blog.csdn.net/lu947/article/details/127685055