若依管理系统搭建教程,ruoyi-vue环境搭建

环境部署

准备工作

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

运行系统

1、前往`Gitee`下载页面([https://gitee.com/y_project/RuoYi (opens new window)](https://gitee.com/y_project/RuoYi))下载解压到工作目录
2、导入到`Eclipse`,菜单 `File` -> `Import`,然后选择 `Maven` -> `Existing Maven Projects`,点击 `Next`> 按钮,选择工作目录,然后点击 `Finish` 按钮,即可成功导入。
`Eclipse`会自动加载`Maven`依赖包,初次加载会比较慢(根据自身网络情况而定)
3、创建数据库`ry`并导入数据脚本`ry_2021xxxx.sql`,`quartz.sql`
4、打开项目运行`com.ruoyi.RuoYiApplication.java`,出现如下图表示启动成功。
5、打开浏览器,输入:(http://localhost:80 (opens new window)) (默认账户/密码 admin/admin123)
若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功

建议使用Git克隆,因为克隆的方式可以和RuoYi随时保持更新同步。使用Git命令克隆

git clone https://gitee.com/y_project/RuoYi.git
 

启动后端

RuoYi-Vue\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java

创建数据库,启动和连接reids服务器

  • 修改数据库连接,编辑resources目录下的application-druid.yml
# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: 数据库地址
                username: 数据库账号
                password: 数据库密码
  • 修改服务器配置,编辑resources目录下的application.yml
# 开发环境配置
server:
  # 服务器的HTTP端口,默认为80
  port: 端口
  servlet:
    # 应用的访问路径
    context-path: /应用路径

 开发环境配置

配置数据库
RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml
配置端口和服务器配置
RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml

部署系统

  • 打包工程文件

ruoyi项目的bin目录下执行package.bat打包Web工程,生成war/jar包文件。
然后会在项目下生成target文件夹包含warjar

提示

多模块版本会生成在ruoyi/ruoyi-admin模块下target文件夹

  • 部署工程文件

1、jar部署方式

使用命令行执行:java –jar ruoyi.jar 或者执行脚本:ruoyi/bin/run.bat

2、war部署方式
ruoyi/pom.xml中的packaging修改为war,放入tomcat服务器webapps

   <packaging>war</packaging>

提示

多模块版本在ruoyi/ruoyi-admin模块下修改pom.xml

  • SpringBoot去除内嵌Tomcat(PS:此步骤不重要,因为不排除也能在容器中部署war
<!-- 多模块排除内置tomcat -->
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-web</artifactId>
	<exclusions>
		<exclusion>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-tomcat</artifactId>
		</exclusion>
	</exclusions>
</dependency>
		
<!-- 单应用排除内置tomcat -->		
<exclusions>
	<exclusion>
		<artifactId>spring-boot-starter-tomcat</artifactId>
		<groupId>org.springframework.boot</groupId>
	</exclusion>
</exclusions>

启动前端

npm install 
npm run dev

常见问题

解决:'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或批处理文件

清理 node_modules 重新安装,试了不管用,最后直接使用下面的命令安装vue-cli-service解决了。

npm install -g @vue/cli-service

终极解决:Error: error:0308010C:digital envelope routines::unsupported

3.2设置参数,解决报错

在执行运行项目命令之前,先运行这个命令

Linux & Mac OS:
​
export NODE_OPTIONS=--openssl-legacy-provider 
1
windows命令提示符:
​
set NODE_OPTIONS=--openssl-legacy-provider 

安装highlight失败

npm install highlight.js --save
​
npm install highlight.js --save --legacy-peer-deps
npm install --save vue-highlightjs --legacy-peer-deps 
​
npm install --save @highlightjs/vue-plugin --legacy-peer-deps
vue-cli创建项目,webpack运行时在 95% emitting CompressionPlugin卡住不动-CSDN博客
https://blog.csdn.net/qq_37568942/article/details/108753108

大招,解决99%的问题

npm使用淘宝镜像

rm -rf node_modules
rm -f package-lock.json
npm install --registry=http://registry.npmmirror.com

a:单次使用:

 npm install --registry=http://registry.npmmirror.com

b:永久替换:

在开发react-native的时候,不要使用cnpm,cnpm安装的模块路径比较奇怪,packager不能正常识别。

所以,为了方便开发,我们最好是直接永久使用淘宝的镜像源,直接命令行的设置

 $ npm config set registry http://registry.npmmirror.com

手动修改设置

 1.打开.npmrc文件(C:\Program Files\nodejs\node_modules\npm\npmrc,没有的话可以使用git命令行建一个( touch .npmrc),用cmd命令建会报错)
 2.增加 registry =http://registry.npmmirror.com  即可。

如果需要恢复成原来的官方地址只需要执行如下命令:

 npm config set registry https://registry.npmjs.org

检测是否安装成功:

 npm config get registry

部署问题

  1. 如果使用Mac需要修改application.yml文件路径profile
  2. 如果使用Linux 提示表不存在,设置大小写敏感配置在/etc/my.cnf添加lower_case_table_names=1,重启MYSQL服务
  3. 如果提示当前权限不足,无法写入文件请检查application.yml中的profile路径或logback.xml中的log.path路径是否有可读可写操作权限

参考资料:

RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本

下载maven:Maven – Maven on Windows

  • 17
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: ruoyi-vue-oracle是一种基于vue.js开发的前端框架,它使用了Oracle数据库作为后端的数据存储和处理工具。ruoyi-vue是一个开源的管理系统框架,它结合了vue.js和element-ui,提供了丰富的组件和插件,帮助开发者快速构建现代化的管理系统。而Oracle是一种强大的关系型数据库管理系统,它具有高性能、高可靠性和安全性的特点,被广泛应用于企业级应用程序。 通过ruoyi-vue-oracle,开发者可以轻松地搭建一个功能强大、稳定可靠的管理系统vue.js作为前端框架,提供了灵活且高效的开发方式,可以实现各种交互效果和页面布局;element-ui则为开发者提供了丰富的组件和样式,极大地提高了开发效率。而Oracle数据库作为后端存储工具,可以处理大量数据并保证数据的一致性和安全性。 ruoyi-vue-oracle还可以实现用户权限管理、数据管理和系统监控等功能。用户权限管理可以根据角色和权限划分用户的访问权限,确保系统的安全性;数据管理可以对数据库进行增删改查操作,满足对数据的管理需求;系统监控可以实时监控系统的运行状态和性能,及时发现并解决问题。 总之,ruoyi-vue-oracle提供了一套完整的开发框架和解决方案,帮助开发者快速构建现代化的管理系统。无论是企业级应用还是个人项目,都可以通过ruoyi-vue-oracle实现快速、稳定的开发。 ### 回答2: ruoyi-vue-oracle是一个开源的后台管理系统,采用了前后端分离的架构,前端使用了Vue.js框架,后端使用了Spring Boot框架,数据库使用了Oracle。这个系统提供了丰富的功能,包括用户管理、角色管理、菜单管理、部门管理、字典管理、通知公告管理等。 在前端方面,ruoyi-vue使用了Vue.js来构建用户界面,提供了响应式的布局和丰富的组件,使得用户可以方便地进行操作和管理。同时,Vue.js也提供了一套模块化的开发方式,使得项目的代码结构清晰、可维护性高。 在后端方面,ruoyi-vue使用了Spring Boot作为基础框架,结合了Spring框架的优点,提供了一套强大的开发工具和生命周期管理,简化了开发流程并提高了生产力。同时,Spring Boot还集成了许多常用的功能和组件,如安全认证、缓存、数据库等,这些都可以帮助开发者快速搭建稳定可靠的系统。 数据库方面,ruoyi-vue选择了Oracle作为后端的数据库,Oracle是目前业界广泛使用的关系型数据库之一,具有强大的存储和查询能力,可以满足大部分企业级应用的需求。在ruoyi-vue中,通过使用数据库的事务管理,保证了数据的一致性和完整性。 总体来说,ruoyi-vue-oracle是一个功能强大且易于使用的后台管理系统,它提供了丰富的功能和灵活的架构,能够帮助开发者快速构建高效稳定的系统。 ### 回答3: ruoyi-vue-oracle是一个基于Vue.js和Spring Boot的开源框架,用于快速构建前后端分离的管理系统。Oracle是一种关系型数据库管理系统,用于存储和管理大量结构化数据。 ruoyi-vue-oracle提供了一套完整的解决方案,包括前端页面、后端接口和数据库模型。前端页面采用Vue.js框架编写,具有良好的用户交互体验和响应速度。后端接口基于Spring Boot框架开发,提供了丰富的业务功能和数据处理能力。Oracle数据库作为数据存储介质,提供了高性能、高可用性和数据安全性,适用于处理大规模数据和复杂查询。 使用ruoyi-vue-oracle框架,开发人员可以快速搭建管理系统,并轻松实现用户管理、角色权限、数据字典、系统监控、日志管理等常见功能。同时,该框架还提供了丰富的扩展和定制功能,便于根据项目需求进行二次开发。 总之,ruoyi-vue-oracle是一个功能强大的前后端分离框架,可以帮助开发人员快速构建高效、稳定的管理系统。Oracle数据库作为数据存储的选择,能够提供可靠的数据管理与查询服务。结合两者,可以满足企业对高性能、可扩展性和良好用户体验的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值