【开源风云】从若依系列脚手架汲取编程之道(二)

于 2024-08-19 14:22:42 发布
阅读量967 收藏 22
点赞数 25
分类专栏： 开源风云 文章标签： 开源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Augenstern_QXL/article/details/141183049
版权

📕开源风云系列

  • 🍊本系列将从开源名将若依出发，探究优质开源项目脚手架汲取编程之道。
  • 🍉从不分离版本开写到前后端分离版，再到微服务版本，乃至其中好玩的一系列增强Plus操作。
  • 🍈希望你具备如下技术栈：
    • 🍎Spring
    • 🍍SpringMVC
    • 🍐Mybatis/Mybatis-plus
    • 🍅Thymeleaf
    • 🥝SpringBoot
    • 🍓Shiro
    • 🍏SpringSecurity
    • 🍌SpringCloud
    • 🍒云服务器相关知识
  • 本篇是不分离版第二篇

在这里插入图片描述

后期会考虑将项目和安全方面的文章迁移至vuepress，找一个好看的主题，视觉效果++！

1、前端封装组件

  1. 表格树

在这里插入图片描述

  1. 表单和弹出层

在这里插入图片描述

1.1、表格

表格的封装都在：ry-ui.js里面，其中对于表格封装了很多属性，在官方的文档中也可以看到：

在这里插入图片描述

在这里插入图片描述

我们也可以在var options 中定义，包括是否显示隔行变色striped:true、数据为空显示的内容undefinedText:"没有内容啦" 等等，如下：

var options = {
    //表格的高度
    height: 300,
    // 默认为true显示导出文件按钮，设为false隐藏
    showExport: true,
    // 是否显示行间隔色,默认为false
    striped: true,
    // 排序列名称(排序都是默认启动的,只需要在属性中加sortable: true)
    sortName: ,
    // 排序方式 asc 或者 desc
    sortOrder: "asc",
    // 默认为true表格的底部工具栏会显示分页条，设为false不显示
    pagination: true,
    // 每页的记录行数
    pageSize: 20,
    // 可供选择的每页的行数
    pageList:[10, 25, 50],
    // 是否转义HTML字符串(假如传进去的数据是<script>alert(1)</script>,那么浏览器会直接弹出1,为了避免注入问题风险,所以这个属性可以打开)
    escape: true,
    // 默认为true显示搜索框功能，设为false隐藏    
    search: true,
    // 搜索框初始显示的内容，需要启用search设为true 
    searchText: "搜索",
    // 默认为false不启用点击选中行，设为true启用
    clickToSelect: true,
    // 默认为false前端翻页时不保留所选行，设为true启用    
    maintainSelected: true,
    // 默认为false不启用翻页记住前面的选择，设为true启用    
    rememberSelected: true,  
    // 默认为false禁用冻结列，设为true启用冻结列（左侧）
    fixedColumns: true,
    // 冻结列的个数，当fixedColumns设为true有效（左侧）
    fixedNumber: 1,
    // 冻结列的个数，当fixedColumns设为true有效（右侧）
    fixedRightNumber: 1,    
        
}

其中有几个属性需要列图说明一下：

  1. 显示表尾：showFooter: true

在这里插入图片描述

效果如下：

在这里插入图片描述

  1. 表格排序：sortOrder: "asc",排序方式 asc 或者 desc，同时需要在属性中添加sortable: true

在这里插入图片描述

在这里插入图片描述

  1. 冻结列：fixedColumns: true，当列数特别多的时候，可以固定左侧或者右侧的列不动

在这里插入图片描述

  1. 当请求数据时，可以通过修改queryParams向服务器发送参数
function queryParams(params) {
    // 获取到表格的默认参数
    var search = $.table.queryParams(params);
    // 传递自定义参数(指定查询 userName 为 测试1)
    search.userName = '测试1';
    return search;
}

在这里插入图片描述

效果如下：

在这里插入图片描述

  1. 单元格的最大范围，超出范围后浮动显示：

在这里插入图片描述

2、日志配置

一般历史遗留的项目基本上都是Log4j,LogBack 是Log4j的升级版！

  • SpringBoot默认采用 Logback 日志, Logback 默认将日志打印到控制台上。
  • SpringBoot项目中无需添加额外依赖,可以直接使用

