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

学习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中
    git下载若依开源框架,在idea上启动项目_第1张图片

  2. idea导入代码,也可直接从idea中下载:
    git下载若依开源框架,在idea上启动项目_第2张图片git下载若依开源框架,在idea上启动项目_第3张图片

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

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

    redis设置连接密码:找到conf文件redis.windows- service.conf中的requirepass foobared设置密码
    git下载若依开源框架,在idea上启动项目_第11张图片
    redis启动:
    1.直接点击redis-server.exe开启redis服务。
    2.打开cmd界面,切换到自己解压的文件夹下,输入命令:

      redis-server.exe redis.windows.conf
    

    启动成功:这种启动关闭命令框后直接关闭服务,可将redis设置为服务后用net start redis即可后台启动;git下载若依开源框架,在idea上启动项目_第12张图片
    设置redis为服务:

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

    git下载若依开源框架,在idea上启动项目_第13张图片
    安装客户端:Redis Desktop Manager连接成功git下载若依开源框架,在idea上启动项目_第14张图片
    设置修改对应的redis配置文件:host、port、password,一般只修改password;git下载若依开源框架,在idea上启动项目_第15张图片

3.启动后台

两种方式启动:1.在idea中使用工具,右边的启动按钮启动;2.在文件RuoYiApplication中右键启动文件;
git下载若依开源框架,在idea上启动项目_第16张图片

4.启动前台

1.安装vue插件,从设置中选择插件查询vue进行安装
git下载若依开源框架,在idea上启动项目_第17张图片
2.安装nodejs
win7系统可安装12.16.2版本的,从nodejs官网下载-可下载zip、msi文件
git下载若依开源框架,在idea上启动项目_第18张图片
在这我用的是zip格式的,将下载文件解压,创建两个文件用于设置全局:因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,如图所示:
git下载若依开源框架,在idea上启动项目_第19张图片
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"

配置环境变量
git下载若依开源框架,在idea上启动项目_第20张图片
nodejs_home配置D:\BaiduNetdiskDownload\node-v12.0.0-win-x64\node_global\node_modules;git下载若依开源框架,在idea上启动项目_第21张图片
使用淘宝镜像安装,速度较快

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

安装搭建一个Vue的架子

npm install -g vue-cli

在这里插入图片描述

执行npm run dev

npm run dev

git下载若依开源框架,在idea上启动项目_第22张图片
报错,从网上找的方法使用npm -i后再次执行启动成功
git下载若依开源框架,在idea上启动项目_第23张图片
git下载若依开源框架,在idea上启动项目_第24张图片
报错是因为后台没启动,再次启动后台,访问本地路径,能正常登录前后台启动成功
git下载若依开源框架,在idea上启动项目_第25张图片
git下载若依开源框架,在idea上启动项目_第26张图片

你可能感兴趣的:(intellij-idea,spring,boot,架构)