首页 > 其他分享 >RuoYi-Vue下载与运行

RuoYi-Vue下载与运行

时间:2023-05-13 23:45:04浏览次数:46  
标签:Vue 项目 前端 启动 ruoyi RuoYi 下载安装 下载

一、源码下载

若依官网:RuoYi 若依官方网站

鼠标放到"源码地址"上,点击"RuoYi-Vue 前端分离版"。

image

跳转至Gitee页面,点击"克隆/下载",复制HTTPS链接即可。

源码地址为:https://gitee.com/y_project/RuoYi-Vue.git

image

打开IDEA,选择"Get from VCS"。

image

将源码地址粘贴到URL输入框中,并选择本地项目路径,点击"Clone"。

image

源码下载完成后,点击"Trust Project",即可打开项目。

image

附:Git下载与安装

二、启动后端项目

1.确认运行环境

运行后端项目需要JDK环境(JDK >= 1.8)。

image

附:JDK8下载安装与配置环境变量(windows)

2.修改Maven配置

将Maven设置为本地版本(Maven >= 3.0),修改完成后记得刷新右侧的Maven,等待其下载后端依赖。

image

附:Maven下载安装与配置

3.搭建MySQL数据源

启动本地MySQL服务(MySQL >= 5.7.0),使用客户端进行连接,并创建数据库ry-vue

image

image

ry-vue数据库环境下,执行项目中的以下两个sql脚本。

image

执行完成后会在该数据库下生成以下表。

image

附:MySQL8免安装版下载安装与配置(windows)

DBeaver下载安装与连接MySQL数据库

4.启动Redis服务

image

附:Redis下载安装与配置(windows)

5.修改配置文件的密码

5.1修改Redis密码

修改ruoyi-admin模块下的application.yml文件。

image

5.2修改MySQL密码

修改ruoyi-admin模块下的application-druid.yml文件。

image

6.启动后端项目

找到ruoyi-admin模块下的RuoYiApplication.java文件,点击"run RuoYiApplication",启动后端项目。

控制台打印如下日志。

image

浏览器输入localhost:8080,可访问如下页面,则后端项目启动成功。

image

三、启动前端项目

1.确认运行环境

运行前端项目需要node环境。

image

附:Node.js下载安装与配置(windows)

2.打开前端项目

在新窗口打开ruoyi-ui目录。

image

image

3.安装依赖

打开Terminal,在ruoyi-ui路径下执行npm install命令,等待其下载前端依赖。

image

依赖下载完成后,会在项目下生成一个node_modules文件夹。

image

4.启动前端项目

继续在ruoyi-ui路径下执行npm run dev命令,启动前端项目。

image

5.访问项目

浏览器输入访问地址:http://localhost/login,即可访问登录页面。

一般情况下,前端项目启动完成后会自行弹出登录页面,验证码加载成功则表示前后端交互成功。

image

标签:Vue,项目,前端,启动,ruoyi,RuoYi,下载安装,下载
From: https://www.cnblogs.com/pingcode/p/17398518.html

相关文章

  • ffmpeg下载和安装
    官网:https://ffmpeg.org下载wgethttps://ffmpeg.org/releases/ffmpeg-6.0.tar.gztar-zxvfffmpeg-6.0.tar.gz准备工作安装X264库yuminstall-ygit(如果已安装GIT则忽略)gitclonehttps://code.videolan.org/videolan/x264.gitcdx264#执行./configure--enable-sha......
  • 论坛登录与注册vue代码
    <template><div><Dialog:show="dialogConfig.show":title="dialogConfig.title":buttons="dialogConfig.buttons"width="400px":showCancel="false"@cl......
  • vue2中数组和对象更改后视图不刷新解决办法
    vue2中,改变集合或数据某值时有时候并不会自动更新到视图上去,解决办法  1、官方推荐例如:projectList数组,show值点击一次改变一次方向<tdv-on:click="alertSub(index)"><ahref="javascript:;">{{item.}}</a></td>alertSub(index){this.projectLi......
  • Anaconda下载与安装详解
    目录1Anaconda1.1简介1.2下载安装1.3配置环境变量1.4下载配置1.4.1conda配置1.4.1.1修改conda下载源1.4.1.2删除下载源1.4.1.3包下载目录1.4.1.4下载报错1.4.2pip配置1.4.2.1配置源1.4.2.2下载目录1.4.2.3修改下载目录1.5修改虚拟环境地址1.5.1通过配置文件.cond......
  • Bilibili-XMLSubtitle-to-ASS可视化Bilibili本地视频XML弹幕转换ASS字幕转换器:新增自
    可视化Bilibili本地视频XML弹幕转换ASS字幕转换器一个可视化,打开即用的将B站弹幕转换为本地播放器可识别的ASS格式字幕的工具。另外这个工具还有一个妙用,如果你想看一部曾经在B站上存在过但现在下架了的电视剧/电影的弹幕,用这个工具也能多多少少帮你做到这一点,具体方式请往下看......
  • 三、Git的下载与配置
    3.1、Git的windows下安装官网地址:https://git-scm.com/download下载到本地磁盘一路【next】安装安装完成后,右击菜单栏,有如下菜单,表示安装完成进入gitbash选项:3.2、配置 gitconfig-l第一次使用git一般都需要配置git的用户名和邮箱,表明提交者的身份。g......
  • Prism中文版下载,医学研究绘图分析Prism软件安装及功能使用
    近年来,对于专业人士而言,要想在日益激烈的市场竞争中脱颖而出,实现创新性的工作表现已经成为了关键。而在这个过程中,咨询公司和企业管理层需要了解更多数据分析方面的知识,从而更加科学地做出决策,也正是由于这样的需求,Prism软件便应运而生。Prism软件是一款突出数据可视化以及分析的工......
  • SolidWorks软件2023中文版下载安装,SolidWorks特色功能使用介绍
    SolidWorks是一款功能强大的3DCAD软件,广泛用于机械设计、生产制造、建筑设计等领域。在这些领域,SolidWorks软件的独特功能,如先进的拓扑优化、高级可视化和实时模拟等,为用户提供了方便快捷、智能高效的设计体验。一、先进的拓扑优化SolidWorks软件提取:soruan.top/TPqqfb.SolidWorks......
  • 单文件报表:vue + element + echarts + axios
    最近做个专项,需要做结果展示,又不想再搭建个复杂工程,今天尝试了单文件的vue,基本做出来了。效果图参考文档1.自己写的v-charts文档:https://www.cnblogs.com/dannyyao/p/10728210.html2.vue官方文档:https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html#declari......
  • 论文编写工具使用(1-3)Overleaf 下载备份
      1下载主论文   2在投稿某些期刊的时候,下载带有.bbl文件的项目某些期刊在投稿的时候要求带有.bbl文件(一种包含格式化后的参考文献数据的文件)。在Overleaf中,.bbl文件和一些其他的辅助性文件不会显示在文件树区域,你可以从其他的地方访问这些文件。首先点击 ......