2.1、Tomcat日志

修改application.yml中的server开发环境配置，可以配置 tomcat 的访问日志。

在这里插入图片描述

2.2、LogBack.xml

  • 系统INFO日志sys-info.log、错误Error日志sys-error.log、用户访问日志sys-user.log

在这里插入图片描述

在这里插入图片描述

为什么已经有了logback.xml 日志配置文件了，application.yml里面依然有关于日志的配置？

  • SpringBoot 是约定大于配置，所以 application.yml 里面的优先级大于 logback.xml
  • application.yml 日志级别更加细粒度，可以只对自己的包下设置成 debug 级别，spring 设置成 warn 级别
    • 有时候有大量的 spring debug 日志输出，很容易使自己的 debug 日志被淹没在茫茫人海中，但是如果将正常的日志输出（为了方便筛选，抓眼球）设置成 error 或 warn 的话，就又显得不是特别规范

在这里插入图片描述

3、代码生成

ruoyi-generator中的resources目录下的generator.yml，可以自己根据实际情况调整代码生成的默认配置。

在这里插入图片描述

3.0、新建菜单

3.0.1、一级菜单

在这里插入图片描述

  • 一级菜单直接就是新建目录
  • 二级菜单就是新建菜单

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 = '学生信息表';

在这里插入图片描述

  1. 系统工具 -> 代码生成 -> 导入对应表

在这里插入图片描述

  1. 编辑

在这里插入图片描述

  • 这里勾选插入、编辑、列表、查询的意思如下：

    • 插入：点击新增按钮，在新增的窗口表单里面是否有这个字段的填写
    • 编辑：点击编辑按钮，在修改的窗口表单里面是否有这个字段的修改
    • 列表：在表格展示的时候，表格列是否展示这个字段
    • 查询：表格上方的搜索框是否显示这个字段的查询框

  • 查询方式：指的是 MyBatis 的 SQL 语句是模糊查询Like、= 、!= 等等

  • 必填：指的是窗口表单里面的这个字段是必填项

  • 显示类型：我们这个字段是普通文本框填写、下拉框填写等等

  • 字典类型🔥: 自己的数据库表字段的性别 student_sex 性别是用0、1存入的,展示在页面上是要和男、女对应的

在这里插入图片描述

字典这里配置了之后在页面中就可以拿到了，比如对于性别是下拉框，配置了字典的用户性别，下拉框里面就可以读取到男、女了。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4、定时任务

在实际项目开发中Web应用有一类不可缺少的，那就是定时任务。

  • 定时任务的场景可以说非常广泛，比如某些视频网站，购买会员后，每天会给会员送成长值，每月会给会员送一些电影券。
  • 比如在保证最终一致性的场景中，往往利用定时任务调度进行一些比对工作
  • 比如一些定时需要生成的报表、邮件
  • 比如一些需要定时清理数据的任务等

若依提供方便友好的web界面，实现动态管理任务，可以达到动态控制定时任务启动、暂停、重启、删除、添加、修改等操作，极大地方便了开发过程。

在这里插入图片描述

我们可以将一些需要定时执行的业务放在方法里面。

5、XSS脚本过滤

假如我们在网站中增加了一段 script 脚本,让其 alert(1),想想看会发生什么？会弹出弹框 1

在这里插入图片描述

  • 但是对于通知公告我们又需要它能转义HTML,所以可以在application.yml里面设置排除链接和匹配链接

在这里插入图片描述

6、参数设置

  • 可以自己改动的玩

在这里插入图片描述

7、字典管理

  • 假如我们对通知类型的字典数据进行更改

在这里插入图片描述

  • 新增字典标签:新闻

在这里插入图片描述

  • 这样我们在涉及到公告类型就会有新闻的选项了，从而达到不需要改动代码来新增字典类型

在这里插入图片描述

在这里插入图片描述

8、修改包名

  • 见图知意

在这里插入图片描述

  • 工具地址：https://gitee.com/lpf_project/common-tools

9、修改密码

官方文档给的方式是:new PasswordService(),文档应该是没更新,经过测试使用应该是new SysPasswordService():

