【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这篇具有很好参考价值的文章主要介绍了【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【若依后管框架(前后端分离版)】 如何添加自己的功能模块以及菜单

【文章开始之前,先说一句,若依牛逼!】

1 若依框架简介

RuoYi-Vue 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务。

若依前后端分离版官方文档地址:http://doc.ruoyi.vip/ruoyi-vue/

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

代码仓库地址:https://gitee.com/y_project/RuoYi-Vue

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

2 若依框架【前后端分离版】下载安装运行
2.1 运行系统环境需求
  • JDK >= 1.8

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

  • MySQL >= 5.7

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

  • Maven >= 3.0

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

  • Node >= 12

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

  • Redis >= 3

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

2.2 源码下载

【官方推荐直接clone 仓库,笔者这里就直接下载源码 了】

前后端分离版源码地址:

https://gitee.com/y_project/RuoYi-Vue

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

直接下载源码压缩包

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

等待下载完成

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,解压

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

点进去看看

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,一个标准的Maven 多模块 工程项目。

2.3 数据源准备

在解压好的源码目录下 sql 文件夹

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这两个sql 文件需要导入数据库

【新建名为 ry-vue (当然这个可以改)的数据库】

笔者因为已经有了 个同名数据库,就小改一下

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

确定

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

直接拖入两个SQL 文件

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

开始

另一个同理

最终数据库效果

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK。这样数据库 就准备好了 。

2.4 运行项目

使用IDEA 【或者其他开发工具导入项目】

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK。

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这样就同步完成了。

修改一下数据源配置
【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

主要是数据库名 和数据库 用户名密码。

OK,现在就可以启动服务了

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

注意启动时,Redis 服务需要处于 运行状态,不然会抛异常【因为若依框架使用到了缓存】
【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,这样后端 就启动成功 了。但是因为是前后端完全分离的,
直接访问

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

所以还需要启动项目

可以直接 在IDEA 工具中打开命令行

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

cd 到 ruoyi-ui 目录下

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,使用命令 npm install 安装前端项目需要的依赖

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

等待安装完成

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,依赖下载完成。现在就可以 运行前端项目 了

使用命令 npm run dev

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

等待运行完毕

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,编译成功后,会自动弹出页面

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这就是 若依【前后端分离版】 系统了。

3 添加自己的功能模块

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

输入计算密码, 进入系统

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

可以看到,默认的系统就是这个样子了,基本的功能可以说是相当齐全,让人忍不住再说一次,【若依牛逼!】

现在我们就来添加一个简单的自己的功能模块【主要是让大家能够知道使用方法】

3.1 准备数据源

这里笔者就简单的,比如说做一个“活动管理”,肯定得有一张活动表嘛

直接在数据库中创建

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

随便来几个字段**【注意:把注释填好,有用!!!!!!】**

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

给表 本身也弄个 注释!!! 有用!!!!!!

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【确定】

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK。数据表新建成功。

随便插入一条数据吧

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK。

3.2 使用若依代码生成器生成菜单以及接口、页面

接下来就是本文最核心的地方了

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

在这旁边加上一个活动管理,对我们刚刚新弄的活动表 进行管理

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

点击菜单管理,先来一个“大 菜单”

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

确定

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这样就添加上了,下面祭出 代码生成!

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

导入我们数据里面的 活动表

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

确定

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,现在进行 一些设置,点击 编辑

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

可以看到一共有 三栏

① 基本信息

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这个没啥好说的,改一下作者吧,这样生成的 接口代码中,文档注释 author 就会显示这个 了

② 字段信息

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

这个根据自己的需求改就好了

③ 生成信息【这个是核心

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,直接提交。【注意上级菜单】

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

点击生成 代码

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

下载下来

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK。代码生成就算完成了。

3.3 后端添加代码模块

就靠若依 生成的代码肯定是不够的,我们需要在后端源码 基础上做一些 修改

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

新建一个子模块

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

创建

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,一个干净的子 模块

修改一下pom 文件

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

    <dependencies>
        <dependency>
            <groupId>com.ruoyi</groupId>
            <artifactId>ruoyi-common</artifactId>
        </dependency>
    </dependencies>

因为需要借助 “通用模块” 中的一些功能,所以要将其作为依赖加入我们的 活动模块中【properties 需要杀删掉, 父工程已经有了,这里最好不写】

修改ruoyi-admin 模块的pom 文件,将我们自己添加的活动模块加进来

        <!--    活动信息管理    -->
        <dependency>
            <groupId>com.ruoyi</groupId>
            <artifactId>ruoyi-activity</artifactId>
            <version>${ruoyi.version}</version>
        </dependency>

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【记得刷一下,到这里 “自己动手” 的地方就算完了】

3.4 添加生成的代码到项目中

OK,现在就可以祭出 我们代码生成那一步生成的压缩包 了

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

解压出来

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

剩下的事儿 就非常简单 了

① 数据库

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

直接一把运行

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK, 运行成功。

② 添加后端代码

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

看看生成了些 啥

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,控制器、实体类、数据层接口、业务层接口、业务层 实现类全有 了

还剩一个,mapper 映射文件

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

在这里

直接复制进去

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK,后端完事儿。

③ 贴入前端 代码

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

