首页 > 其他分享 >RuoYi-vue配置记录

RuoYi-vue配置记录

时间:2023-08-23 11:23:38浏览次数:43  
标签:vue 记录 Redis IDEA 博客 RuoYi Vue 安装

如果这个项目能顺利运行,标志着Springboot+vue的前后端环境都配好了。

一、官方文档

若依官方文档:介绍 | RuoYi,在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue

解压到自己的目录下

 

首先根据官方文档的环境部署所说,检查一下自己的这些是否都满足要求了:

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

 可以参考我使用的配置教程:

JDK8和IDEA

IntelliJ IDEA安装教程(以IDEA2020.1为例)_蓝多多的小仓库的博客-CSDN博客

MySQL

MySQL-mysql 8.0.11安装教程 - Laumians - 博客园 (cnblogs.com)

Redis

Window下Redis的安装和部署详细图文教程(Redis的安装和可视化工具的使用)redis安装明金同学的博客-CSDN博客

nodejs

https://blog.csdn.net/zimeng303/article/details/112167688

Maven

Maven的安装与配置(详细版)_落日漫余晖.的博客-CSDN博客

vue

Vue安装及环境配置、开发工具_袁小萌同学的博客-CSDN博客

二、后端部署

先在MySQL数据库可视化软件里面(本文用的是Navicat)新建数据表ry-vue,然后右键运行SQL文件,分别运行RuoYi-Vue-master\sql里面的两个文件

 

在IDEA里面打开这个项目,先到ruoyi-admin里面找到application-druid.yml,把url、username、password改了

 

用Maven clean一下,再install一下(可能会出现网络问题,试试连手机热点不要连公司内网)

 然后发现报错:Unresolved plugin: ‘org.apache.maven.plugins:xxxx’

这时候我们需要去settings里面检查一下User settings file和Local repository设置的对不对,不对的就改一下,改对了这个报错就解决了。

然后就可以顺利clean和install了。

 

接下来我们看到文件顶部出现一条黄底色的提示:java file outside of source root

然后搜到这个解决方案:IntelliJ IDEA 工程Java文件上红色的无效符 - 【cosmo】 - 博客园 (cnblogs.com)

在若依这个项目中即为:

在IDEA的RuoYi-Vue-master\ruoyi-admin\src\main\java右键Mark Directory as -->Sources Root(告诉IntelliJ IDEA,Java文件夹及其子文件夹中包含的源代码,可以编译为构建过程的一部分)

在IDEA的RuoYi-Vue-master\ruoyi-admin\src\main\resources右键Mark Directory as -->Resources Root(告诉IntelliJ IDEA,resources文件夹及其子文件夹用于应用程序中的资源文件(图像、各种配置XML和属性文件)

 

至此后端部分可以正常运行了

 三、前端部署

先到Redis安装目录下双击运行redis-server.exe把Redis数据库运行起来

然后命令行切换目录到RuoYi-Vue-master\ruoyi-ui

通过npm install安装所需的依赖

根据官方文档所说尝试运行npm run dev

发现报错:(本文仅截取了报错信息的一部分)

 查到解决方案:nodejs新版本引起的:digital envelope routines::unsupported_yygr的博客-CSDN博客

于是我们到ruoyi-ui的package.json里面找到“scripts”,给每一项中间都加上

SET NODE_OPTIONS=--openssl-legacy-provider && 

 然后回到命令行重新npm run dev,成功咯

 浏览器里也能正常登录咯

 完结撒花~

 

标签:vue,记录,Redis,IDEA,博客,RuoYi,Vue,安装
From: https://www.cnblogs.com/dorsey-cyx/p/17650603.html

相关文章

  • vue 页面滚动时自动切换Tab标签,点击标签自动滚动页面
    功能:手机端实现切换头部tab定位到下文内容,滚动页面内容时自动定位到相对应tab逻辑:监听+tab切换完整代码:以下是完整代码:<template><divclass="box"><divclass="tab"ref="tab"><divv-for="(item,index)intabs":key=&......
  • 2023-08-23 vuetifyjs icon用法 ==》 前缀mdi-加上icon名称
    我现在用的是最新3.0版本的vuetifyjs,它的icon库来自......
  • .net 记录http请求
    记录http请求环境.net7一、过滤器(Filter)这个过程用的的是操作过滤器(ActionFilter)二、2.1继承IAsyncActionFilter2.2重写OnActionExecutionAsyncOnActionExecutionAsync-在调用操作方法前调用OnActionExecutionAsync(ActionExecutingContext,ActionExecutionDele......
  • Vue+SpringBoot项目分离部署踩坑记录
    昨天花了一晚上终于成功部署了个人网站,在这个过程中踩了很多坑,现在回顾总结记录一下,以免今后继续犯错误前端:Vue后端:SpringBoot数据库:Mysql一、前端1、前端项目采用Nginx进行部署,其中Nginx配置文件部分内容如下nginx.conf部分内容1server{2listen443ssl......
  • 【算法】在vue3的ts代码中分组group聚合源数据列表
    有一个IList<any>()对象列表,示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',......
  • webman:全局中间件:记录访问日志(v1.5.7)
    一,官方文档地址:https://www.workerman.net/doc/webman/middleware.html二,php代码1,配置中间件:config/middleware.php12345678910111213141516171819<?php/** *Thisfileispartofwebman. * *LicensedunderTheMITLicense......
  • vue-draggable跨iframe拖拽
    环境vue3"vuedraggable":"^4.1.0"物料区<draggableclass="dragArealist-groupcomponents-draggable":list="material":group="{name:'formGroup',pull:'clone',put:fals......
  • 记笔记背单词网站开发记录1
    我开发了一个网站,用于背单词和记笔记,已经开发并使用几年了,不过一直都是在本地部署使用。使用中间断断续续增加了一些功能,其中笔记就是后来加上的。这两个主要功能我已经使用了几年了,觉得还是有点用处的,趁着最近买了一个服务器,将其部署了起来,供大家测试使用。我介绍下具体的功......
  • vue中$event的元素属性
    <template><div><button@click="clickFun($event)">点击</button></div></template><script>exportdefault{data(){return{}},methods:{check(event)......
  • [DS记录] P3203 [HNOI2010] 弹飞绵羊
    (题目传送门)虽然是\(\rmLCT\)板子,但用来做分块入门如果没有修改操作,可以\(O(n)\)求出每个点的答案对于每个块里的点,预处理出它跳出这个块的步数,那么查询时就可以\(O(1)\)跳过这些块,查询的复杂度\(O(\sqrt{n})\)修改一个点时,也就是\(O(B)\)暴力修改即可令\(B=\sqrt{......