若依框架快速开发项目(不涉及底层逻辑,只是简单使用)

这篇具有很好参考价值的文章主要介绍了若依框架快速开发项目(不涉及底层逻辑,只是简单使用)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

若依框架快速开发项目(避坑超详细)

初衷:

若依框架使用及其普遍,是一个非常优秀的开源框架,框架本身的权限系统,字典设置以及相关封装,安全拦截相当完善,本人受益匪浅,学学到了许多,在这里,先向原创作者致敬!

本人刚刚接触这个框架的时候,很迷茫,几乎没有入手的地方,不知道怎么去开始,网上的教程也是良莠不齐,当时遇到了许多的坑,在这里,为了避免后来人遇到同样的问题,将使用过程在这里一一详述,这既是技术行业的惺惺相惜吧,也感谢你能刷到这篇文章,本来是不做限制的,但是为了让更多的朋友看见,有违初心,在这里向大家道歉,希望理解,设置为粉丝可见!

1.若依介绍

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

借用官网的介绍,若依其实有点像低代码平台!若依分为基础版,分离版,微服务版本,大家可能刚刚上手,就会直接使用分离版,也就是ruoyi-Vue,由于基础版这种架构方式已经不再推荐,很少去用的,现在都是分离版,大一点的项目就是微服务版本!

主要特性

  • 完全响应式布局(支持电脑、平板、手机等所有主流设备)
  • 强大的一键生成功能(包括控制器、模型、视图、菜单等)
  • 支持多数据源,简单配置即可实现切换。
  • 支持按钮及数据权限,可自定义部门数据权限。
  • 对常用js插件进行二次封装,使js代码变得简洁,更加易维护
  • 完善的XSS防范及脚本过滤,彻底杜绝XSS攻击
  • Maven多项目依赖,模块及插件分项目,尽量松耦合,方便模块升级、增减模块。
  • 国际化支持,服务端及客户端支持
  • 完善的日志记录体系简单注解即可实现
  • 支持服务监控,数据监控,缓存监控功能。

内置功能

  • 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
  • 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
  • 岗位管理:配置系统用户所属担任职务。
  • 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
  • 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  • 字典管理:对系统中经常使用的一些较为固定的数据进行维护。
  • 参数管理:对系统动态配置常用参数。
  • 通知公告:系统通知公告信息发布维护。
  • 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
  • 登录日志:系统登录日志记录查询包含登录异常。
  • 在线用户:当前系统中活跃用户状态监控。
  • 定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。
  • 代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。
  • 系统接口:根据业务代码自动生成相关的api接口文档。
  • 服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。
  • 缓存监控:对系统的缓存信息查询,命令统计等。
  • 在线构建器:拖动表单元素生成相应的Vue代码。
  • 连接池监视:监视当期系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。

那么,大家就会想问,我拿到这样一个开源框架我可以做什么呢,在这里我给大家仔细说,大家看看是不是能够用到:
1.做一个毕业设计
使用这套系统,大家可以基本不用自己写代码,快速生成前后端代码,对的,就是全部生成,不用自己去写,比如一个简单的航班信息管理系统,学生信息管理系统,或者是员工,教务管理系统。大家可以发现,只要不涉及复杂的逻辑需求,这个框架基本都是可以实现的,自己随便修修补补就是一套非常精美的系统!

2.做兼职,挣点小钱

有时候,大家可以利用这套框架去挣点小钱,由于前后端都可以自己生成,所以大家拿这个项目去挣点小钱是一个非常快的途径

3.做练习,熟悉架构,理解封装

如果对于自己有要求,对于这个行业充满热情,大家可以自己把代码跑起来,自己试一试,去看看人家的封装和架构思想,有很多的东西值得去学习,去理解

接下来,我们就直接开始上手,同时将网址链接放到这里

  • 若依官网:http://ruoyi.vip(opens new window)
  • 演示地址:http://vue.ruoyi.vip(opens new window)
  • 代码下载:https://gitee.com/y_project/RuoYi-Vue

再加一个环境依赖,大家注意一下,这些是需要有的,不然跑不起来

  • JDK >= 1.8 (推荐1.8版本)
  • MySQL >= 5.7 (推荐5.7版本,高版本数据库脚本导入低版本数据库会报错)
  • Maven >= 3.0
  • Node >= 12
  • Redis >= 3

