1.打开若依官网,点击右侧箭头,找到Vue前端分离版,点击立即下载,会跳转到gitee。通过zip压缩包或者git拉取的方式,将若依前后端分离版保存到本地。
2.用idea打开若依项目,然后设置本地maven,下载依赖包。不会的可以查看《maven项目实现Springboot的HelloWorld》。
3.打开ruoyi-admin/src/main/resources/application.yml文件,找到redis配置,然后将密码设置成本地的redis密码,如果没启动redis,需要启动下。
# redis 配置redis: # 地址 host: localhost # 端口,默认为6379 port: 6379 # 数据库索引 database: 0 # 密码 password: 本地redis密码
4.找到sql文件夹下的ry_20230223.sql文件,将其复制到桌面。
5.用mysql工具创建一个数据库后执行此sql文件。下面以SQLyog工具为例,执行sql文件。打开SQLyog,创建数据库,数据库名称为ry_vue,字符集设置为utf8,排序规则设置为utf8_general_ci(可根据自己实际情况选择)。
选择新建的数据库ry_vue,然后点击菜单栏的“工具”,然后选择“执行SQL脚本”,选择到ry_20230223.sql文件的路径,点击执行,如果提醒,选择“是”,然后点完成,最后刷新下数据库。
刷新数据库按钮,就在数据库旁边
打开数据库可以看到以下表
6.打开ruoyi-admin/src/main/resources/application-druid.yml文件,将druid中主库数据源中的url,username和password进行设置。将url中数据库名称由ry-vue改为ry_vue。username和password填自己mysql数据库的用户名和密码。
druid: # 主库数据源 master: url: jdbc:mysql://localhost:3306/ry_vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8 username: csdn password: root
7.后端基础配置已经完成,点击右上角的启动按钮,启动程序。或者,打开ruoyi-admin/src/main/java/com.ruoyi/RuoYiApplication.class文件,点击类名右侧的启动按钮,两者启动是一样的。
8.打开前端,用VsCode打开文件夹ruoyi-ui,然后按住Ctrl然后按~键(Tab上面的键)快速打开终端。或者点击菜单栏“运行”旁边的三个点,选择“终端”,点击“新建终端”,推荐使用第一种方式。在终端控制台输入npm install,
等安装完成后,终端控制台输入npm run dev,运行结束会自动用浏览器打开网页
输入用户名admin,密码为admin123,输入用户名,密码和验证码后,点击登录,会进入主界面,到此为止,若依系统基础配置全部完成。
提示:
1.前端每次启动都自动打开网页,我习惯自己复制链接,然后手动打开网页。可以将ruoyi-vue下面的vue.config.js中devServer对象中属性open设置为false,关闭前端项目运行(在终端控制台,按两次Ctrl+C),然后再次启动(npm run dev)。
2.后端启动时,控制台日志输出没有颜色,和平时使用springboot的日志输出差距很大。我们打开后端ruoyi-admin/src/main/resources/logback.xml文件,找到日志输出格式(name的值为log.pattern),将对应的value的值改为%d{yyyy-MM-dd HH:mm:ss.SSS} %green(%5p) %magenta(${PID}) --- [%15.15t] %cyan(%40.440logger) : %msg%n。再次启动后端,发现控制台日志带颜色了。
若依环境初始化,到此结束了。我也是在学习中,能力有限,请多包涵。关注我,后期还会继续学习若依框架,会通过小案例,一起学习下若依框架。我也是初次学习若依框架,也是自己在遇到问题和解决问题的过程中不断进步。由于能力有限,后期更新可能会很慢,请见谅!!!如果感兴趣,且不嫌弃,可以关注我一下。
来源地址:https://blog.csdn.net/qq_55896432/article/details/130061089