从零搭建若依环境(分离版)

2023-10-30

1、起步   

  1.1、准备工作:

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

  1.2、下载若依:
        使用git克隆(命令为:git clone https://gitee.com/y_project/RuoYi-Vue.git)或者前往Gitee下载页面(https://gitee.com/y_project/RuoYi-Vuei)下载解压到工作目录。

  1.3、后端运行(先启动后端再启动前端)

  1. 导入maven项目并选择maven的版本和setting.xml路径
  2. 创建数据库ry-vue并导入数据脚本ry_20191008.sql,quartz.sql
  3. 打开运行com.ruoyi.RuoYiApplication.java

能发送请求到后端并返回数据则表示已经成功启动

ps:如果没有redis请安装redis,不然项目启动失败。

  1.4、前端运行

# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run dev

出现该界面表示前端已启动成功

ps:如果没有安装node请先安装node

1.5、修改数据库连接

     编辑resources目录下的application.yml,修改数据库的服务器地址以及账号密码。

1.6、部署系统

     该项目是前后端分离项目,所有需要前后端都部署好,才能进行访问。

     后端部署

      使用命令行执行:java –jar ruoyi.jar

 前端部署

# 打包正式环境
npm run build:prod
# 打包预发布环境
npm run build:stage

         构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js 、***.cssindex.html 等静态文件。通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可,其中的 index.html 是后台服务的入口页面。

2、构建功能模块

2.1、右击项目名字>> new >>  module >> maven  >> next >> ruoyi-zavier(模块名称) >> finsh

ps:ruoyi-zavier是我自定义的模块名称,用于接下来的演示。

2.2、在新建的功能模块下的pom.xml引入通用工具(ruoyi-common)依赖

<dependencies>
    <!-- 通用工具-->
    <dependency>
        <groupId>com.ruoyi</groupId>
        <artifactId>ruoyi-common</artifactId>
    </dependency>
</dependencies>

2.3、在父项目的pom.xml引入新建功能模块的依赖

<dependency>
      <groupId>com.ruoyi</groupId>
      <artifactId>ruoyi-zavier</artifactId>
      <version>${ruoyi.version}</version>
</dependency>

2.4、在ruoyi-admin模块的pom.xml引入新建功能模块的依赖

<!-- 创建自定义功能模块 -->
<dependency>
        <groupId>com.ruoyi</groupId>
        <artifactId>ruoyi-zavier</artifactId>
</dependency>

3、自动生成代码

3.1、执行脚本

drop table if exists sys_student;
create table sys_student (
  student_id           int(11)         auto_increment    comment '编号',
  student_name         varchar(30)     default ''        comment '学生名称',
  student_age          int(3)          default null      comment '年龄',
  student_hobby        varchar(30)     default ''        comment '爱好(0代码 1音乐 2电影)',
  student_sex          char(1)         default '0'       comment '性别(0男 1女 2未知)',
  student_status       char(1)         default '0'       comment '状态(0正常 1停用)',
  student_birthday     datetime                          comment '生日',
  primary key (student_id)
) engine=innodb auto_increment=1 comment = '学生信息表';

3.2、在该界面创建目录和菜单并把请求地址填上

3.3、在系统中导入要代码生成的表

3.4、修改ruoyi-generator模块下的generator.yml配置

3.5、修改生成配置信息

3.5、下载生成后的代码并把内容复制到创建的功能模块下相应的文件中

    3.5.1、把studentMenu.sql执行,该sql是生成相应的菜单和按钮

    3.5.2、把下载文件中controller中的类复制到ruoyi-admin模块下的controller包下子包中,并把自定义功能模块下的controller包删除

  3.5.3、把下载文件中vue文件夹对应的文件复制到项目中ruoyi-ui模块对应的文件夹中。

3.6、重启项目(前后端都要重启),出现下图界面即成功,便可在该界面做相应的操作,后端也自动生成了常用功能的代码

4、总结

         经过几天的学习若依前后端分离框架,发表一下对这个框架的了解,便于后者参考。

  1. 前后端分离,提高开发效率
  2. 支持完全响应式布局
  3. 从前端到后端,代码全部自动生成
  4. 对后端常用的功能进行封装,简单配置或者调用即可使用
  5. 支持权限控制
  6. 对常用js插件进行二次封装,使js代码变得简洁,更加易维护
  7. Maven多项目依赖,模块及插件分项目,尽量松耦合,方便模块升级、增减模块。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从零搭建若依环境(分离版) 的相关文章

  • 5、若依服务监控

    文章目录 一 基本介绍 二 如何使用 1 添加依赖 2 在 application yml 配置暴露所有监控端点 3 监控启动类 4 启动后访问 http localhost 9100 actuator 返回正确数据表示测试通过 三 端点分
  • 前端校验用户输入的手机号或者座机号是否符合格式

    效果 输入的手机号 15878452358324 输入座机号 012 15845233223 代码 因为联系电话非必填项 所以在点击提交之前去校验的时候 如果填写了手机号或者座机号则去校验 没有填则新增 编辑同理 function subm
  • 从零搭建若依环境(分离版)

    1 起步 1 1 准备工作 JDK gt 1 8 推荐1 8版本 Mysql gt 5 5 0 推荐5 7版本 Redis gt 3 0 Maven gt 3 0 Node gt 10 1 2 下载若依 使用git克隆 命令为 git cl
  • RuoYi-弹出新窗口选择数据回显到父页面

    这里只贴出关键代码 其他代码需要自行编写 返回值处理根据实际需求来 目前是只取第一条 因为选择页面是单选行 表单页面新加方法 选择社区 function selectCommunity var url ctx community selec
  • 从零搭建若依(Ruoyi-Vue)管理系统(5)--整合日志实现

    本章结束后对应的节选代码文件 Gangbb Vue 05 Log 项目地址 https github com Gang bb Gangbb Vue 历史遗留TODO 第三章 mybatis缓存暂时没用到 后面整合redis后用redis做缓
  • 1、若依服务网关

    文章目录 一 基础介绍 二 使用网关 1 添加依赖 2 resources application yml 配置文件 3 网关启动类 三 路由规则 1 Datetime 2 Cookie 3 Header 4 Host 5 Method 6
  • 若依框架密码验证环节修改(三方登录时改为跳过密码验证,但正常登录保留密码验证)

    当用到三方登录时 例如微信登录等 没法验证密码 又找不到若依密码的解密方式 套用此方法 跳过密码验证 并且为可选的 想让哪个方法登录时要密码或者不要 写上即可 我使用的是若依不分离版 但参考自官方文档 大差不差 具体见个人情况 参考地址 若
  • 若依系统(微服务版本)部署流程

    若依系统 微服务版本 部署流程 此处做最基本的部署 后续需要可根据系统需要添加功能 微服务版本源码地址 https gitee com y project RuoYi Cloud 若依系统官网 http www ruoyi vip 系统架构
  • 若依tab权限问题

    普通的按钮直接用v hasPermi就可以了 但是这个有个问题 这个东西相当于v show 而像el tab pane就需要v if才能把标签头隐藏 所以需要以下代码 v if checkPermi xxx xxx xxx import c
  • 配置数据库属性validationQuery

    配置数据库时 属性validationQuery默认值为 select 1 对于oracle值应为 select 1 from dual validationQuery属性 用来验证数据库连接的语句 这个语句至少是返回一条数据的查询语句 每
  • 若依前后端分离版本,Windows下使用Nginx代理的方式进行部署(全流程,图文教程)

    场景 若依官网 http doc ruoyi vip 前提 服务器上安装Mysql 并将数据库导入 在SpringBoot中的application druid yml配置mysql数据库连接 服务器安装Redis服务端 并在applica
  • 若依免密登录

    最近做了一个微信扫码登录的功能整合到若依中 当扫码完成后 如何确定是哪个用户 以及权限有哪些 因为shiro的加密基于MD5所以密码不可逆 则不能从数据库查询后再解密 简单一些的话可以把需要登录的用户账号密码写死在配置文件中 我之前就是这么
  • 若依 默认展开侧边栏菜单

    打开文件 ruoyi ui src layout components Sidebar index vue 将下面代码覆盖掉原文件中的el menu节点相关代码 参考自 http doc ruoyi vip ruoyi vue other
  • # 若依-点击重置清空table列表,不刷新数据

    若依点击清空按钮 清空table数据 思路 点击清空按钮 触发输入框清空 并且移除列表中所有数据 实战 找到ry ui js新增restNoRefresh函数 ry ui js路径 src main resources static ruo
  • 若依RuoYi-Vue代码学习一---若依如何基于OncePerRequestFilter【Spring Security的过滤器】验证的token与用户信息

    文章目录 一 通过token获取用户信息 二 验证token过期 一 通过token获取用户信息 代码位置 com ruoyi framework security filter JwtAuthenticationTokenFilter 直
  • 基于SpringBoot和vue的若依后台管理系统 部署

    RuoYi Vue是一款前后端分离的极速后台开发框架 基于SpringBoot和Vue 目录 一 准备 二 启动前端项目 解决报错 digital envelope routines unsupported 测试 三 启动后端项目 四 运行
  • 若依框架中@DataScope数据权限注解的使用与自定义sql语句。

    介绍 若依框架本身具有角色 部门 用户业务 在业务中 用户必须绑定一个角色 而角色又必须将自身绑定到部门 角色绑定了哪些部门 就决定着隶属于该角色的用户能对哪些部门数据进行增删改 那么 怎么实现让用户只能遵循其绑定角色所指定的部门 来进行数
  • Could not proxy request /captchaImage from localhost to http://localhost:8080/.

    项目场景 项目场景 配置若依环境前端通过 run npm dev 启动报500 问题描述 根据报错分析 无法将请求 路径 从本地主机代理到http 本地主机 8080 原因分析 我们可以看到前端配置的端口号80 地址就是本机没有问题 排除前
  • 若依ruoyi——手把手教你制作自己的管理系统【二、修改样式】

    阿里图标一 图片白嫖一 3 专栏略长 爆肝万字 细节狂魔 请准备好一键三连 运行成功后 idea后台正常先挂着 我习惯用VScode操作 当然如果有两台机子 一个挂后台一个改前端就更好了 只需修改vue config js配置文件即可 eg
  • 开源框架若依实战Demo学习笔记

    若依是个不错的框架 下面是我用他写的一个简单demo 以后会在此基础上进行进一步的开发 下面是整合的过程 我在整合的过程中可谓是一波三折 大家如果不想走弯路 那么这篇文章将对你很有帮助 首先 项目代码地址先列出来 方便大家下载使用 这是整理

随机推荐

  • 服务器装ghost系统怎么安装系统教程,Ghost win7系统安装iis教程

    iis是一种可以使得在互联网上发布信息成一件很容易的事 iis就像是现在的网站服务器安装的操作系统服务器一样 但是我们应该如何来安装iis呢 如果你不知道 那接着我们就来详细的了解一下雨林木风Ghost win7系统纯净版安装iis的功能吧
  • vscode报错:babel : 无法加载文件 C:\Users\AppData\Roaming\npm\babel.ps1,因为在此系统上禁止运行脚本。

    报错背景 在使用命令babel es6 01 js o dist 001 js把es6文件转换成es5文件的时候 报错信息如下 babel 无法加载文件 C Users AppData Roaming npm babel ps1 因为在此系
  • document.getElementsByClassName与document.getElementById

    document getElementsByClassName 与document getElementById 大家应该对这两个方法都非常的不能再熟悉的js方法了 就是获取DOM元素嘛 有什么难的 今天我在这两个简单的方法上面犯了错误 我
  • Modbus通信从入门到精通_2_Modbus TCP通信详解及仿真(搭建ModbusTCP仿真环境:创建虚拟PLC并进行ModbusTCP通讯;寄存器与PLC中映射关系;适合理解如何编写上位机)

    本篇将会以西门子PLC软件搭建ModbusTCP仿真环境 并通过仿真环境 介绍基础知识及模拟实际应用中写一个简单的通信读取PLC数据方法 并简介了编写上位机的方法 文章目录 1 搭建ModbusTCP仿真环境 1 1 PLC仿真环境搭建 1
  • UE4 DMX和grandMA2 onPC 3.1.2.5的操作流程

    1 创建环回网络适配器 避免IP被占用 参考链接 UE4 Demo连接GrandMA2 onpc 2 创建show文件 参考链接 虚幻引擎舞美灯光设计教程 2 4虚幻引擎内部配接 2 5 GrandMA2onpc设置B 3 连接到环回网络I
  • 聚类五之总结

    1 聚类方法的选择 1 对于数据量较大的情况 k means 2 对于数据量较一般的情况 最大密度聚类 DBSCAN 3 对于数据量较少的情况 谱聚类 2 类别数目k未知 且数据有噪声 可使用密度聚类 如DBSCAN 最大密度聚类 DBSC
  • 数据库设计原则(积累)

    1 原始单据与实体之间的关系 可以是一对一 一对多 多对多的关系 在一般情况下 它们是一对一的关系 即一张原始单据对应且只对应一个实体 在特殊情况下 它们可能是一对多或多对一的关系 即一张原始单证对应多个实体 或多张原始单证对应一个实体 这
  • 再见2020

    纯属纪念一下 include
  • Dubbo与Zookeeper伪集群部署

    1 美图 官网 http dubbo apache org docs user preface background md lang zh cn 1 准备Zookeeper zookeeper伪集群模式 2 dubbo安装 git clon
  • Sui安全篇|详解零知识证明 (ZKP) Groth16的可塑性

    Sui Move允许用户使用Groth16进行高效验证任何非确定性多项式时间 Non deterministic Polynomial time NP 状态 Groth16是一种高效且广泛使用的零知识简洁非交互知识证明 Zero Knowl
  • GDB 调试指南

    00 介绍 GDB GNU Debugger 是 UNIX 及 UNIX like 下的强大调试工具 可以调试 ada c c asm minimal d fortran objective c go java pascal 等语言 这一份
  • envi查看影像中指定像素的经纬度

    目的是查看影像上某个像素点对应的经纬度信息 操作步骤 1 打开envi软件 把影像拖入进去 如下图 2 按快捷键ctrl i或者Display gt Cursor Value调出Cursor Value对话框 如下图 3 在最上面工具栏 齿
  • 有用的框架

    选择图片和拍照 implementation com github LuckSiege PictureSelector picture library v2 5 8 可能需要这个 compileOptions sourceCompatibi
  • 【JVM】最全笔记(黑马+尚硅谷+张龙整合笔记)

    本身整合了如下视频的笔记 并进行了整理 尚硅谷周阳 张龙 黑马程序员 黑马ppt非常好 https download csdn net download hancoder 12834607 本文及JVM系列笔记地址 https blog c
  • TestMe

    测试MD文件 TestMe TestMe 链接 link 链接 link 1 target testme
  • 常见前端浏览器兼容问题及解决方案

    常见前端浏览器兼容问题及解决方案 所谓的浏览器兼容性问题 是指因为不同的浏览器对同一段代码有不同的解析 造成页面显示效果不统一的情况 在大多数情况下 我们的需求是 无论用户用什么浏览器来查看我们的网站或者登陆我们的系统 都应该是统一的显示效
  • gensim实战01——word2vec

    介绍 搜狗语料库 http www sogou com labs resource list yuliao php 是可以免费获取的比较大的中文新闻语料库 可是最新的也就是更新到2012年的语料 后续并无放出更新的语料 除了搜狗语料 要获取
  • SpringMVC5.x从入门到精通_完整版

    什么是SpringMVC 一 SpringMVC的概述 Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架 即使用了MVC架构模式的思想 将web层进行职责解耦 基于请求驱动指的就是
  • 使用python的socket进行多个文件传输

    使用python的socket进行多个文件传输 在网上学习到了基本的socket使用 但与自己想要的效果不同 所以进行了修改实现了在局域网内进行多文件传输 但是还有一些小bug不知道为什么有时候进行传输时 会显示您的主机中的软件中止了一个已
  • 从零搭建若依环境(分离版)

    1 起步 1 1 准备工作 JDK gt 1 8 推荐1 8版本 Mysql gt 5 5 0 推荐5 7版本 Redis gt 3 0 Maven gt 3 0 Node gt 10 1 2 下载若依 使用git克隆 命令为 git cl