若依框架（一）使用若依框架从0到1快速搭建springboot + vue 项目

布满荆棘的人生 2023-10-12 09:12 23阅读 0赞

#### 1、下载若依框架代码 ####

进入[若依官网][Link 1]，选择源码地址，软后选择RuoYi-Vue前端分离版本，这个版本是由SpringBoot + Vue进行前后端分离开发的。  
![在这里插入图片描述][fa8052d824944e4c89ad0a8f377872c3.png]  
点击之后进入到gitee，点击 “克隆/下载”，选择下载方式，可以实用git命令进行git克隆，也可以直接选择下载zip，这里推荐新手就下载zip就可以了。  
![在这里插入图片描述][e6795b11f5794a0d85fc494fd78be7e7.png]

#### 2、环境配置 ####

下载好之后直接使用idea打开项目，目录结构如下：  
![在这里插入图片描述][b5708238605345858136c5fa2f22474a.png]  
进入pom.xml，使用maven刷新下载依赖。然后等待下载即可。  
![在这里插入图片描述][59b273b5b56441ec89eb2930e3ee7fd6.png]  
在idea进行下载的同时，我们在使用vscode或者任意前端开发工具打开ruoyi-ui.  
![在这里插入图片描述][d62c0009a02841d28e342f8174f71abd.png]  
ruoyi-ui目录结构如下：  
![在这里插入图片描述][cb8bc52869d34ac58b1fd77aff52fe30.png]  
按下ctrl + ~ 打开vscode控制台，输入npm i，进行全局安装，会自动将本项目所需要的配置文件下载。  
npm 是nodejs的命令，如果还没有下载配置过的可以先进行nodejs的下载配置。  
![在这里插入图片描述][97b306b45c2d4875a41b2a8b3633440c.png]

#### 3、项目启动 ####

在项目启动之前，我们现需要对配置文件进行修改，并打开特定应用，这里我们先打开ruoyi-admin模块下的application-druid.yml，将数据库链接地址和用户名密码更改为我们自己的  
![在这里插入图片描述][f2eb8c39f0a348c7a576716f43cf896c.png]  
至于application.yml文件，如果不需要进行redis和端口号和一些其它配置的话，就没必要进行更改了。接下来我们需要打开redis，如果还没下载的话，可以先进入[Redis官网][Redis]进行下载，下载windows版本即可。解压缩文件，打开里面的redis-server.exe即可看到如下页面，这就代表redis打开成功了。  
![在这里插入图片描述][334759d672114173bbcd3a2a32f4af78.png]

等待idea和vscode都进行下载完毕，就可以通过运行项目了。  
后端通过ruoyi-admin模块下的启动类进行运行。  
![在这里插入图片描述][3a91cc6c6edf426293903537efe5f9d1.png]  
前端通过控制台命令npm run dev运行  
![在这里插入图片描述][d1efc6674c1b489eabea120f5fae5d15.png]  
前后端控制台分别出现如下样式即代表运行成功啦  
![在这里插入图片描述][e3c93cb164124d70a41b32e21d08c426.png]  
![在这里插入图片描述][4136201fdffe4281a07f3cd5ec6e4176.png]  
这时我们访问vscode给我们的任意地址，即可进入到登录页面。  
![在这里插入图片描述][ef09c2d02da14c8ba36aa9b8d9131949.png]  
输入验证码并点击登录后即可进入主页。（我这里是已经进行二次开发的页面），未进行二次开发的登录账号和密码应该是admin和admin123，并且表单最上面展示的是若依管理系统。  
登录之后我们就可以看到首页了，并进行各种操作啦。  
![在这里插入图片描述][1b67cb7199644abfa6649945fcad8fb1.png]  
本次分享从0到1搭建若依平台完毕，之后将补上如何使用若依框架，对我们自己的数据进行操作。  
[若依框架（2）使用若依框架进行二次开发(*▽*)][2]

[Link 1]: http://www.ruoyi.vip/
[fa8052d824944e4c89ad0a8f377872c3.png]: https://img-blog.csdnimg.cn/fa8052d824944e4c89ad0a8f377872c3.png
[e6795b11f5794a0d85fc494fd78be7e7.png]: https://img-blog.csdnimg.cn/e6795b11f5794a0d85fc494fd78be7e7.png
[b5708238605345858136c5fa2f22474a.png]: https://img-blog.csdnimg.cn/b5708238605345858136c5fa2f22474a.png
[59b273b5b56441ec89eb2930e3ee7fd6.png]: https://img-blog.csdnimg.cn/59b273b5b56441ec89eb2930e3ee7fd6.png
[d62c0009a02841d28e342f8174f71abd.png]: https://img-blog.csdnimg.cn/d62c0009a02841d28e342f8174f71abd.png
[cb8bc52869d34ac58b1fd77aff52fe30.png]: https://img-blog.csdnimg.cn/cb8bc52869d34ac58b1fd77aff52fe30.png
[97b306b45c2d4875a41b2a8b3633440c.png]: https://img-blog.csdnimg.cn/97b306b45c2d4875a41b2a8b3633440c.png
[f2eb8c39f0a348c7a576716f43cf896c.png]: https://img-blog.csdnimg.cn/f2eb8c39f0a348c7a576716f43cf896c.png
[Redis]: https://redis.io/
[334759d672114173bbcd3a2a32f4af78.png]: https://img-blog.csdnimg.cn/334759d672114173bbcd3a2a32f4af78.png
[3a91cc6c6edf426293903537efe5f9d1.png]: https://img-blog.csdnimg.cn/3a91cc6c6edf426293903537efe5f9d1.png
[d1efc6674c1b489eabea120f5fae5d15.png]: https://img-blog.csdnimg.cn/d1efc6674c1b489eabea120f5fae5d15.png
[e3c93cb164124d70a41b32e21d08c426.png]: https://img-blog.csdnimg.cn/e3c93cb164124d70a41b32e21d08c426.png
[4136201fdffe4281a07f3cd5ec6e4176.png]: https://img-blog.csdnimg.cn/4136201fdffe4281a07f3cd5ec6e4176.png
[ef09c2d02da14c8ba36aa9b8d9131949.png]: https://img-blog.csdnimg.cn/ef09c2d02da14c8ba36aa9b8d9131949.png
[1b67cb7199644abfa6649945fcad8fb1.png]: https://img-blog.csdnimg.cn/1b67cb7199644abfa6649945fcad8fb1.png
[2]: https://blog.csdn.net/weilaaer/article/details/131182879?spm=1001.2014.3001.5501