System.out.println(new SysPasswordService().encryptPassword("superkuang","admin123","333333"));

将其更新至sts_user表中即可。

10、集成Docker

docker pull mysql:5.7

docker run --name kuangstudy_faster_mysql -d -v mysql_data:/var/lib/mysql -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root --restart always mysql:5.7
  1. Navicat 新建链接,新建数据库
  2. 新建网络
docker network create KuangStudy_Faster

docker network connect KuangStudy_Faster kuangstudy_faster_mysql
  1. IDEA package 打包项目
  2. Linux新建/usr/kuangstudy_faster,DockerFile文件如下

教程：https://www.bilibili.com/video/BV1Bk4y1p7wy/?spm_id_from=333.337.search-card.all.click&vd_source=babf50e72d3d368d0c44319dbbe2fdd0

生命是有光的
关注
专栏目录
若依开源框架介绍
猿小白的博客
08-10 4万+
RuoYi是一个基于Java技术开发的后台管理系统，目前官方同步在维护的有4个版本。开源协议MIT解释MIT是和BSD一样宽松的许可协议,作者只想保留版权,而无任何其他了限制.也就是说,你必须在你的发行版里包含原许可协议的声明,无论你是以二进制发布的还是以源代码发布的。本专栏下的文章，主要是记录博主在使用若依开源框架中，遇到的技术问题总结和记录问题的解决方案，如果你此刻也遇到专栏下文章中的问题急需解决，那么文章对你来说有一定的参考价值，可以节约你的时间成本，让你更高效的解决问题。https。...
C++软件调试与异常排查从入门到精通系列文章汇总
dvlinker的技术专栏
06-29 18万+
根据近几年排查软件异常的实践与经验，系统地讲解了C++软件异常常见原因与常用排查方法，以图文并茂的方式给出具体的分析实例，带领大家逐步掌握C++软件异常排查的相关技术与要领。
毕设/私活/兼职必备，一个挣钱的开源springboot脚手架
qq_46388795的博客
05-29 931
前言： 前段时间也和大家分享了一个关于Springboot+vue的前后端分享的脚手架、最近刚好有同学找到我叫我帮他做一个简单的酒庄管理系统、于是就找到个这个开源框架来试试看、这是个什么项目呢，它就是是集SpringBoot、MyBatis、Shiro于一体的标准项目框架、让我们解放双手 从现在开始看一下吧。不管是用来学习技术还是接私活/毕设/兼职挣钱、都是非常不错的哟、建议大家收藏起来、文末我把源码给大家。 这岂不是太简单了 分分钟就能做好的吗、哈哈、不说废话了、今天就给大家演示一下利用一个开
开源项目脚手架
烦了pomole
11-19 568
tech-muyi-base是一个基于SpringCloudAlibaba编写的后端脚手架，便于开发人员免于考虑项目搭建之初繁琐的配置和提供常用的基础开发工具，代码简洁，注释丰富，上手容易。
15款Spring开源项目脚手架，全面&给力（收藏款)
良月柒
06-28 5456
程序员的成长之路互联网/程序员/技术/资料共享关注阅读本文大概需要 5.6 分钟。来自：https://juejin.im/post/5ef2e2dd6fb9a058727f3bac微...
个人开源脚手架
suveng's blog
08-25 556
开源脚手架 地址 Github v1.0功能 springboot2.1.2 druid连接池配置 MySQL mybatis fastjson 统一IDE格式化代码 统一日志打印 全局请求id 全局异常处理 业务告警: 钉钉群消息告警 依赖 maven3 JDK 1.8 springboot 2.1.2 X-admin 后台模板 2.2 fastJSON 序列化工具 1.2.56 Hut...
开源脚手架项目大推荐
[空白]
12-11 1571
开源脚手架项目大推荐 一、入门学习项目 （1）BootDo BootDo是高效率，低封装，面向学习型，面向微服的开源Java EE开发框架。 BootDo是在Spring Boot基础上搭建的一个Java基础开发平台，MyBatis为数据访问层，Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存。 前端采用老三件开发（HTML、CSS、JS），后端采用Spring Boot。选用的技术栈较为基础，适合作为Spring Boot入门学习框架、学习基础权限框架以及前端layUI的使用。 技
若依笔记（二）：若依和芋道对比
叶子叶来
10-24 4865
国外卷技术，国内卷业务，做管理业务通常使用开源框架就可以快速满足，若依和芋道都是开源二开工具较为流行的框架，芋道是基于若依的，基本上是开发人员自己写业务开发框架的天花板，两者的前端都是基于vue-element-admin的，使用Gitee上两者的SpringBoot的最轻量化版本进行对比学习，分别是ruoyi-admin和ruoyi-vue-pro-master；和和。
【SpringBoot】33、SpringBoot+LayUI后台管理系统开发脚手架
热门推荐
Asurplus
09-05 22万+
本期给大家推荐我自己写一个开源项目：springboot-mini，本着减少大量重复开发工作的原则，使得在项目中能够实现快速开发 1、前言 本项目本着避免重复造轮子的原则，建立一套快速开发JavaWEB项目（springboot-mini），能满足大部分后台管理系统基础开发功能，使得开发人员直接可从业务模块开始，减少大量的重复开发工作。前端框架使用 layui-mini（https://gitee.com/zhongshaofa/layuimini） 2、项目地址 https://gitee.com/asu
2022年比若依更香的开源项目
m0_54849806的博客
08-01 3442
添加下方名片，即可获取全套学习资料哦。cpms-cloud是基于微服务框架spring-cloud-alibaba搭建的一套多租户后台管理系统脚手架，采用前后端分离架构，前端使用vue2.0和element-ui2.0开发。├├──cpms-monitor-admin–spring-boot-admin监控管理。└──└──cpms-system–系统模块（包含菜单、用户、权限管理等模块）├├──cpms-job-admin–xxl-job-admin控制台管理。...
还在从零开始搭建项目？这款基于SpringBoot 3的快速开发脚手架值得一试！
最新发布
weixin_42907150的博客
01-18 466
mall-tiny是一款基于SpringBoot+MyBatis-Plus的快速开发脚手架，目前在Github上已有1600+Star。它拥有完整的权限管理功能，支持使用MyBatis-Plus代码生成器生成代码，可对接mall项目的Vue前端，开箱即用。今天分享了下我的开源项目脚手架mall-tiny，以及它升级Spring Boot 3 的过程。我们在写代码的时候，如果有些用法已经废弃，应该尽量去寻找新的用法来使用，这样才能保证我们的代码足够优雅！
开源项目（脚手架）（聚和主项目）
REMLI©CN
08-26 416
开源项目（脚手架）（聚和主项目）
我开源了一个好玩且好用的前端脚手架
qq_54367693的博客
02-23 176
经过半年的幻想,一个多月的准备,十天的开发,我终于开源了自己的脚手架。在我最开始学习React的时候,使用的脚手架就是create-react-app,我想大部分刚开始学的时候都是使用这个脚手架吧!
5个开源的Java项目快速开发脚手架
_江屿_
02-28 4130
5个开源的Java项目快速开发脚手架
opcj2-盘点几个常见的Java开源脚手架
纵横千里 捭阖四方 的专栏
12-08 2645
很多人抱怨自己是CURDer，很多时候就是在简单的修修改改。如果不书序SSM（Spring、SpringMVC和Mybatis）套路的人可能开始的时候会感觉非常吃力。但是熟悉之后发现其实就这么回事。SpringMVC负责响应对外接口，Mybatis负责数据库的访问，Spring则负责整体的bean管理，目前一般都使用SpringBoot做进一步的封装。不管多么复杂的业务，基本结构都是这样子。
35款优秀的 SpringBoot/SpringCloud 开源项目，开发脚手架，总有一款适合你！
Java知音
08-08 5120
简介SpringBoot 是一个非常流行的 Java 框架，它可以帮助开发者快速构建应用程序。他不仅继承了 Spring 框架原有的优秀特性，而且还通过简化配置来进一步简化了 Spring 应用的整个搭建和开发过程。最近，小编蹲点各大开源网站、社区等，终于被我找到了35款基于 SpringBoot/ SpringCloud 技术体系的一些开源框架。这些项目大都具备一些很完善的功能，并且均采用了当下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

生命是有光的

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值