直接复制这一整个 文件夹

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

贴到这里,OK

还有个页面

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

也直接复制 这个文件夹

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

OK。大功告成

重启一下后端服务

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

查看前端页面

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

牛逼!

4 测试功能
4.1 增

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

4.2 删

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

4.3 改

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单

4.4 查

OK,就这样吧,若依的强大 远远不止这些,大家慢慢探索吧,若依牛逼!!!

最后 我们一定能够成为我们想要去成为的人。文章来源地址https://www.toymoban.com/news/detail-449936.html

到了这里,关于【若依后管框架(前后端分离版)】 如何部署若依以及添加自己的功能模块和菜单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 若依框架环境的搭建(前后端不分离版)

            最近在做数据库课程设计,因为不想再用Java里面的GUI界面,想用Web页面来替代,但手写各个页面和增删改查这些重复性较高的模块属实作业量不小,所以,正好借此机会来学习一下早有耳闻的,号称后台管理系统神器—— 若依框架 ,下面先来总结一下环境部署与

    2024年02月04日
    浏览(44)
  • 若依前后端分离项目docker部署

    1.centos 7 2.docker 3.mysql5.x 8.x 4.redis 5.nginx 前往 Gitee 下载页面(https://gitee.com/y_project/RuoYi-Vue (opens new window))下载解压到工作目录 3.1 后端 1.下载代码到本地后,解压完成,用idea打开项目 2.创建数据库:ry-vue 3.在创建好数据库后,运行以下两个sql文件生成数据表(quartz.sql、ry_202208

    2024年02月05日
    浏览(33)
  • 若依框架(前后端分离) 之IDEA中Maven后端打包

    Maven是一个跨平台的项目管理工具。作为Apache组织的一个颇为成功的开源项目,其主要服务于基于Java平台的项目创建,依赖管理和项目信息管理,是一个自动化构建工具。maven是Apache的顶级项目,解释为“专家,内行”,它是一个项目管理的工具,maven自身是纯java开发的(

    2024年02月09日
    浏览(41)
  • 若依前后端分离项目在腾讯云的部署

    本文章使用了腾讯云提供的宝塔系统 在部署项目和配置环境的时候会相对其他方法更容易一些  购买腾讯云服务器 腾讯云11.11云上盛惠_腾讯云11.11优惠活动-腾讯云 (tencent.com)  我购买的是2核4g的服务器 之前听老师建议最好2核4g起步    购买的时候选择默认的宝塔系统就ok了不

    2024年02月06日
    浏览(33)
  • 用docker一键部署前后端分离若依系统

    目录 一、搭建局域网 1.1、介绍前后端项目搭建 1.2、操作 二、安装redis 测试 三、安装Mysql 检查 远程连接  注意:0- 1-工具原因,复制进去记得删除​编辑 工具测试 四、部署后端服务 4.1、创建数据库 4.2、使用Dockerfile自定义镜像 测试 测试 五、前端部署 5.1、nginx部署 分析n

    2024年03月16日
    浏览(36)
  • 基于若依前后端分离框架的小程序的token验证

    后端和管理端都用的若依框架。 但是前段的小程序需要微信授权登录。这时候就需要在若依框架上重新再起一套token验证。 首先创建两个类(只要放在你能够引用得到的位置就可以): 第一个:实体 第二个service: 下一步: 找到 com.ruoyi.framework.security.filter; 这个文件 添加你

    2024年02月11日
    浏览(32)
  • 若依RuoYi-Vue项目部署(前后端分离版本)

    RuoYi 是一个后台管理系统,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf)主要目的让开发者注重专注业务,降低技术难度,从而节省人力成本,缩短项目周期,提高软件安全质量。 若依是作者给女儿取的名字(寓意:你若不离不弃,我必生死相依) 在线体验 若

    2023年04月08日
    浏览(39)
  • IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行

    若依官网:http://ruoyi.vip (这些准备工作,都会在其他章节持续更新相应操作步骤的奥~请关注我❤) JDK = 1.8 (推荐1.8版本) Mysql = 5.7.0 (推荐5.7版本) Redis = 3.0 Maven = 3.0 Node = 12 官网地址:https://gitee.com/y_project/RuoYi-Vue 1.可以点击克隆/下载,直接导出。下载后解压即可导入IDEA使用

    2024年02月09日
    浏览(50)
  • 全面解析若依框架(springboot-vue前后分离--后端部分)

    前端启动 后端启动 创建数据库ry-vue,导入ry_2021xxxx.sql,quartz.sql,加载好依赖直接启动。 后端技术 SpringBoot Spring Security JWT MyBatis Druid Fastjson 分页实现 导入导出 上传下载(框架使用的简单,不做讲解) 权限控制 事务管理(这里使用@Transactional,不做讲解,具体和Spring的8种事务

    2024年01月16日
    浏览(40)
  • 若依springboot+vue前后端分离系统部署到腾讯服务器教程

    前后端分离的开发模式在现代web应用开发中越来越流行,它可以提高开发效率、降低维护成本、提高系统的可扩展性和可维护性。而腾讯云作为国内领先的云计算服务提供商,为开发者提供了稳定、高效、安全的云计算服务,为前后端分离应用的部署提供了良好的解决方案。

    2024年02月04日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包