基于web的垃圾分类回收系统pf

最新推荐文章于 2024-10-17 15:09:51 发布
最新推荐文章于 2024-10-17 15:09:51 发布
阅读量920 收藏 20
点赞数 11
分类专栏： springboot 管理系统 计算机毕设 文章标签： springboot 后端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shangyizaoxing/article/details/141336119
版权

@TOC

springboot474基于web的垃圾分类回收系统pf

第1章 绪论

1.1 课题背景

二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。在互联网诞生之前，地域位置往往是人们思想上不可跨域的鸿沟，信息的传播速度极慢，信息处理的速度和要求还是通过人们骑马或者是信鸽传递，这些信息传递都是不可控制的，中间很有可能丢失，信息的传递水平决定了人们生活的水平。如今大家都在使用互联网软件产品，从内部管理设置计算机管理，提高内部信息化的管理水准，从外部市场也可以用计算机获取相关数据进行处理，如今各行各业已经严重依赖于计算机了。

本课题研究和开发垃圾分类回收系统管理系统，让安装在计算机上的该系统变成管理人员的小帮手，提高垃圾分类回收系统信息处理速度，规范垃圾分类回收系统信息处理流程，让管理人员的产出效益更高。

1.2 课题意义

传统处理数据，必须是一张张纸，然后处理完毕又是统计在一张张纸上面，不断的重复处理，最终有个结果给最高层作为参考，这个模式在互联网没有出现之前，是一种常见的事情，信息管理的效率提不上去，人多不一定力量大，因为人多肯定更加消耗资源，并且因为人类需要休息，需要管理，思想会不统一，会偷懒，所以人们研究出专门帮助人们计算的机器，就是计算机的前身，到了互联网时代，人们发现完全可以让程序供应商提供解决方案，自己挑选自己合适的方案来提高自己的产出比。所以在日常工作和生活中会发现各种各样方便人们的工具。

本课题研发的垃圾分类回收系统管理系统，就是提供垃圾分类回收系统信息处理的解决方案，它可以短时间处理完信息，并且这些信息都有专门的存储设备，而且数据的备份和迁移都可以设定为无人值守，从人力角度和信息处理角度以及信息安全角度，垃圾分类回收系统管理系统是完胜传统纸质操作的。

1.3 研究内容

本文对垃圾分类回收系统管理系统的设计与实现分成六个章节来说明。

第1章：研究垃圾分类回收系统管理系统的背景，以及开发垃圾分类回收系统管理系统的意义。

第2章：对开发垃圾分类回收系统管理系统的环境还有技术进行说明。

第3章：分析垃圾分类回收系统管理系统的可行性，性能，流程以及功能。

第4章：设计垃圾分类回收系统管理系统的功能结构，设计数据库E-R图以及对数据表的存储结构进行设计。

第5章：实现垃圾分类回收系统管理系统的功能并进行功能界面展示。

第6章：对系统测试进行阐述，以及对本系统部分功能进行检测。

第2章 开发环境与技术

本章节对开发垃圾分类回收系统管理系统需要搭建的开发环境，还有垃圾分类回收系统管理系统开发中使用的编程技术等进行阐述。

2.1 MySQL数据库

MySQL是一种具有安全系数、安全系数、混合开发性、高效化等特征的轻量关联数据库智能管理系统。MySQL由C语言和C语言构成 由C语言和C语言撰写成的，由于C语言和C语言 这是混合开发的，因此MySQL源码是生命期的。MySQL提供多种多样数据种类，常见的数据种类包含[34]。伴随着数据库技术发展，MySQL逐步形成数据库管理方法的重要工具之一。它不仅能提供简单实用的操作作用，还能实现复杂多变的数据检索方法和查询记录导出方式。因为MySQL具有较好的兼容模式和扩展性，因而广泛应用于各行各业。

MySQL在WEB行业越来越受单位和个人开发者的亲睐。大部分大中小型网址都采用MySQL数据库，它不仅可以提供简单高效的数据浏览作用，还会对数据进行相应的剖析解决。因为Linux电脑操作系统和MySQL数据库全是开源系统免费体验，能够为公司节约许多费用，让很多企业使用Linux MySQL做为网址数据库，体型小，启动速度快，也不会影响网址性能，导致用户体验感极差。

MySQL数据库能够支持各种各样操作系统的运作，包含AIX、HP-UX、OS/2 Wrap、Solaris、Mac OS、Linux和Windows等。性能好，使用便捷。因而，MySQL数据库已成为当下数据库行业最流行产品之一。MySQL数据库系统使用面向对象设计方式，客户至上开展编程设计。是利用面向对象观念来达到各项功能。它不仅能管理方法大中型数据表或关系数据库，还可以把这种复杂且庞大信息系统集成到一个简单的中小型数据库系统内。现阶段，中国很多公司早已运用了这一尖端技术。但是由于该操作系统是根据远程服务器/服务器结构的（C/S），因而，存在一些缺陷：最先，系统软件不可以提供完备的数据访问接口，客户只能依靠浏览器浏览所需要的数据；次之，系统软件并没有统一的标准，不同类型的客户端难以实现数据分享；第三，系统软件没有很好的权限管理体制。

2.2 Java语言技术

Java语言已经存在了25年有余。通过这些年的发展趋势，it行业在市场占有率上仍然占据一半，仍然受到了很多程序员的工作钟爱。许多从业者都是在学习培训。近年来随着从业者的提高，Java语言的位置并没减少，算得上是常青藤。Java语言学习培训比较简单，自然，它是对于C前辈们的 而言的，C 语言非常强劲。Java取消了许多特点，如go这种描述，也取消了主文件，让所有文件夹全是类，类是二维数组以及各种对象，也使Java处理一些对象的引入和回收利用，让开发者只需建立对象，应用对象，编写代码逻辑，不需要留意性能，让各种各样文件存储给Java自己解决，你能花很多时间科学研究应用软件相互关系，使研发更为集中化，如同跑车驾驶员一样，只要了解各种汽车的性能，实际操作，不需要科学研究如何生产车轮子，使软件开发更为详尽。

2.3 Spring Boot框架