2.代码拉取

我们需要有一个码云(Gitee)的账号,这是一个类似于Github的代码仓库,登录上去,打开代码加载的地址

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

对的,就是这个地方

对于下载方式我在这里给大家介绍两种

2.1直接下载压缩包

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

大家想必明白哈,下载下来直接解压就可以

2.2使用git拉取

不知道大家有没有安装git,这个是需要安装的,以后肯定肯定要用的,大家以后涉及到协同开发,一个小组好几个人同时开发一个项目,就必须使用git进行拉取,合并这些操作,所以大家还是安装一下

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

大家选择https,然后点击复制地址

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

在自己的目标文件夹下右键单击,安装完git的同学肯定会有一个Git Bash Here,我们点击打开命令窗口,然后输入如下命令

git clone  [复制的http地址]git clone https://gitee.com/y_project/RuoYi-Vue.git

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

这样,我们就成功拉下来了代码

3.后端代码运行

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

数据库配置

导入数据库

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

我们需要将sql文件夹中的两个sql脚本导入数据库

1.选择自己的目的数据库(没有就新建一个)
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

在这里我新建了一个测试数据库,名字为ruoyi001

2.数据导入
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

导入两次后我们就得到了系统数据表

修改配置文件

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

总共两个数据库配置文件,我们可以看到第二个里面有配置数据库的相关内容

下面,我们对于内容进行修改
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

            master:
                url: jdbc:mysql://localhost:3306/数据库名?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
                username: 账号
                password: 密码

redis配置修改

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

第一个配置文件里面我们需要配置redis的密码,端口号默认一般都是6379,有的同学可能会设置自己密码,默认密码也是空,大家需要配置一下

其他配置(可修改,可不修改)

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

启动后端项目

首先保证自己环境是完备的,保证redis服务和MySQL服务正常哈

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

运行这个主启动器

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

4.前端代码运行

首先保证一个问题,你的笔记本环境可以跑起来vue项目,意味着你的电脑需要安装node

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npmmirror.com

# 本地开发 启动项目
npm run dev

