git下载若依开源框架,在idea上启动项目

本文详细介绍了如何搭建SpringBoot+Vue的开发环境,包括JDK、MySQL、Redis、Maven和Node.js的版本要求,以及如何配置数据库、启动Redis服务。同时,文章还讲解了Vue插件的安装、Node.js全局路径配置,解决启动过程中的问题,最终成功启动前后端应用。
摘要由CSDN通过智能技术生成

学习springboot+vue开源框架

1.环境要求

jdk>=1.8
mysql >=5.5
redis>=3.0
maven>=3.0
vue
node >=10

2.启动准备

  1. 从git上下载源码:在http://ruoyi.vip/地址中找到ruoyi-vue 前后端分离版本的代码,下载到本地后导入到idea中
    在这里插入图片描述

  2. idea导入代码,也可直接从idea中下载:
    在这里插入图片描述在这里插入图片描述

  3. 配置数据库:需安装mysql服务和客户端navicat,在客户端新建数据库将代码源中的两个表和数据导入到该数据库中,并在\src\main\resources目录下的application-druid.yml中修改对应的数据源信息,修改为自己的数据库名,账号和密码。
    创建数据库:
    在这里插入图片描述
    导入sql文件:在这里插入图片描述已导入后的表:在这里插入图片描述
    数据库配置文件修改:
    在这里插入图片描述 备注:mysql服务安装过程中,总遇到提示服务无法启动,故再次记录解决办法在这里插入图片描述
    第一次是因为my.ini配置文件,修改为正确的路径就可以了在这里插入图片描述
    第二次因为直接在cmd中安装服务,忘记了密码,对密码进行重置时,重复卸载安装又一次服务无法启动,查看data文件下的error.err日志文件。删除4个文件进行服务重启已解决在这里插入图片描述在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  4. redis服务器和客户端安装,并修改配置文件

    redis设置连接密码:找到conf文件redis.windows- service.conf中的requirepass foobared设置密码
    在这里插入图片描述
    redis启动:
    1.直接点击redis-server.exe开启redis服务。
    2.打开cmd界面,切换到自己解压的文件夹下,输入命令:

      redis-server.exe redis.windows.conf
    

    启动成功:这种启动关闭命令框后直接关闭服务,可将redis设置为服务后用net start redis即可后台启动;启动成功
    设置redis为服务:

    redis-server --service-install redis.windows-service.conf --loglevel verbose;
    net start redis;
    

    在这里插入图片描述
    安装客户端:Redis Desktop Manager连接成功在这里插入图片描述
    设置修改对应的redis配置文件:host、port、password,一般只修改password;在这里插入图片描述

3.启动后台

两种方式启动:1.在idea中使用工具,右边的启动按钮启动;2.在文件RuoYiApplication中右键启动文件;
在这里插入图片描述

4.启动前台

1.安装vue插件,从设置中选择插件查询vue进行安装
在这里插入图片描述
2.安装nodejs
win7系统可安装12.16.2版本的,从nodejs官网下载-可下载zip、msi文件
在这里插入图片描述
在这我用的是zip格式的,将下载文件解压,创建两个文件用于设置全局:因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,如图所示:
在这里插入图片描述
cmd命令下执行如下两个命令:

npm config set prefix "D:\BaiduNetdiskDownload\node-v12.16.2-win-x64\node_global"
npm config set cache "D:\BaiduNetdiskDownload\node-v12.16.2-win-x64\node_cache"

配置环境变量
在这里插入图片描述
nodejs_home配置D:\BaiduNetdiskDownload\node-v12.0.0-win-x64\node_global\node_modules;在这里插入图片描述
使用淘宝镜像安装,速度较快

npm install -g --registry=https://registry.npm.taobao.org

安装搭建一个Vue的架子

npm install -g vue-cli

在这里插入图片描述

执行npm run dev

npm run dev

在这里插入图片描述
报错,从网上找的方法使用npm -i后再次执行启动成功
在这里插入图片描述
在这里插入图片描述
报错是因为后台没启动,再次启动后台,访问本地路径,能正常登录前后台启动成功
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值