Spring Boot框架是一个SpringMVC架构的快速轻量快速框架，能够帮助开发人员迅速搭建靠谱高效率的应用程序。依据自动部署和协议书，改善了Spring的研究过程，使开发人员可以更加专注于领域模型。

Spring Boot有许多特性，当中最主要的是它提供了内置Tomcat、Jetty、Undertow等Web网络服务器能够轻松搭建Web应用程序。除此之外，它也提供自动部署、无需撰写XML文件等功能。这种功能使开发人员能够迅速建立和布署应用程序，而无需解决繁杂的环境变量和其它繁琐复杂每日任务。

开发系统时，Spring Boot能够帮助开发人员完成模块化设计和松耦合的代码结构，从而更好地日常维护拓展应用程序。除此之外，它也提供了很多常见的库和部件，如Spring Data、Spring Security等，能够轻松集成化这种部件，完成数据库操作、验证、受权等功能。

2.4 其他技术使用

spring-jdbc联接：

这是一个专业生产制造Connection对象工厂类，大部分全部用以建立数据库联接框架都是会完成这一插口，Springjdbc包就实现了这一插口，实现类是DriverManagerdasource、现阶段的项目是由DataSource的getconection方式获得配备MYSQL5.7数据库连接信息。

提交Fileupload文件：

项目中应用Fileupload完成文件提交，通常是Fileupload前面提交文件提交请求，请求形式为POST：<form action="uploadServlet" method="post" ....="">请求编码方式：等候文件提交，启用Fileitem的isformField()方式，判断出表格域到底还是不是表格域，文件提交到后台管理，应用Fileupload接受文件信息，并把文件解决包存储在硬盘和库中。

Alibaba驱动：

比照各大网站Alibababababababababa.Druid是JAVA语言中比较好的数据库连接池。Druid可提供强有力的拓展和监控功能。该项目应用Alibababa.Druid开展数据库系统连接，Druid 0.1.18 以后，全部版本号都分享到maven中央仓库，在项目pome中.在xml里加入dependency就可以使用。

log4j日志：

垃圾分类管理系统，其全世界错误处理和日志信息纪录，应用log4j开展日志日常维护管理与查询，其核心优势是错误处理：在logback中，应用软件里的出现异常不被应用软件认知，特性提升，关键或没有废弃物体制，log4j在很多情况下，可采取设计的一套无废弃物体制，防止经常日志搜集所引起的jvm gc。操作方法很简单，在pom中.新增log4j有关jarxml就可以。

第3章 系统分析

本文作者在确定了研究的课题之后，从各大数字图书馆下载文献来阅读，并了解同类型的网站具备的大致功能，然后具体事务具体分析，得出本系统要研究的具体功能与性能。虽然分析系统这一阶段性工作主要是确定功能，但它却影响着后面系统开发环节的进展，系统分析这个环节是不能少的。

3.1可行性分析

3.1.1技术可行性分析

研发设计程序流程挑选面向对象设计、功能齐全、简单实用的Java编程设计核心理念。MySQL数据库存储数据。IDEA工具作为编程软件，Windows 10计算机操作系统作为应用系统，以及数据库可视化工具等技术职称。一般来说，该程序流程的开发能够从技术上开展是可行的。

3.1.2经济可行性分析

开发的程序并不是向着商业程序方向设计与开发的，反而是做为一个新的毕业论文新项目开发的。它主要运用于检测小朋友们在院校所学的知识，并锻练客户使用网络、书籍和其他方式自学能力。因而，程序软件的开发不容易涉及到边际收益，也不会为软件的挑选付钱。你可以在开发软件的官网上下载所需要的软件，并依据所需要的安装方法将应用安装到你的电脑里。一般来说，开发这一程序并没有社会经济发展花费。

3.1.3运行可行性分析

由于程序软件就是针对大部分一般操作用户，考虑到他的知识与文化水准，尤其开发了一个可操作度高的程序软件，能够轻而易举地让用户应用，数据可视化操作页面。一般来说，从用户操作程序的角度看，这一程序其实并不难操作。只需用户开启程序，就能避免专职人员学习培训开展程序作用操作。

3.2系统流程分析

数据新增流程见下图。

图3.1 新增信息流程图

写入数据流程如下。

图3.2 修改信息流程图

查询功能其流程见下图。

图3.3 查询信息流程图

3.3系统性能分析

(1)完好性规定

此次研发的垃圾分类管理系统中记载的数据信息不可以维持为空，数据信息务必恰当查验。系统中数据联系不可以出差错，也无法弹冠相庆。数据分析表中同一数据信息在各个数据分析表里的表明具体内容应同样。

(2)技术性能

当用户操作垃圾分类管理系统的各部分时，弹出来界面的响应速度不可以过长，最好是保持在3秒，较大限定数值4秒，给用户一个良好的程序流程感受。该系统还应当可以另外带上多人合作浏览垃圾分类管理系统。

(3)界面要求

垃圾分类管理系统界面设计方案应注意用户的日常操作习惯性，如导航条设计方案不可以在右边，彻底违背用户应用页面的操作习惯性，作用导航栏字体样式和色彩应更为醒目，便捷用户非常容易寻找，防止用户消耗太多的时间开展作用操作。

(4)安全规定

确保垃圾分类管理系统的安全性，给用户一种靠谱、可信赖的觉得，系统在运行中，不可以一直出差错，与用户作用界面互动，及时沟通信息内容，系统设定登陆页面，使非系统用户无法打开系统作用界面。系统用户还填写用户名登陆密码方可进入系统主界面，充分保证系统数据信息处在运行状态。

第4章 系统设计

用户对着浏览器操作，肯定会出现某些不可预料的问题，但是不代表着系统对于用户在浏览器上的操作不进行处理，所以说，要提前考虑可能会出现的问题。

4.1 系统设计思想

垃圾分类管理系统选用B/S架构模式，即电脑浏览器和服务器架构模式开发方式。现阶段这类系统架构是当前的主力，可以理解为恰当 C/S 在过去的，C/S方式架构设计需要安装当地程序流程，因而系统的扩大和移殖线相对较弱，B/S架构模式能够进行下列系统信息分布式计算材料结构维护保养，减少了系统维护保养网络资源成本，提升了定制的系统性能扩展性。在这里架构设计下，前面负责款式程序代码撰写和接口连接，后面关键负责处理事件逻辑与全过程信息控制。

