若依框架入门

引言

因为业务需求，需要开发一个网页项目，由于很久没有开发过网页项目，所以在网上做了一些调研，问了一些朋友，最后选定了若依框架。以前的网页项目开发，大多数框架都是自己搭的，UI框架记得以前还用着easyUI，自己搭建意味着开发量会特别大。

若依框架是个前后端分离的框架，核心理念是快速构建，这套框架包含很多的功能，例如权限系统、UI交互、操作日志、系统监控等，可以节省大量的开发成本，更重要的是，对于初学者来说，这套框架的代码质量很高，非常值得学习。

若依框架有很多版本，这里主要使用前后端分离的版本。

前端：vue，element-ui（也有bootstrap版本）

后端：spring（有springboot、springcloud）、Spring Security、mybatis、redis、jwt

后端还有一些扩展组件，支持python、c#等，没有试过，不知道好不好用。

相关连接

官方地址：RuoYi 若依官方网站

vue3前端界面：GitHub – yangzongzhuan/RuoYi-Vue3: (RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统

下载地址：RuoYi-Vue:基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本 (gitee.com)

文档：介绍 | RuoYi

使用说明

下载

在官网点击对应的版本，点击下载即可。

这里面自带的是vue2，如果想用vue3可以通过下载vue3前端界面。

下面的是文件路径，ruoyi-ui是前端文件，其余的都是后面文件。

创建数据库

若依框架数据库文件，先导入ry_***.sql，然后导入quartz.sql，这里用的mysql数据库。

配置数据库如下：

启动后端

数据库配置完成之后，直接启动idea就行，如果需要修改端口啥的，可以修改application.yml文件。

启动前端

在启动前端之前，需要先安装一些配置环境，例如node，怎么安装网上一搜一大堆，这里就不赘述了。

本身的环境，需要在前端对应的UI路径下，终端中输入npm install就可以了，等待安装完成即可。

安装完成之后，待后端启动完成，在终端中输入npm run dev即可启动。

界面展示效果如下：

总结

目前先写这些，后面有需要的话再添加。关于若依框架甚至网页项目的开发，我是个新手，如果有说的不对的地方，欢迎各位大佬留言批评指正。