企业官网建设流程全解析

1.若依的概念

若依：是一个快速开发平台，可以生成前后端代码帮我们快速搭建基本框架

将系统管理,权限管理等基础功能已经做了实现,我们只需要在它的基础上完成业务开发

2.前后端版本分离搭建

1.软件准备和资源下载

使用vscode启动项目，前往若依官方网站下载https://www.ruoyi.vip/

并跳转至git仓库下载所需项目，版本自选

这里我选择的是v3.8.7

master用于前端，使用vscode打开

下面的文件用于后端，使用idea打开

2.后端

1.使用idea打开目标文件加，进行配置，并下载对应依赖

2.连接对应mysql创建文件中对应的数据库并运行脚本

（注意数据库名称要与文件中的数据库名对应！！！）

3.启动本地redis

打开redis安装的目标文件夹，在文件目录下输入cmd打开命令操作界面并输入指令

redis-server.exe redis.windows.conf

​​​​​

4.启动springboot

点击运行下列文件完成后端启动

3.前端

1.打开vscode导入master项目

2.找到位置打开终端

3.在终端输入命令

npm i

完成资源下载后，再输入命令

npm run dev

成功后会自动跳转若依界面，页面搭建完毕

不跳转手动输入http://localhost/login?redirect=/index

3.使用若依来生成前后端代码（实例应用）

不会使用若依界面参考文档若依界面介绍

1.准备一个你喜欢的数据表

没有的可以依据我的表建造一个

在idea对应的数据库中运行sql脚本

数据库准备完毕！

2.刷新若依网页并完成以下操作

1.根据图片找到导入

2.选中目标数据库，点击完成导入

3.选中表点击进行修改，根据自己的业务要求完成对表的修改

4.修改完成后选择提交

5.点击生成代码，并将生成的压缩包下载到本地

6.解压文件并完成对应文件替换

粘贴解压文件对应的前后端完成替换

1.后端文件替换

粘贴main里的两个文件

打开idea，找到main目录进行粘贴

（这里粘贴文件会直接完成替换，所以直接粘贴即可）

2.前端文件替换

粘贴vue中的两个文件

因为vscode内不会完成直接替换，所以需要点进文件目录完成替换

打开文件

将文件粘贴到master文件的src目录下

Ruoyi\RuoYi-Vue3-master\RuoYi-Vue3-master\src

直接粘进去完成替换

7.重启idea后端

重启idea后端，前端vscode无需重启，刷新网页

至此项目搭建完毕，可以在课程管理中看见自己数据库的数据