系统的前面表现层款式是给用户展现前面能够免费看高清效果，用以表明渲染数据，接受后台管理传输数据，根据需求递交，交到系统后台管理开展业务逻辑解决，现阶段系统设计方案选用HTTP/HTTPS协议书通讯方式、AJAX要求，以及一些必须常见API方式的部件，系统控制层关键负责从前面推送HTTP要求中获取参数信息，减少要求，提交到后台管理controle控制层，控制层引入解决服务项目(service层)、并把它发放给不一样的处理方法服务项目(service层)，启用数据库最底层实行一系列SQL实际操作，随后回到前面SERVice层解决数据，回到json文件格式数据结果集，前面依据结果集渲染和前端显示，系统业务逻辑层挑选客户键入信息，保持特殊作用业务逻辑，浏览SQL数据；系统数据浏览层关键负责实际操作数据，为业务层或控制层给予数据服务项目；完成特殊业务需要数据适用，纪录信息实现业务。

4.2 功能结构设计

图4.1即为设计的管理员功能结构，管理员权限操作的功能包括管理公告，管理垃圾分类回收系统信息，包括垃圾管理，出库申请管理，运输管理，公告管理等，可以管理出库。

结构设计图

图4.1 管理员功能结构

4.3 数据库设计

垃圾分类回收系统管理系统运行中产生的数据需要按照提前设置的存储规则进行保存，设计出一个符合项目的最优数据存储格式，因为它能减少用户的等待时间，还可以对系统的请求在最短时间内进行响应。所以，对数据库设计时，需要对功能需求进行详细的拆分，以及对业务状态的细分，然后设计具体的存储规则，保证数据库能正常运作，缩短数据处理时间，并在一定程度上降低数据冗余，节省存储空间。

4.3.1 数据库概念设计

实体-联系图还有一个名称即E-R图，是Entity Relationship Diagram各英文单词首字母的缩写，它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体，联系，属性的有效手段。绘制E-R图能够选择的工具也有很多，但是Office Visio 这款软件在E-R图的绘制上一般都是作为首选工具，因为它是基于可视化处理，使用它创建E-R图非常简单。使用基本的E-R图构成元素，比如椭圆，菱形，矩形，还有实线段来表达对应的信息，椭圆代表属性，即实体的特征，矩形代表实体，即数据库中的一个具体数据表，菱形代表实体中相互关系，实线段主要是完成椭圆，矩形，菱形的连接。

（1）下图是用户实体和其具备的属性。

C:/Users/Administrator/Desktop/temp111\1\____img\用户.jpg 用户实体属性图

（2）下图是运输实体和其具备的属性。

C:/Users/Administrator/Desktop/temp111\1\____img\运输.jpg 运输实体属性图

（3）下图是公告实体和其具备的属性。

C:/Users/Administrator/Desktop/temp111\1\____img\公告.jpg 公告实体属性图

（4）下图是垃圾回收实体和其具备的属性。

C:/Users/Administrator/Desktop/temp111\1\____img\垃圾回收.jpg 垃圾回收实体属性图

（5）下图是垃圾出库申请实体和其具备的属性。

C:/Users/Administrator/Desktop/temp111\1\____img\垃圾出库申请.jpg 垃圾出库申请实体属性图

4.3.2 数据库物理设计

本小节主要任务即是根据上述内容进行数据存储结构的设计，实体的属性就用来表示字段名称，不同的字段表示的数据类型以及取值都不相同，以及该表各个字段是否能够保持空等进行说明，设计完成一张数据表的结构之后，在保存时同样要命名，尽量选择英文名称进行命名并保存，还不容易导致系统出错。接下来就对设计的表进行简单说明。

表4.1运输表

序号列名数据类型说明允许空
1IdIntid否
2huishou_yuyue_idInteger垃圾运输是
3chuku_nameString运输名称是
4chuku_uuid_numberString运输编号是
5chuku_photoString运输照片是
6chuku_addressString运输地点是
7chuku_typesInteger运输类型是
8chuku_mudi_addressString运输目的地是
9chuku_contentString运输介绍是
10chuku_deleteInteger逻辑删除是
11insert_timeDate录入时间是
12create_timeDate创建时间是

表4.2字典表

序号列名数据类型说明允许空
1IdIntid否
2dic_codeString字段是
3dic_nameString字段名是
4code_indexInteger编码是
5index_nameString编码名字是
6super_idInteger父字段id是
7beizhuString备注是
8create_timeDate创建时间是

表4.3公告表

序号列名数据类型说明允许空
1IdIntid否
2gonggao_nameString公告名称是
3gonggao_photoString公告图片是
4gonggao_typesInteger公告类型是
5insert_timeDate公告发布时间是
6gonggao_contentString公告详情是
7create_timeDate创建时间是

表4.4垃圾回收表

序号列名数据类型说明允许空
1IdIntid否
2huishou_nameString垃圾回收名称是
3huishou_uuid_numberString垃圾回收编号是
4huishou_photoString垃圾回收照片是
5huishou_addressString垃圾回收地点是
6huishou_typesInteger垃圾回收类型是
7huishou_kucun_numberInteger垃圾回收库存是
8huishou_timeDate入库时间是
9huishou_contentString垃圾回收介绍是
10huishou_deleteInteger逻辑删除是
11insert_timeDate录入时间是
12create_timeDate创建时间是

表4.5垃圾出库申请表

序号列名数据类型说明允许空
1IdIntid否
2huishou_yuyue_uuid_numberString报名编号是
3huishou_idInteger垃圾回收是
4yonghu_idInteger用户是
5huishou_yuyue_textString报名理由是
6huishou_chuku_timeDate出库时间是
7huishou_yuyue_yesno_typesInteger申请状态是
8huishou_yuyue_yesno_textString审核回复是
9huishou_yuyue_shenhe_timeDate审核时间是
10insert_timeDate活动报名时间是
11create_timeDate创建时间是

表4.6用户表

序号列名数据类型说明允许空
1IdIntid否
2yonghu_nameString用户姓名是
3yonghu_phoneString用户手机号是
4yonghu_id_numberString用户身份证号是
5yonghu_photoString用户头像是
6yonghu_emailString用户邮箱是
7create_timeDate创建时间是