就这样大家成功跑起来了代码,恭喜大家!!!打开浏览器,输入:(http://localhost:80 (opens new window)) 默认账户/密码 admin/admin123
若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

5.生成自己需要的功能

创建测试数据

我们这里建立一个测试表,作为测试使用

CREATE TABLE `flightinfo` (
  `flightid` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键ID',
  `flightnum` varchar(11) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '航班编号',
  `flydate` datetime DEFAULT NULL COMMENT '飞行日期',
  `starttime` datetime DEFAULT NULL COMMENT '起飞时间',
  `flytime` datetime DEFAULT NULL COMMENT '飞行时间',
  `startcity` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '出发地',
  `endcity` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '目的地',
  `seatnum` int(11) DEFAULT NULL COMMENT '座位数',
  `status` varchar(255) NOT NULL COMMENT '状态',
  PRIMARY KEY (`flightid`,`flightnum`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=68 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci ROW_FORMAT=DYNAMIC;

大家这里需要注意一下,注释不能忘

导入数据表

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

我们选择自己想要导入的数据

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

数据配置

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

在这里主要向大家介绍一下这三个框

第一个选择是否填,选择之后表单的新增就会有了提交校验,如果为空就会校验不过去

第二个显示类型,顾名思义,就是显示出来的是单选框,多选框,还是其他的,根据自己的目的去选型

第三个字典更重要,选择了字典,你的下拉框/单选框就会显示字典里面的值

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

我们新增一个字典

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

我们增加了两个航班状态作为测试

下面就进行配置
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

6.导入代码

点击生成代码,我们将代码导入

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

将这两个文件复制在如下目录

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

将这两个文件复制到前端如下文件夹

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

然后再加数据库脚本在数据库运行,重启前后端
若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

这样,大家就完成了自己功能模块的添加,如果向对菜单相关细节进行探索,大家自己进行研究一下哈

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

7.如何增加自己的模块(避坑)

Maven多模块下新建子模块流程案例。

1、新建业务模块目录,例如:ruoyi-test

2、在ruoyi-test业务模块下新建pom.xml文件以及src\main\javasrc\main\resources目录。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>ruoyi</artifactId>
        <groupId>com.ruoyi</groupId>
        <version>x.x.x</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>ruoyi-test</artifactId>

    <description>
        test系统模块
    </description>

    <dependencies>

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

    </dependencies>

</project>

3、根目录pom.xml依赖声明节点dependencies中添加依赖

<!-- 测试模块-->
<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>ruoyi-test</artifactId>
    <version>${ruoyi.version}</version>
</dependency>

4、根目录pom.xml模块节点modules添加业务模块

<module>ruoyi-test</module>

5、ruoyi-admin目录pom.xml添加模块依赖

<!-- 测试模块-->
<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>ruoyi-test</artifactId>
</dependency>

如上是官方说辞,但是有问题,加了还是404,大家解决方法两步,找一下哪里有ruoyi-system,就在那里加上自己的模块,除了ruoyi-system自己下面不加

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

哈游一个就是自己的包名称,是不是 com.ruoyi.**.domain,

若依框架,技巧性工具栏,运维部署,低代码,java,开发语言

不是的话,要么改自己的,要么在别人的基础上加一个自己的

8.如何获取用户登录信息

第一种方法

// 获取当前的用户信息
User currentUser = ShiroUtils.getSysUser();
// 获取当前的用户名称
String userName = currentUser.getUserName();

第二种方法(子模块可使用)

// 获取当前的用户名称
String userName = (String) PermissionUtils.getPrincipalProperty("userName");

界面获取当前用户信息(支持任意th标签)

<input th:value="${@permission.getPrincipalProperty('userName')}">

js中获当前用户信息

var userName = [[${@permission.getPrincipalProperty('userName')}]];

9.登录页面如何不显示验证码

application.yml设置captchaEnabledfalse即可

# Shiro
shiro:
  user:
    # 验证码开关
    captchaEnabled: false

10.如何更换主题皮肤

1、项目主页-个人信息中选择切换主题

2、修改主框架页-默认皮肤,在菜单参数设置修改参数键名sys.index.skinName支持如下几种皮肤

  • 蓝色 skin-blue
  • 绿色 skin-green
  • 紫色 skin-purple
  • 红色 skin-red
  • 黄色 skin-yellow

3、修改主框架页-侧边栏主题,在菜单参数设置修改参数键名sys.index.sideTheme支持如下几种主题

  • 深色主题theme-dark
  • 浅色主题theme-light

注:如需新增修改皮肤主题可以在skins.css中调整

提示

顶部默认主题颜色在skins.css

/** 蓝色主题 skin-blue **/
.navbar, .skin-blue .navbar {
	background-color: #3c8dbc
}

左侧默认主题颜色在static\css\style.css

.navbar-static-side {
    background: #2f4050;
}

nav .logo {
    background-color: #367fa9;
}
n-purple
- 红色 skin-red
- 黄色 skin-yellow

3、修改主框架页-侧边栏主题,在菜单`参数设置`修改参数键名`sys.index.sideTheme`支持如下几种主题

- 深色主题theme-dark
- 浅色主题theme-light

注:如需新增修改皮肤主题可以在`skins.css`中调整

提示

顶部默认主题颜色在`skins.css`

```css
/** 蓝色主题 skin-blue **/
.navbar, .skin-blue .navbar {
	background-color: #3c8dbc
}

左侧默认主题颜色在static\css\style.css文章来源地址https://www.toymoban.com/news/detail-773437.html

.navbar-static-side {
    background: #2f4050;
}

nav .logo {
    background-color: #367fa9;
}

到了这里,关于若依框架快速开发项目(不涉及底层逻辑,只是简单使用)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • [Spring Boot 4]若依框架与快速搭建CRUD模板

    若依框架,当下快速构建项目的框架,非常好用,特别是代码生成部分,对增删改查起到了很好的帮助。 若依框架很值得学习,这个是Spring boot版的管理系统,用的技术不是太多同时对新手非常友好,基本上就是spring boot + bootstrap来进行搭建的。 后面还得分析分析这个若依框

    2024年02月09日
    浏览(40)
  • 若依框架中使用FreeMarker使用word动态模板生成pdf给前端展示(模板中并没用使用到图片,所以没有图片的方法,只用了表格展示数据,模板里面只涉及到了循环判断和日期格式)

    首先使用word创建动态模板  下方两组信息是通过循环展示的,在生成模板时注意,如果不点击里面表格,选择居中表格打印出来可能还有偏差,两边距离页面拒了可能不一样 存储需要的模板时注意      存成这个格式,如果不是2003可能会有坑,找到你生成的.xml文件,把后缀改成ftl  

    2024年02月04日
    浏览(41)
  • Django项目涉及微服务开发

    0、django的orm原理 https://www.cnblogs.com/wwbplus/p/11760866.html 1、Pandas库 Pandas是基于Numpy的专业数据分析工具, 可以灵活高效的处理各种数据集 它提供了的数据结构有DataFrame和Series等 我们可以简单粗的把DataFrame理解为Excel里面的一张表,而Series就是表中的某一列 学习 Python 之 Pandas库

    2023年04月17日
    浏览(30)
  • 【若依】框架:第01讲前后端分离项目

    介绍 | RuoYi         将下载好的若依项目导入IDEA,导入后配置MAVEN环境,等待下载完成。重点关注ruoyi-admin和ruoyi-system两个文件夹,前者放controller,后者放实体类、mapper、service ①打开文件夹选择若依前端项目(ruoyi-ui)文件夹 ②信任此作者进入 ③重点关心src文件夹下的api和

    2023年04月08日
    浏览(45)
  • layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)

    解决layUI请求上传接口出现异常的解决方案 layui框架实战案例(3):layui上传错误请求上传接口出现异常解决方案 漏刻有时导入数据layUI上传提示“请求上传接口出现异常”的解决方案 layui上传文件弹出请求上传接口出现异常的终极解决方案 layui版本 v2.68; 报错:请求上传接口

    2024年02月16日
    浏览(38)
  • Aidex 移动端快速开发框架# RuoYi-Uniapp项目,uniapp vue app项目跨域问题

     参考地址: manifest.json官方配置文档:manifest.json 应用配置 | uni-app官网 Chrome 调试跨域问题解决方案之插件篇: uni-app H5跨域问题解决方案(CORS、Cross-Origin) - DCloud问答 其实uni-app官方有解决跨域的办法,官方推荐使用HBuilderX中内置的浏览器去预览,在内置的浏览器中不会存

    2024年02月11日
    浏览(33)
  • 若依框架RuoYi项目运行启动教程【傻瓜式教程】

    💂 个人网站:【紫陌】【笔记分享网】 💅 想寻找共同学习交流、共同成长的伙伴,请点击【前端学习交流群】 若依官网 若依在线文档 首先去官网下载代码 链接到码云下载,要么用git下载要么压缩包下载。 然后再IDEA打开项目 想要运行就要搭建好环境 按照文档要求配置环

    2023年04月17日
    浏览(40)
  • 顶级区块链开发人员工具:涉及框架、IDE、安全工具、测试网络、区块链预言机和节点服务

    据报道,现在区块链是发展最快的领域之一。随着区块链项目(DeFi、NFT、DAO)的激增,对区块链开发人员的需求也在直线上升。 如果已经在区块链上进行了构建,或者计划构建,那么这里有关于创建区块链应用程序的一些最佳工具的介绍。 编程语言 要开发区块链应用程序,就

    2024年01月17日
    浏览(59)
  • 初级 - 若依框架 - Java Spring/Spring Boot 项目理解记录

    一般情况下,我们创建对象都是 类名 + 类引用名 = new 类名() 但是如果是不想要 等于号后面的对象实例化操作,那么可以使用 @Autowired 注解,当然这是在使用 Spring 时,才能这样,不然一般情况下,也没法用这个注解。用了这个 @Autowired 注解,会让 Spring 自动帮你托管这个对象

    2024年02月16日
    浏览(50)
  • 若依框架(RuoYI)项目打包(jar)方法,部署到 Linux 服务器

    在若依框架的 bin 目录下,存在着三个 bat 文件,一个是清除之前的依赖的自动化 bat 脚本( clean.bat ),一个是自动化项目打包的 bat 脚本( package.bat ),一个是运行若依项目的脚本( run.bat ) 将ruoyi-admin 文件夹内的 pom.xml 文件内的 packaging 的值改成 jar 打包前,要清除之前的

    2024年02月12日
    浏览(63)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包