表4.7管理员表

序号列名数据类型说明允许空
1IdIntid否
2usernameString儿童名是
3passwordString密码是
4roleString角色是
5addtimeDate新增时间是

第5章 系统实现

编程人员在搭建的开发环境中，会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。

5.1 管理员功能实现

5.1.1 垃圾管理

图5.1 即为编码实现的垃圾管理界面，管理员在垃圾管理界面中可以对界面中显示，可以对垃圾信息的垃圾状态进行查看，可以添加新的垃圾信息等。

图5.1 垃圾管理界面

5.1.2 运输管理

图5.2 即为编码实现的运输管理界面，管理员在运输管理界面中查看奖罚种类信息，奖罚描述信息，新增运输信息等。

图5.2 运输管理界面

5.1.3 出库管理

图5.3 即为编码实现的出库管理界面，管理员在出库管理界面中新增出库，可以删除出库。

图5.3 出库管理界面

5.1.4 公告管理

图5.4 即为编码实现的公告管理界面，管理员在公告管理界面查看公告的工作状态，可以对公告的数据进行导出，可以添加新公告的信息，可以编辑公告信息，删除公告信息。

图5.4 公告管理界面

5.2 用户功能实现

5.2.1 垃圾回收

图5.5 即为编码实现的垃圾回收界面。

图5.5 垃圾回收界面

5.2.2 出库申请管理

图5.6 即为编码实现的出库申请管理界面。

图5.6 出库申请管理界面

5.2.3 公告管理

图5.7 即为编码实现的公告管理界面。

图5.7 公告管理界面

YonghuServiceImpl.java
package com.service.impl;

import com.utils.StringUtil;
import com.service.DictionaryService;
import com.utils.ClazzDiff;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.lang.reflect.Field;
import java.util.*;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import org.springframework.transaction.annotation.Transactional;
import com.utils.PageUtils;
import com.utils.Query;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import org.springframework.lang.Nullable;
import org.springframework.util.Assert;
import com.dao.YonghuDao;
import com.entity.YonghuEntity;
import com.service.YonghuService;
import com.entity.view.YonghuView;

/**
 * 用户 服务实现类
 */
@Service("yonghuService")
@Transactional
public class YonghuServiceImpl extends ServiceImpl<YonghuDao, YonghuEntity> implements YonghuService {

    @Override
    public PageUtils queryPage(Map<String,Object> params) {
        Page<YonghuView> page =new Query<YonghuView>(params).getPage();
        page.setRecords(baseMapper.selectListView(page,params));
        return new PageUtils(page);
    }


}
HuishouYuyueServiceImpl.java
package com.service.impl;

import com.utils.StringUtil;
import com.service.DictionaryService;
import com.utils.ClazzDiff;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.lang.reflect.Field;
import java.util.*;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import org.springframework.transaction.annotation.Transactional;
import com.utils.PageUtils;
import com.utils.Query;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import org.springframework.lang.Nullable;
import org.springframework.util.Assert;
import com.dao.HuishouYuyueDao;
import com.entity.HuishouYuyueEntity;
import com.service.HuishouYuyueService;
import com.entity.view.HuishouYuyueView;

/**
 * 垃圾出库申请 服务实现类
 */
@Service("huishouYuyueService")
@Transactional
public class HuishouYuyueServiceImpl extends ServiceImpl<HuishouYuyueDao, HuishouYuyueEntity> implements HuishouYuyueService {

    @Override
    public PageUtils queryPage(Map<String,Object> params) {
        Page<HuishouYuyueView> page =new Query<HuishouYuyueView>(params).getPage();
        page.setRecords(baseMapper.selectListView(page,params));
        return new PageUtils(page);
    }


}
HuishouServiceImpl.java
package com.service.impl;

import com.utils.StringUtil;
import com.service.DictionaryService;
import com.utils.ClazzDiff;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.lang.reflect.Field;
import java.util.*;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import org.springframework.transaction.annotation.Transactional;
import com.utils.PageUtils;
import com.utils.Query;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import org.springframework.lang.Nullable;
import org.springframework.util.Assert;
import com.dao.HuishouDao;
import com.entity.HuishouEntity;
import com.service.HuishouService;
import com.entity.view.HuishouView;

/**
 * 垃圾回收 服务实现类
 */
@Service("huishouService")
@Transactional
public class HuishouServiceImpl extends ServiceImpl<HuishouDao, HuishouEntity> implements HuishouService {

    @Override
    public PageUtils queryPage(Map<String,Object> params) {
        Page<HuishouView> page =new Query<HuishouView>(params).getPage();
        page.setRecords(baseMapper.selectListView(page,params));
        return new PageUtils(page);
    }


}
list.vue
<template>
    <div class="main-content">
        <!-- 列表页 -->
        <div v-if="showFlag">
            <el-form :inline="true" :model="searchForm" class="form-content">
                <el-row :gutter="20" class="slt" :style="{justifyContent:contents.searchBoxPosition=='1'?'flex-start':contents.searchBoxPosition=='2'?'center':'flex-end'}">
                    <el-form-item label="性别类型">
                        <el-input prefix-icon="el-icon-search" v-model="searchForm.indexNameSearch" placeholder="性别类型" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button icon="el-icon-search" type="success" @click="search()">查询</el-button>
                    </el-form-item>
                </el-row>
                <el-row class="ad" :style="{justifyContent:contents.btnAdAllBoxPosition=='1'?'flex-start':contents.btnAdAllBoxPosition=='2'?'center':'flex-end'}">
                    <el-form-item>
                        <el-button
                                v-if="isAuth('dictionarySex','新增')"
                                type="success"
                                icon="el-icon-plus"
                                @click="addOrUpdateHandler()"
                        >新增</el-button>
                        <el-button
                                v-if="isAuth('dictionarySex','删除')"
                                :disabled="dataListSelections.length <= 0"
                                type="danger"
                                icon="el-icon-delete"
                                @click="deleteHandler()"
                        >删除</el-button>
                    </el-form-item>
                </el-row>
            </el-form>
            <div class="table-content">
                <el-table class="tables" :size="contents.tableSize" :show-header="contents.tableShowHeader"
                          :header-row-style="headerRowStyle" :header-cell-style="headerCellStyle"
                          :border="contents.tableBorder"
                          :fit="contents.tableFit"
                          :stripe="contents.tableStripe"
                          :row-style="rowStyle"
                          :cell-style="cellStyle"
                          :style="{width: '100%',fontSize:contents.tableContentFontSize,color:contents.tableContentFontColor}"
                          v-if="isAuth('dictionarySex','查看')"
                          :data="dataList"
                          v-loading="dataListLoading"
                          @selection-change="selectionChangeHandler">
                    <el-table-column  v-if="contents.tableSelection"
                                      type="selection"
                                      header-align="center"
                                      align="center"
                                      width="50">
                    </el-table-column>
                    <el-table-column label="索引" v-if="contents.tableIndex" type="index" width="50" />
                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
                                      prop="codeIndex"
                                      header-align="center"
                                      label="性别类型编码">
                        <template slot-scope="scope">
                            {{scope.row.codeIndex}}
                        </template>
                    </el-table-column>
                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
                                      prop="indexName"
                                      header-align="center"
                                      label="性别类型名称">
                        <template slot-scope="scope">
                            {{scope.row.indexName}}
                        </template>
                    </el-table-column>
                    <!--<el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
                                      prop="beizhu"
                                      header-align="center"
                                      label="备注">
                        <template slot-scope="scope">
                            {{scope.row.beizhu}}
                        </template>
                    </el-table-column>-->
                    <el-table-column width="300" :align="contents.tableAlign"
                                     header-align="center"
                                     label="操作">
                        <template slot-scope="scope">
                            <el-button v-if="isAuth('dictionarySex','查看')" type="success" icon="el-icon-tickets" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">详情</el-button>
                            <el-button v-if="isAuth('dictionarySex','修改')" type="primary" icon="el-icon-edit" size="mini" @click="addOrUpdateHandler(scope.row.id)">修改</el-button>
                            <el-button v-if="isAuth('dictionarySex','删除')" type="danger" icon="el-icon-delete" size="mini" @click="deleteHandler(scope.row.id)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination
                        clsss="pages"
                        :layout="layouts"
                        @size-change="sizeChangeHandle"
                        @current-change="currentChangeHandle"
                        :current-page="pageIndex"
                        :page-sizes="[10, 20, 50, 100]"
                        :page-size="Number(contents.pageEachNum)"
                        :total="totalPage"
                        :small="contents.pageStyle"
                        class="pagination-content"
                        :background="contents.pageBtnBG"
                        :style="{textAlign:contents.pagePosition==1?'left':contents.pagePosition==2?'center':'right'}"
                ></el-pagination>
            </div>
        </div>
        <!-- 添加/修改页面  将父组件的search方法传递给子组件-->
        <add-or-update v-if="addOrUpdateFlag" :parent="this" ref="addOrUpdate"></add-or-update>



    </div>
</template>
<script>
    import AddOrUpdate from "./add-or-update";
    import styleJs from "../../../utils/style.js";
    export default {
        data() {
            return {
                searchForm: {
                    key: ""
                },
                form:{},
                dataList: [],
                pageIndex: 1,
                pageSize: 10,
                totalPage: 0,
                dataListLoading: false,
                dataListSelections: [],
                showFlag: true,
                sfshVisiable: false,
                shForm: {},
                chartVisiable: false,
                addOrUpdateFlag:false,
                contents:null,
                layouts: '',



            };
        },
        created() {
            this.contents = styleJs.listStyle();
            this.init();
            this.getDataList();
            this.contentStyleChange()
        },
        mounted() {

        },
        filters: {
            htmlfilter: function (val) {
                return val.replace(/<[^>]*>/g).replace(/undefined/g,'');
            }
        },
        components: {
            AddOrUpdate,
        },
        methods: {
            contentStyleChange() {
                this.contentSearchStyleChange()
                this.contentBtnAdAllStyleChange()
                this.contentSearchBtnStyleChange()
                this.contentTableBtnStyleChange()
                this.contentPageStyleChange()
            },
            contentSearchStyleChange() {
                this.$nextTick(()=>{
                    document.querySelectorAll('.form-content .slt .el-input__inner').forEach(el=>{
                    let textAlign = 'left'
                    if(this.contents.inputFontPosition == 2) textAlign = 'center'
                if(this.contents.inputFontPosition == 3) textAlign = 'right'
                el.style.textAlign = textAlign
                el.style.height = this.contents.inputHeight
                el.style.lineHeight = this.contents.inputHeight
                el.style.color = this.contents.inputFontColor
                el.style.fontSize = this.contents.inputFontSize
                el.style.borderWidth = this.contents.inputBorderWidth
                el.style.borderStyle = this.contents.inputBorderStyle
                el.style.borderColor = this.contents.inputBorderColor
                el.style.borderRadius = this.contents.inputBorderRadius
                el.style.backgroundColor = this.contents.inputBgColor
            })
                if(this.contents.inputTitle) {
                    document.querySelectorAll('.form-content .slt .el-form-item__label').forEach(el=>{
                        el.style.color = this.contents.inputTitleColor
                    el.style.fontSize = this.contents.inputTitleSize
                    el.style.lineHeight = this.contents.inputHeight
                })
                }
                setTimeout(()=>{
                    document.querySelectorAll('.form-content .slt .el-input__prefix').forEach(el=>{
                    el.style.color = this.contents.inputIconColor
                el.style.lineHeight = this.contents.inputHeight
            })
                document.querySelectorAll('.form-content .slt .el-input__suffix').forEach(el=>{
                    el.style.color = this.contents.inputIconColor
                el.style.lineHeight = this.contents.inputHeight
            })
                document.querySelectorAll('.form-content .slt .el-input__icon').forEach(el=>{
                    el.style.lineHeight = this.contents.inputHeight
            })
            },10)

            })
            },
            // 搜索按钮
            contentSearchBtnStyleChange() {
                this.$nextTick(()=>{
                    document.querySelectorAll('.form-content .slt .el-button--success').forEach(el=>{
                    el.style.height = this.contents.searchBtnHeight
                el.style.color = this.contents.searchBtnFontColor
                el.style.fontSize = this.contents.searchBtnFontSize
                el.style.borderWidth = this.contents.searchBtnBorderWidth
                el.style.borderStyle = this.contents.searchBtnBorderStyle
                el.style.borderColor = this.contents.searchBtnBorderColor
                el.style.borderRadius = this.contents.searchBtnBorderRadius
                el.style.backgroundColor = this.contents.searchBtnBgColor
            })
            })
            },
            // 新增、批量删除
            contentBtnAdAllStyleChange() {
                this.$nextTick(()=>{
                    document.querySelectorAll('.form-content .ad .el-button--success').forEach(el=>{
                    el.style.height = this.contents.btnAdAllHeight
                el.style.color = this.contents.btnAdAllAddFontColor
                el.style.fontSize = this.contents.btnAdAllFontSize
                el.style.borderWidth = this.contents.btnAdAllBorderWidth
                el.style.borderStyle = this.contents.btnAdAllBorderStyle
                el.style.borderColor = this.contents.btnAdAllBorderColor
                el.style.borderRadius = this.contents.btnAdAllBorderRadius
                el.style.backgroundColor = this.contents.btnAdAllAddBgColor
            })
                document.querySelectorAll('.form-content .ad .el-button--danger').forEach(el=>{
                    el.style.height = this.contents.btnAdAllHeight
                el.style.color = this.contents.btnAdAllDelFontColor
                el.style.fontSize = this.contents.btnAdAllFontSize
                el.style.borderWidth = this.contents.btnAdAllBorderWidth
                el.style.borderStyle = this.contents.btnAdAllBorderStyle
                el.style.borderColor = this.contents.btnAdAllBorderColor
                el.style.borderRadius = this.contents.btnAdAllBorderRadius
                el.style.backgroundColor = this.contents.btnAdAllDelBgColor
            })
                document.querySelectorAll('.form-content .ad .el-button--warning').forEach(el=>{
                    el.style.height = this.contents.btnAdAllHeight
                el.style.color = this.contents.btnAdAllWarnFontColor
                el.style.fontSize = this.contents.btnAdAllFontSize
                el.style.borderWidth = this.contents.btnAdAllBorderWidth
                el.style.borderStyle = this.contents.btnAdAllBorderStyle
                el.style.borderColor = this.contents.btnAdAllBorderColor
                el.style.borderRadius = this.contents.btnAdAllBorderRadius
                el.style.backgroundColor = this.contents.btnAdAllWarnBgColor
            })
            })
            },
            // 表格
            rowStyle({ row, rowIndex}) {
                if (rowIndex % 2 == 1) {
                    if(this.contents.tableStripe) {
                        return {color:this.contents.tableStripeFontColor}
                    }
                } else {
                    return ''
                }
            },
            cellStyle({ row, rowIndex}){
                if (rowIndex % 2 == 1) {
                    if(this.contents.tableStripe) {
                        return {backgroundColor:this.contents.tableStripeBgColor}
                    }
                } else {
                    return ''
                }
            },
            headerRowStyle({ row, rowIndex}){
                return {color: this.contents.tableHeaderFontColor}
            },
            headerCellStyle({ row, rowIndex}){
                return {backgroundColor: this.contents.tableHeaderBgColor}
            },
            // 表格按钮
            contentTableBtnStyleChange(){
            },
            // 分页
            contentPageStyleChange(){
                let arr = []
                if(this.contents.pageTotal) arr.push('total')
                if(this.contents.pageSizes) arr.push('sizes')
                if(this.contents.pagePrevNext){
                    arr.push('prev')
                    if(this.contents.pagePager) arr.push('pager')
                    arr.push('next')
                }
                if(this.contents.pageJumper) arr.push('jumper')
                this.layouts = arr.join()
                this.contents.pageEachNum = 10
            },

            init () {
            },
            search() {
                this.pageIndex = 1;
                this.getDataList();
            },
            // 获取数据列表
            getDataList() {
                this.dataListLoading = true;
                let params = {
                    page: this.pageIndex,
                    limit: this.pageSize,
                    sort: 'id',
                }
                if(this.searchForm.indexNameSearch!='' && this.searchForm.indexNameSearch!=undefined){
                    params['indexName'] = this.searchForm.indexNameSearch
                }
                //本表的
                params['dicCode'] = "sex_types"//编码名字
                params['dicName'] = "性别类型",//汉字名字
                this.$http({
                    url: "dictionary/page",
                    method: "get",
                    params: params
                }).then(({ data }) => {
                    if (data && data.code === 0) {
                    this.dataList = data.data.list;
                    this.totalPage = data.data.total;
                } else {
                    this.dataList = [];
                    this.totalPage = 0;
                }
                this.dataListLoading = false;
            });
            },
            // 每页数
            sizeChangeHandle(val) {
                this.pageSize = val;
                this.pageIndex = 1;
                this.getDataList();
            },
            // 当前页
            currentChangeHandle(val) {
                this.pageIndex = val;
                this.getDataList();
            },
            // 多选
            selectionChangeHandler(val) {
                this.dataListSelections = val;
            },
            // 添加/修改
            addOrUpdateHandler(id,type) {
                this.showFlag = false;
                this.addOrUpdateFlag = true;
                this.crossAddOrUpdateFlag = false;
                if(type!='info'){
                    type = 'else';
                }
                this.$nextTick(() => {
                    this.$refs.addOrUpdate.init(id,type);
            });
            },
            // 删除
            deleteHandler(id) {
                var ids = id
                        ? [Number(id)]
                        : this.dataListSelections.map(item => {
                    return Number(item.id);
            });
                this.$confirm(`确定进行[${id ? "删除" : "批量删除"}]操作?`, "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    this.$http({
                    url: "dictionary/delete",
                    method: "post",
                    data: ids
                }).then(({ data }) => {
                    if (data && data.code === 0) {
                    this.$message({
                        message: "操作成功",
                        type: "success",
                        duration: 1500,
                        onClose: () => {
                        this.search();
                }
                });
                } else {
                    this.$message.error(data.msg);
                }
            });
            });
            },


        }

    };
</script>
<style lang="scss" scoped>
.slt {
    margin: 0 !important;
    display: flex;
  }

  .ad {
    margin: 0 !important;
    display: flex;
  }

  .pages {
    & /deep/ el-pagination__sizes{
      & /deep/ el-input__inner {
        height: 22px;
        line-height: 22px;
      }
    }
  }


  .el-button+.el-button {
    margin:0;
  }

  .tables {
	& /deep/ .el-button--success {
		height: 40px;
		color: #333;
		font-size: 14px;
		border-width: 2px;
		border-style: dashed ;
		border-color: rgba(255, 255, 255, 1);
		border-radius: 20px;
		background-color: var(--publicSubColor);
	}

	& /deep/ .el-button--primary {
		height: 40px;
		color: #333;
		font-size: 14px;
		border-width: 2px;
		border-style: dashed ;
		border-color: rgba(255, 255, 255, 1);
		border-radius: 20px;
		background-color: var(--publicSubColor);
	}

	& /deep/ .el-button--danger {
		height: 40px;
		color: #333;
		font-size: 14px;
		border-width: 2px;
		border-style: dashed ;
		border-color: rgba(255, 255, 255, 1);
		border-radius: 20px;
		background-color: var(--publicSubColor);
	}

    & /deep/ .el-button {
      margin: 4px;
    }
  }
	.form-content {
		background: transparent;
	}
	.table-content {
		background: transparent;
	}

	.tables /deep/ .el-table__body tr {
				background-color: rgba(255, 255, 255, 1) !important;
				color: rgba(92, 93, 95, 1) !important;
	 }
	.tables /deep/ .el-table__body tr.el-table__row--striped td {
	    background: transparent;
	}
	.tables /deep/ .el-table__body tr.el-table__row--striped {
		background-color: #F5F7FA !important;
		color: #606266 !important;
	}

	.tables /deep/ .el-table__body tr:hover>td {
	   background-color: #f5f5f5 !important;
		   color: #333 !important;
 	}</style>

声明

本博客适用于广泛的学术和教育用途，包括但不限于个人学习、开发设计，产品设计。仅供学习参考，旨在为读者提供深入理解和学术研究的材料。

shangyizaoxing
关注
专栏目录
java1.8垃圾回收机制_JAVA垃圾回收机制
weixin_28791139的博客
02-23 2817
目录：什么是垃圾怎么判定垃圾什么时候回收垃圾怎么回收垃圾回收器介绍1.什么是垃圾在JVM中，程序计数器、虚拟机栈、本地方法栈都是随线程生而生，随线程灭而灭(不需要管理)；栈帧随着方法的进入和退出做入栈和出栈操作，实现了自动的内存清理(不需要管理)；常说的垃圾回收主要集中在堆和方法区，这部分内存是随着程序运行动态分配的(回收对象，常量，类)。2.怎么判定垃圾2.1对象：产生位置：堆Java 的自动内...
springboot474基于web的垃圾分类回收系统pf.zip
06-23
标题 "springboot474基于web的垃圾分类回收系统pf.zip" 暗示这是一个使用Spring Boot框架构建的Web应用程序，专注于实现垃圾分类与回收的功能。在这个系统中，Spring Boot的灵活性和便捷性被用来构建后端服务，以...
毕业设计|springboot基于web的垃圾分类回收系统|免费|代码讲解
2401_85731605的博客
08-29 141
图5.4 即为编码实现的公告管理界面，管理员在公告管理界面查看公告的工作状态，可以对公告的数据进行导出，可以添加新公告的信息，可以编辑公告信息，删除公告信息。图5.1 即为编码实现的垃圾管理界面，管理员在垃圾管理界面中可以对界面中显示，可以对垃圾信息的垃圾状态进行查看，可以添加新的垃圾信息等。图5.2 即为编码实现的运输管理界面，管理员在运输管理界面中查看奖罚种类信息，奖罚描述信息，新增运输信息等。图5.3 即为编码实现的出库管理界面，管理员在出库管理界面中新增出库，可以删除出库。图5.3 出库管理界面。
【免费】springboot基于web的垃圾分类回收系统|毕业设计|Javaweb项目
2401_86366843的博客
08-29 452
图5.4 即为编码实现的公告管理界面，管理员在公告管理界面查看公告的工作状态，可以对公告的数据进行导出，可以添加新公告的信息，可以编辑公告信息，删除公告信息。图5.1 即为编码实现的垃圾管理界面，管理员在垃圾管理界面中可以对界面中显示，可以对垃圾信息的垃圾状态进行查看，可以添加新的垃圾信息等。图5.2 即为编码实现的运输管理界面，管理员在运输管理界面中查看奖罚种类信息，奖罚描述信息，新增运输信息等。图5.3 即为编码实现的出库管理界面，管理员在出库管理界面中新增出库，可以删除出库。图5.3 出库管理界面。
基于java的综合小区管理系统pf
寒夜
08-20 238
【代码】springboot基于java的综合小区管理系统pf
JVM-垃圾回收(标记算法，收集器)
qq_43259860的博客
02-16 1271
2、Parallel Scavenge收集器（“吞吐量优先”收集器）（新生代） 使用复制算法，并行多线程，老年代使用串行收集器，它的独特之处是它的关注点与其他收集器不同，CMS等收集器的关注点是尽可能缩短垃圾收集时用户线程的停顿时间，而Parallel Scavenge收集器的目的则是达到一个可控制的吞吐量（Throughput）,即CPU用于运行用户代码的时间与CPU总消耗时间的比值，，每次垃圾收集时都发现有大批对象死去，只有少量存活，那就选用复制算法，只需要付出少量存活对象的复制成本就可以完成收集。
JVM 垃圾回收机制、垃圾收集器、调优参数
chy1984的博客
06-03 2345
目录判断对象是否存活的算法引用计数法可达性分析法垃圾回收算法标记清除算法复制算法标记整理算法JVM垃圾收集器Serial收集器ParNew收集器Parallel Scavenge收集器CMS收集器总结   C++的一个很麻烦的问题就是内存回收，不回收可能会造成内存泄漏，Java中内存回收由GC完成，不用我们回收内存。堆是垃圾回收的重点区域。   在运行配置的VM options中设置参数，可以在控制台打印gc信息 -verbose:gc -XX:+PrintGCDetails &n
8、垃圾回收
HK_Milky的博客
11-10 782
文章目录第1章、垃圾回收概述1、什么是垃圾【1】什么是垃圾？2、为什么需要GC？3、早期的垃圾回收4、Java垃圾回收机制【1】担忧第2章、垃圾回收相关算法1、标记阶段：引用计数算法【1】垃圾标记阶段：对象存活判断【2】引用计数算法【3】小结2、标记阶段：可达性分析算法【1】可达性分析算法【2】GC Roots【3】注意【4】指针碰撞3、对象的finalization机制【1】对象的finalization机制【2】生存还是死亡？【3】具体过程4、MAT与JProfiler的GC Roots溯源【1】MAT
Java笔记：垃圾回收
热情、奔放、快乐编程！
09-22 216
内存分配是在JVM在内存分配的时候，新生代内存不足时，把新生代的存活的对象搬到老生代，然后新生代腾出来的空间用于为分配给最新的对象。这里老生代是担保人。在不同的GC机制下，也就是不同垃圾回收器组合下，担保机制也略有不同。在Serial+Serial Old的情况下，发现放不下就直接启动担保机制；在Parallel Scavenge+Serial Old的情况下，却是先要去判断一下要分配的内存是不是>=Eden区大小的一半，如果是那么直接把该对象放入老生代，否则才会启动担保机制。
jvm内存与垃圾回收重点总结
Xiaofeng_Lu__的博客
07-12 3701
jvm内存与垃圾回收的重点总结
【笔记】Day2.3.1DTO对象
2301_81538937的博客
10-11 423
当前端传来的数据中包含后端数据库没有的字段时，DTO 可以对这些数据进行转换和映射，以确保后端可以正常接收并处理这些数据。就传到（经过）DTO DTO对前端数据进行转换，使得后端数据库得以正常接收前端传回的数据。当前端传回的数据中含有后端数据库没有的字段时。DTO是一个联系前端数据和后端数据库的桥梁。一个默认前提：前端传回数据到数据库。存着后端数据库中没有的实体字段。
前端 js 处理一个数组 展示成层级下拉样式
lzfengquan的博客
10-17 82
前端开发中，不管是什么时候都会遇到select 下拉框的使用，一般情况下，数据处理后端都会处理好。前端一般使用相应技术栈所推荐的公共组件就可以了。前端处理的前提是要确定那个是父级元素，那个是子级元素，这样才能更好的处理数据。这个时候前端要写个方法去处理这个数组了。这个数组后端是会给的。
Java 读取word ， 作为私有知识库做RAG答疑
whisperzzza的博客
10-13 748
java 基于spring ai读取word然后做私有知识库答疑的具体方法，代码和说明
Nginx配置全解析
Soul丶君的博客
10-11 790
Nginx是一款轻量级的高性能Web服务器、反向代理服务器以及电子邮件（IMAP/POP3）代理服务器。它在处理高并发连接方面表现出色，被广泛应用于各种互联网服务的部署中。了解Nginx的配置对于优化网站性能、保障服务稳定运行至关重要。Nginx的配置灵活多样，可以根据不同的需求进行定制。无论是构建简单的Web服务器、实现反向代理还是进行负载均衡和缓存设置，掌握Nginx的配置都是非常重要的。通过合理的配置，可以提高网站的性能、可靠性和安全性，为用户提供更好的服务体验。
数字后端零基础入门系列 | Innovus零基础LAB学习Day2
最新发布
weixin_37584728的博客
10-17 556
数字后端零基础入门系列 | Innovus零基础LAB学习Day2
开局一个登录框，密码重置全靠翻
zkaq7777777的博客
10-12 519
还是直接用GoogleHacking语法：site:”edu.cn”“学号””身份证””xh””sfz” filetype:pdf/doc/xls 直接搜索，本来以为现在这种直接的敏感信息暴露是很难找到的，但是还是有漏网之鱼啊，有些学校的安全意识还是不到位。直接把value值改为我的手机号，同时抓包修改数据包里的手机号，直接就收到了验证码，后端验证了这个传递的value值和数据包是否一致，不一致则不发送验证码，一致则发送。后面就没啥好说的了，直接就进入重置密码阶段。挑选一个目标，直接来到它的统一信息门户。
Java通过RAG构建专属知识问答机器人_超详细
whisperzzza的博客
10-11 996
具体来说，RAG首先利用检索模型从私有或专有的数据源中搜索相关信息，然后将这些信息提供给生成模型，如大型语言模型（LLM），以生成更加准确、基于上下文的回复。这种方法有助于减少大模型在生成过程中可能出现的“幻觉”现象，并且能够使模型的回答更贴合企业的特定数据，从而提高了回答的精确度与相关性。通过良好的抽象设计，Spring AI显著减少了程序员在对接不同类型接口时查阅文档和迁移实现的工作量，为基于Java的AI开发带来了极大的便利性和效率提升。类用于处理索引构建和查询逻辑。，你可以在这里测试你的聊天界面。
@RequestParam @PathVirable @RequestBody @ApiParam的区别
qq_44886213的博客
10-11 433
这是swagger3提供的注解，基本上没人用。也是swagger版本的@RequstParam。使用swagger的时候才用得到这个注解，相当于swagger版本的@RequstParam。
【实战案例】树形字典结构数据的后端解决方案
Gavin_915的博客
10-14 466
所以这条SQL查询的作用就是，从course_category表中查找所有parentid为1的父分类，并显示其下属的子分类(同时满足is_show为1)，返回的结果按照父分类和子分类的排序顺序排列。通过上述说明可以看出这张表的数据是树形结构，通过根节点为0的ID可以检索到表中所有数据(前提是一棵完整的树)，所以在实际项目中，后端需要一个接口，用于给前端提供该课程分类表的数据，且是树形结构的形态返回给前端。因为这里表的层级结构是固定的，总共就两级，所以可以直接用拼接的方式定义SQL语句，如下。
SpringBoot实现的Web垃圾分类回收系统
资源摘要信息: "SpringBoot 474基于Web的垃圾分类回收系统" SpringBoot是当前流行的Java开发框架之一，由Pivotal团队提供支持，旨在简化Spring应用的初始搭建以及开发过程。SpringBoot能够帮助开发者快速构建独立的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值