（附源码）SSM环保知识普及平台计算机毕设20330

一时失言乱红尘 2024-02-23 05:28 11阅读 0赞

**摘 要**

随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优势，中小型企业当然也不能排除在外。SSM环保知识普及平台是以实际运用为开发背景，运用软件工程开发方法，采用Java技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等；详细设计主要包括模块实现的关键代码，系统数据库访问和主要功能模块的具体实现等。最后对系统进行功能测试，并对测试结果进行分析总结，及时改进系统中存在的不足，为以后的系统维护提供了方便，也为今后开发类似系统提供了借鉴和帮助。

本SSM环保知识普及平台采用的数据库是Mysql，使用ssm框架开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。

**关键词**：环保知识普及平台；SSM框架；MYSQL数据库；

**SSM Small and Medium Enterprise Management System**

**Abstract**

With the rapid development of science and technology, all aspects of society and industries are striving to integrate with modern advanced technology and improve their advantages through technological means. Of course, small and medium-sized enterprises cannot be excluded. The SSM small and medium-sized enterprise management system is a management system built with practical application as the development background, software engineering development methods, and Java technology. The entire development process starts with a requirement analysis of the software system to determine its main functions. Then proceed with the overall and detailed design of the system. The overall design mainly includes system overall structure design, system data structure design, system functional design, and system security design; The detailed design mainly includes the key code for module implementation, system database access, and the specific implementation of the main functional modules. Finally, functional testing was conducted on the system, and the test results were analyzed and summarized to timely improve the shortcomings of the system, providing convenience for future system maintenance and reference and assistance for the development of similar systems in the future.

The database used in this SSM small and medium-sized enterprise management system is MySQL, developed using the SSM framework. During the design process, the system code was fully guaranteed to have good readability, practicality, scalability, universality, ease of later maintenance, easy operation, and concise pages.

**Keywords:** Small and medium-sized enterprise management system; SSM framework; MYSQL database;

目 录

摘 要

1 绪论

1.1 课题目的与意义

1.2国内外研究概况

1.3研究内容

2 相关技术介绍

2.1 SSM框架

2.2 JAVA简介

2.3 ECLIPSE 开发环境

2.4 Tomcat服务器

2.5 MySQL数据库

3 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2经济可行性

3.1.3操作可行性

3.2 系统性能分析

3.3 系统功能分析

3.4系统流程分析

3.4.1登录流程

3.4.2注册流程

3.4.3添加信息流程

3.4.4删除信息流程

4　系统设计

4.1系统概要设计

4.2系统结构设计

4.3系统顺序图设计

4.3.1登录模块顺序图

4.3.2添加信息模块顺序图

4.4数据库设计

4.4.1数据库E-R图设计

4.4.2数据库表设计

表access\_token (登陆访问时长)

表auth (用户权限管理)

表direct\_leader (直属领导)

表employee\_address\_book (普通通讯录)

表employee\_log (普通日志)

表employee\_message (普通消息)

表employee\_schedule (普通日程)

表employee\_users (普通用户)

表hits (用户点击)

表leadership\_address\_book (领导通讯录)

表leadership\_agenda (领导日程)

表leadership\_announcement (领导公告)

表leadership\_log (领导日志)

表leadership\_message (领导消息)

表meeting\_feedback (会议反馈)

表meeting\_notice (会议通知)

表personnel\_address\_book (人事通讯录)

表personnel\_announcement (人事公告)

表personnel\_information (人事消息)

表personnel\_leadership (人事领导)

表personnel\_log (人事日志)

表personnel\_schedule (人事日程)

表upload (文件上传)

表user (用户账户：用于保存用户登录信息)

表user\_group (用户组：用于用户前端身份和鉴权)

5 系统详细设计

5.1系统功能模块

5.2普通用户功能模块

5.3直属领导功能模块

5.4人事领导功能模块

6 系统测试

6.1 测试定义

6.2 测试目的

6.3测试方案

（1）模块测试

（2）集成测试：

（3）验收测试：

6.4系统分析

7 结论

参考文献

## **1 绪论** ##

### 1.1 **研究背景** ###

随着网络不断的普及发展，环保知识普及平台依靠网络技术的支持得到了快速的发展，首先要从用户的实际需求出发，通过了解用户的需求开发出具有针对性的垃圾分类、环保文章、环保视频、垃圾小测试等功能，利用目前网络给用户带来的方便快捷这一特点对系统进行调整，设计的系统让用户的使用起来更加方便，本系统的主要目的就是给用户带来快捷与高效、安全，用户只要在家中就可以进行操作。同时随着电子商务的发展环保知识普及平台已经受到广大用户的关注。

### 1.2**国内外****研究****概况** ###

随着国内经济形势的不断发展，中国互联网进入了一个难得的高峰发展时期，这使得中外资本家纷纷转向互联网市场。 然而，许多管理领域的不合理结构，人员不足以及管理需求的增加使得更多的人具备了互联网管理的意识。

在当今高度发达的信息中，信息管理改革已成为一种更加广泛和全面的趋势。 “SSM环保知识普及平台网”是基于Mysql数据库，在SSM程序设计的基础上实现的。为确保中国经济的持续发展，信息时代日益更新，蓬勃发展。同时，随着信息社会的快速发展，SSM环保知识普及平台网面临着越来越多的信息，因此很难获得他们对高效信息的需求，如何使用方便快捷的方式使查询者在广阔的海洋信息中查询，存储，管理和共享信息方面有效，对我们的工作和生活具有重要的现实意义。因此，国内外学术界对此进行了深入而广泛的研究，一个新的研究领域——SSM环保知识普及平台网诞生了。

### 1.3**研究内容** ###

该环保知识普及平台的开发和设计根据用户的实际情况出发，对系统的需求进行了详细的分析，然后进行系统的整体设计，最后通过测试使得系统设计的更加完整，可以实现系统中所有的功能，在开始编写论文之前亲自到图书馆借阅SSM框架书籍，MYSQL数据库书籍等编程书籍，然后针对开发的环保知识普及平台，去网上查找了很多别人做好的系统，参照他们的设计结果，来对自己的系统进行更加详细的系统的设计，将系统中所有的功能结果一一列举出来，然后进行需求分析，最后对所有的功能模块进行编码，最后完成系统的整体测试，实现系统的正常运行。

这次编写的论文包含了6个部分的内容，具体内容如下：

第一部分绪论：文章主要从课题的意义以及国内外研究现状综合阐述了开发此系统的必要性。

第二部分相关技术：系统开发用到的各种技术都大致做出了简介。

第三部分系统分析：对系统的可行性分析以及对所有功能需求进行详细的分析，来查看该系统是否具有开发的可能。

第四部分系统设计：功能模块设计和数据库设计这两部分内容都有专门的表格和图片表示。

第五部分系统实现：进行系统主要功能模块的界面展示。

第六部分系统测试：测试系统的每一个功能是否能够正常运行，是否可以满足人们的需求。

## **2** **相关****技术****介绍** ##

### 2.1 SSM框架 ###

当今流行的“SSM组合框架”是Spring + SpringMVC + MyBatis的缩写，受到很多的追捧，“组合SSM框架”是强强联手、各司其职、协调互补的团队精神。web项目的框架，通常更简单的数据源。Spring属于一个轻量级的反转控制框架(IoC)，但它也是一个面向表面的容器(AOP)。SpringMVC常常用于控制器的分类工作模式，与模型对象分开，程序对象的作用与自动取款机进行处理。这种解耦治疗使整个系统的个性化变得更加容易。MyBatis是一个良好的可持续性框架，支持普通SQL查询，同时允许对存储过程的高级映射进行数据的优化处理。大型Java Web应用程序的由于开发成本太高，开发后难以维护和开发过程中一些难以解决的问题，而采用“SSM组合框架”，它允许建立业务层次结构，并为这个问题提供良好的解决方案。

### 2.2 JAVA简介 ###

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，SSM（java server pages），和XML技术。JAVA语言是一种面向对象的语言，它通过提供最基本的方法来完成指定的任务，开发者只需要知道一些概念就能够编写出一些应用程序。Java程序相对较小，其代码能够在小机器上运行。Java是一种计算机编程语言，具有封装、继承和多态性三个主要特性，广泛应用于企业Web应用程序开发和移动应用程序开发。

Java语言和一般编译器以及直译的区别在于，Java首先将源代码转换为字节码，然后将其转换为JVM的可执行文件，JVM可以在各种不同的JVM上运行。因此，实现了它的跨平台特性。虽然这使得Java在早期非常缓慢，但是随着Java的开发，它已经得到了改进。

### 2.3 ECLIPSE 开发环境 ###

ECLIPSE 支持广泛、兼容性高并且功能强大，是一个Eclipse 插件集合，普遍适应于JAVA和J2EE的系统开发，支持 JDBC，Hibernate，AJAX，Struts，Java Servlet，Spring，EJB3等市面上存在的几乎所有数据库链接工具和主流Eclipse产品 开发工具。

ECLIPSE 在业内是所熟知的开发工具，该平台在开发的过程中运用的就是该工具。ECLIPSE 又被称之为企业级的工作平台，它是以Eclipse IDE为基础的。ECLIPSE 可以帮助我们进行数据库的研发和J2EE的使用，除此之外，还可以提高系统的运营能力，这突出表现在服务器的整合过程中。ECLIPSE 的功能相当完备，能够为J2EE的集成提供必要的环境支持，从而完成编码、测试、调试及发布等功能。它可以支持SSM，HTML，SQL，Javascript，Struts， CSS等。

### 2.4 Tomcat服务器 ###

Tomcat属于一种轻型的服务器，所以说在中小企业中并不具有普适性。但是当程序员需要开发或调试SSM 程序时，则通常会将该服务器作为首选。对于一个仅具有计算机基础知识的人来说，计算机系统具有一个好的Apache服务器，可以很好的对HTML 页面进行访问。Tomcat 虽然是Apache的扩展，但是它们都是可以独立运行的，二者是不互相干扰的。当配置正确的时候，Apache服务器为HTML 页面的运行提供技术支持，Tomcat 的任务则是运行Servle和SSM 页面。Tomca也具有一定的HTML页面处理功能。

### 2.5 MySQL数据库 ###

数据库是系统开发过程中不可或缺的一部分。在WEB应用方面，MySQL AB开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中，这非常灵活，并且还可以提高系统在实际应用中的速度。数据库访问最常用于标准SQL语言，MySQL用于SQL语言，因此它具有高度兼容性。数据库的操作是必不可少的，包括对数据库表的增加、删除、修改、查询等功能。现如今，数据库可以分为关系型数据库和非关系型数据库，Mysql属于关系性数据库，Mysql数据库是一款小型的关系型数据库，它以其自身特点：体积小、速度快、成本低等，Mysql数据库是目前最受欢迎的开源数据库。

在WEB应用技术中， Mysql数据库支持不同的操作系统平台，虽然在不同平台下的安装和配置都不相同，但是差别也不是很大，Mysql在Windows平台下两种安装方式，二进制版和免安装版。安装完Mysql数据库之后，需要启动服务进程，相应的客户端就可以连接数据库，客户端可通过命令行或者图形界面工具登录数据库。

## **3 系统分析** ##

### 3.1 **可行性分析** ###

在系统开发之初要进行系统可行分析，这样做的目的就是使用最小成本解决最大问题，一旦程序开发满足用户需要，带来的好处也是很多的。下面我们将从技术上、操作上、经济上等方面来考虑这个系统到底值不值得开发。

#### 3.1.1 **技术可行性** ####

本环保知识普及平台采用SSM框架技术、java语言和MYSQL数据库进行开发设计，作为计算机专业学生，在学校期间就接触到许多关于编程方面的知识，当然也包括各种编程软件，对他们的了解度也比较系统，所以技术开发上面还是有一定把握。

#### 3.1.2**经济可行性** ####

我在设计该系统的时候主要是从节约成本出发，然后进行具体的系统的设计，在系统的设计过程中由于采用的所有工具以及技术支持全部都是免费的，因此不需要有任何的成本就可以进行该系统的设计。所用到的所有资源都是免费的，只要有网络就可以进行下载使用，不需要支付相应的费用，因此该项目在经济方面是完全可以实行的。

#### 3.1.3**操作可行性** ####

本人自己就是学生，程序开发经验不足，在界面设计上面不会设计太复杂，要讲究简单好看，操作上要方便，不能让用户觉得不流畅。用户一旦进入操作界面，界面上就会有相应提示，跟着操作提示就可以找到对应的功能操作模块，对于用户来说免培训就能使用。

从上面几个部分的可行性分析得出，这次开发的环保知识普及平台在开发上面没有什么大问题，值得开发。

### 3.2 **系统性能分析** ###

（1）系统响应效率：页面响应时问应该在3秒以内，最长不能超过4秒，并支持至少10000人同时在线所有系统。

（2）界面简洁清晰：系统界面要求简单明了，容易操作，符合用户操作习惯。

（3）储存性高：因为环保知识普及平台中有很多的信息需要存储，因此对于系统的存储量有很大的要求，需要有一个强大的数据库的支持才能确保所有的信息都能安全稳定的进行存储。

（4）易学性：该系统在操作上必须简单好上手，没有很多复杂的操作，只需要简单的进行学习就能操作该系统。

（5）稳定性需求：开发的环保知识普及平台要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。

（6）稳定性：开发的环保知识普及平台要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。

### **3.3 系统功能分析** ###

本环保知识普及平台主要包括两大功能模块，即管理员功能模块和用户模块。

（1）管理员模块：系统中的核心用户是系统管理员，管理员登录后，通过管理员菜单来管理后台系统。主要功能有：首页、个人管理（个人信息、修改密码）人员管理（普通用户、管理员）内容管理（环保资讯、资讯分类、垃圾小测试）模块管理（文章分类、环保文章、环保视频、垃圾分类、所属分类、积分商品、兑换记录）等功能模块。管理员用例图如图3-1所示。

![e9e99d33e5a64f0fa5b82751f15fbe9c.png][]

图3-1　管理员用例图

（2）普通用户：首页、垃圾小测试、公告消息、环保资讯、环保文章、垃圾分类、积分商品、我的（我的账户、我的收藏、个人中心），后台首页、个人管理、环保文章、环保视频、兑换记录等功能模块。普通用户用例图如图3-2所示。

![19202b17bc7b4a5386565302ae9f91c7.png][]

图3-2 普通用户用例图

### **3.4系统流程分析** ###

#### 3.4.1登录流程 ####

登录模块主要满足管理员、用户的权限登录，登录流程图如图3-3所示。

![5dc7f76e6a824910a7a4ce6784fa879e.png][]

图3-3 登录流程图

#### 3.4.2注册流程 ####

未有账号的用户可进入注册界面进行注册操作，用户注册流程图如图3-4所示。

![3351de5013ef4913898aa5a569552ea9.png][]

图3-4 注册流程图

#### 3.4.3添加信息流程 ####

用户在添加信息时，信息编号自动生成，系统会对添加的信息进行验证，验证通过则添加至数据库，添加信息成功，反之添加失败。添加信息流程如图3-5所示。

![5fdba153b5d64926a5dca215a40067dd.png][]

图3-5 添加信息流程图

#### 3.4.4删除信息流程 ####

用户可选择要删除的信息进行信息删除操作，在删除信息时系统提示是否确定删除信息，是则删除信息成功，系统数据库将信息进行删除。删除信息流程图如图3-6所示。

![fa263e80acbc47b28fe362cce0da1ba6.png][]

图3-6 删除信息流程图

## 4　系统设计 ##

### 4.1系统概要设计 ###

本环保知识普及平台选择B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式。适合在互联网上进行操作，只要用户能连网，任何时间、任何地点都可以进行系统的操作使用。系统工作原理图如图4-1所示：

![4893593a1b0043a18e2d7588aa0b175b.png][]

图4-1 系统工作原理图

### 4.2系统结构设计 ###

整个系统是由多个功能模块组合而成的，要将所有的功能模块都一一列举出来，然后进行逐个的功能设计，使得每一个模块都有相对应的功能设计，然后进行系统整体的设计。

本环保知识普及平台结构图如图4-2所示。

![78ebd56741514ae7a180c1a91c968ace.png][]

图4-2 系统功能结构图

### 4.3系统顺序图设计 ###

#### 4.3.1登录模块顺序图 ####

登录模块主要满足了管理员、用户的权限登录，登录模块顺序图如图4-3所示。

![2d9b90ecb9214f2280424d5a2a2293d3.png][]

图4-3 登录顺序图

#### 4.3.2添加信息模块顺序图 ####

管理员、用户登录后均可进行添加信息操作，添加信息模块顺序图如图4-4所示。

![7417f7d5c549426fbc2720d1915746f0.png][]

图4-4 添加信息顺序图

### 4.4数据库设计 ###

一个好的数据库可以关系到程序开发的优劣，数据库设计离不开表结构的设计，还有表与表之间的联系，以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间，要结合实际情况来对数据库进行针对性的开发设计。

#### 4.4.1数据库E-R图设计 ####

本环保知识普及平台采用的是MYSQL数据库，数据存储快，因为环保知识普及平台，主要的就是对科技信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确。

系统的E-R图如下图所示：

![f53c11ac4221478d8e0a6bca788b4b18.png][]

图4-5 系统E-R图

#### 4.4.2数据库表设计 ####

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。

### 表access\_token (登陆访问时长) ###

### 表article (文章：用于内容管理系统的文章) ###

### 表article\_classification (文章分类) ###

### 表article\_type (文章分类) ###

### 表auth (用户权限管理) ###

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> auth_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 授权ID： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> user_group </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 用户组： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mod_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 模块名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 表名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> page_title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 页面标题： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> path </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 路由路径： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> position </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 位置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mode </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> _blank </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跳转方式： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> add </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可增加： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> del </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可删除： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> set </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可修改： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> get </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可查看： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_add </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 添加字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_set </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 修改字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 15 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_get </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 查询字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航名称： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 17 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 18 </td> 
 <td style="vertical-align:top;width:57.65pt;"> option </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 配置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 20 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

### 表classification (所属分类) ###

### 表collect (收藏) ###

### 表comment (评论) ###

### 表environmental\_protection\_articles (环保文章) ###

### 表environmental\_video (环保视频) ###

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> environmental_video_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 环保视频ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> video_title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 视频标题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> video_type </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 视频类型 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> publish_users </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 发布用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> environmental_video </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 环保视频 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> video_tags </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 视频标签 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> video_description </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 视频描述 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> cover_photo </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 封面图片 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> video_introduction </td> 
 <td style="vertical-align:top;width:57.65pt;"> longtext </td> 
 <td style="vertical-align:top;width:57.65pt;"> 2147483647 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 视频简介 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> hits </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> praise_len </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> recommend </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> datetime </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

### 表exam (考试) ###

### 表exam\_question (试题) ###

### 表hits (用户点击) ###

### 表notice (公告) ###

### 表ordinary\_users (普通用户) ###

### 表point\_products (积分商品) ###

### 表praise (点赞) ###

### 表redemption\_records (兑换记录) ###

### 表refuse\_classification (垃圾分类) ###

### 表slides (轮播图) ###

### 表upload (文件上传) ###

### 表user (用户账户：用于保存用户登录信息) ###

### 表user\_answer (用户答题) ###

### 表user\_group (用户组：用于用户前端身份和鉴权) ###

##  ##

## 5 系统详细设计 ##

5.1系统功能模块

环保知识普及平台，在系统登录页面管理员填写账号、密码等信息滑动滑块进行验证登录，如图5-1所示。

![2aed1ddea3b64c8eaedf35fe04424e35.png][]

图5-1管理员登录界面图

管理员登录进入环保知识普及平台之后，就可以对所有的信息进行查看，可以查看到：首页、个人管理（个人信息、修改密码）人员管理（普通用户、管理员）内容管理（环保资讯、资讯分类、垃圾小测试）模块管理（文章分类、环保文章、环保视频、垃圾分类、所属分类、积分商品、兑换记录）等功能模块；并且还可以对其进行相应的操作管理，如图5-2所示。

![05b18ddf80c542f99c58a84e3493d919.png][]

图5-2 管理员功能页面图

环保知识普及平台中的管理员在“人员管理”这一菜单是中可以对注册普通用户、以及管理员进行管控，如图5-3所示。

![723d04a5650c40af8daa8b2a38865a34.png][]

图5-3 人员管理界面图

个人管理：管理员在此栏可对个人信息和密码进行修改，如图5-4 5-5所示。

![860b1ddec9fc48f7bd0b640733de2217.png][]

图5-4 个人信息页面图

![dc87567a3d414c36bceecdb7305cefa5.png][]

图5-5修改密码页面图

网站管理：管理员点击“网站管理”菜单后，会展示出轮播图、公告栏两个子菜单，可以对其进行增删改查操作，如图5-6 5-7所示。

![ce054c47544841b4a0fa95b3eb311219.png][]

图5-6轮播图管理页面图

![e74997352d0e4afcb38a597f73ef9a6b.png][]

图5-7公告管理页面图

内容管理：管理员点击“内容管理”菜单后，会展示出环保资讯、资讯分类和垃圾小测试三个子菜单，可以对其进行增删改查操作，如图5-8 5-9 5-10所示。

![12b552645cde474eb99e10121dea5580.png][]

图5-8添加环保资讯界面图

![efc79e6dc03141ee98ac58c9c30085ee.png][]

图5-9添加类型名称界面图

![d1a54b2d0626423196e33d59d9090473.png][]

图5-10垃圾小测试管理界面图

模块管理：管理员点击“模块管理”菜单后，会展示出文章分类、环保文章、环保视频、垃圾分类、所属分类、积分商品、兑换记录这七个子菜单，管理员可以对其进行增删改查操作，如图5-11所示。

![8fb39bd60e754e85973708db58a99a25.png][]

图5-11模块管理界面图

5.2普通用户功能模块

普通用户登录环保知识普及平台，需先注册，注册成功后在登录页面输入用户名、密码进行登录，如图5-12，5-13所示。

![1bc5b8cfc4e2478caddb4864b3642727.png][]

图5-12普通用户注册界面图

![02d5e25cf34447348a2fe2d385ddec46.png][]

图5-13普通用户登录界面图

普通用户登录进入环保知识普及平台之后，可以查看到：首页、垃圾小测试、公告消息、环保资讯、环保文章、垃圾分类、积分商品、我的（我的账户、我的收藏、个人中心），后台首页、个人管理、环保文章、环保视频、兑换记录等功能模块；并且还可以对其进行相应的操作管理，如图5-14所示。

![5e1b222aba9a476b9732863da9fb5a10.png][]

图5-14普通用户首页界面图

垃圾小测试：用户可搜索名称进行在线答题测试，由管理员进行评分，如图5-15 5-16 5-17所示。

![51139aa96df343b2b02e68552eb625d6.png][]

图5-15垃圾小测试界面图

![10fc0dd1c2ca452294fd3f12ab700e9a.png][]

图5-16答题界面图

![5953b0aec26346589e109e6110c9cc40.png][]

图5-17管理员评分界面图

环保资讯：用户在此页面可查看管理员后台发布的环保资讯信息，对喜欢的环保资讯可进行收藏、点赞和发表评论等操作，如图5-18所示。

![5dfab87ee70549f98adefa7a653afe10.png][]

图5-8环保资讯界面图

环保文章：用户在此页面可查看管理员后台发布的环保文章信息，对喜欢的环保文章可进行收藏、点赞和发表评论等操作，如图5-19所示。

![b2933f5182694fa08268ce08e90be310.png][]

图5-19环保文章界面图

环保视频：用户在此页面可查看管理员后台发布的环保视频信息，对喜欢的环保视频可进行收藏、点赞和发表评论等操作，如图5-20所示。

![462d6e1b24554c24aa9aa185a97df162.png][]

图5-20环保视频详情界面图

垃圾分类：用户在此页面可查看管理员后台发布的垃圾信息，如：垃圾名称、所属分类、垃圾标签、垃圾描述、垃圾危害、图片等详细信息，如图5-21所示。

![05cb14671a084867b06f9d0f4f9d05e7.png][]

图5-21垃圾信息详情界面图

积分商品：用户在此页面可通过关键字或下拉搜索查看商品名称、商品类型、商品标签、兑换积分、商品描述等详细信息，用户可进行收藏或兑换操作，如图5-22所示。

![ce62e3cf4e1b4da3a6c36f6139e9de7a.png][]

图5-22积分商品详情界面图

![7b0ed551a90141cfb4585d11b16e1c5f.png][]

图5-23兑换商品界面图

## **6** **系统测试** ##

一个系统设计好后，就会进入测试阶段，测试的目标是检验设计好的网站是否可以正常无误的运行，尽可能的发现网站的问题，已使后期网站投入使用后网站尽少出错\[12\]。

### 6.1 测试定义 ###

系统测试主要是判断系统是否可以正常运行，功能模块是否可以实现操作。程序代码中是否有错误出现。测试程序是开发过程中的一个主要问题。就算系统完成的再好，再进行程序测试时也会也会发现一个重来没有被发现的错误信息。

测试不仅是系统开发的开始，而且应该贯穿整个系统的整个生命周期。评估系统质量的方法不局限于系统编码和过程，应该与软件设计工作和历史需求分析密切相关。系统错误，不一定是代码错误，可能是阶段的设计摘要和设计细节存在问题，问题也可能出现在需求分析阶段。从实际情况来看，最初的问题很可能是一个小错误，根据按钮的原理，按钮后的按钮位错将是所有位错。该系统的原因也同样适用，随着后续的开发工作，误差将越来越严重。因此就应该对系统进行测试，在一开始就发现系统中存在的问题，就能保证以后系统能够正常稳定的运行。在测试系统中，开发人员应该站在客户的角度来处理测试工作，而现在主要的测试方法是黑盒测试。测试的目的可以概括为以下几点:首先，用户界面和客户需求是一致的，设置界面和设计风格统一;第二，创新设计接口规范设计标准，具有独特的审美特征;最后，人类传统的接口以满足审美需求，不能盲目地追求一种独特的，合理的规划布局，符合审美标准。

### 6.2 测试目的 ###

测试的目的在于要对系统的稳定和可操作性能进行对照检查。对于软件的开发利用最终的目的在最后的测试和试用，这是一个不可缺少的重要环节。对于软件开发者而言，在对每一个单独的功能进行编排时候，都要有单独的测试，并通过测试阶段才可以研发多个功能性软件，这样既缩短了研发时间，也可以在的单个的早期测试中发现问题，以免融合后的软件，在查找问题时就很难快速解决或者急速定位问题。

SSM环保知识普及平台开发设计完成后，需要对其进行系统测试，测试的主要目的就是发现并找出系统中存在的问题，并及时的进行解决，确保系统可以正常稳定的运行下去，在进行系统测试的时候，在一定要非常的认真、仔细，切记不能粗心，不能放过一个漏洞，测试时候一定不要着急，要按照之前指定好的测试步骤一步一步进行，并且将测试的结果进行详细的记录，我们在进行测试的时候做好选择自动化的测试，这样既可以节省时间而且也能确保测试的准确性，如果采用人工测试的方法就不会这么的方便，由于人工测试有很多不确定的因素，在测试过程中很可能会出现一些问题，用机器测试就不会出现任何的问题，而且机器不会疲惫会一直二等工作下去。在测试的时候一定要非常专注，时刻关注着测试的结果，一但发现异常及时进行修改，最后，测试完之后的文档应该保存下来，方便以后测试时用到。系统测试的方法有很多，对于本环保知识普及平台的测试，我们使用了测试用得最多的黑盒测试方法来对该系统进行测试。

### 6.3测试方案 ###

对测试计划的把握是测试方案的重中之重。所有的技术难点应该都被包含在这个测试计划之中。而且我们要保证能与目标形成一致性，以至于能够测试出一些主要存在的错误和一些错误的漏洞。可以完美解决这些问题就只有白盒测试或者黑盒测试。

构造测试是白盒测试的另一个名字，了解与分析程序的结构以及性能功用的，从而我们可以得到最终想要的结果并且观察出是不是每一条程序都能得到。

性能测试是黑盒测试别称，程序本身的运作通过程序的进程来观察，主要是看一下程序是不是能够像我们预期的目标那样发展，看一看我们的程序最终能不能完整的得到我们最后想要的功能和储存想得到的数据，到最后看一下我们的这个程序完整性能不能达到要求。

（1）模块测试

单元测试就是模块测试，顾名思义就是测试每个模块所承担的功能是否能够实现，这个测试就是为了找出代码在实际的设计运转中某一些小的程序所出现的偏差，很好地改正这些错误，就说明我们模块测试进行很成功过。

（2）集成测试：

集成测试就是对系统的测试以及对他子系统的一些性能测试，他检查的事系统的包装程序信息。找出其中的问题。他的优势主要有以下这几点：

软件耗费较少。

可以提前发现端口的错误。

更好的地位系统中错误的位置。

从底部往上面进行的方案针对于偏下层的结构，而中间的结构就采用折中的方法。

（3）验收测试：

终于到了结尾性的工作了。就是为了给用户看一下我们的系统功能是否达到了预期的效果。我采用了性能测试也就是黑盒测试对系统进行测试。

其结果是分别是：

有一定的差异在用户的需求。

再者就是结果与之差不了多少。

到了最后了，我们发现的问题都是与用户的需求存在一定的关联。

1、登录测试

测试点：登录

测试的目标：输入账号密码以及验证码后系统会自动进行验证是否正确。

所用的环境：Windows10和IE浏览器。

输入信息：用户名、密码。

步骤：

（1）首先我们打来浏览器，进入该系统的登录界面。

（2）在进入页面登录部分以后可以进行对用户名、密码进行测试，具体测试输入情况如下表6.1所示。

表6.1 登录测试

<table style="width:399pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:67.25pt;"> 情况 </td> 
 <td style="vertical-align:top;width:83.15pt;"> 用户名输入 </td> 
 <td style="vertical-align:top;width:70.5pt;"> 密码输入 </td> 
 <td style="vertical-align:top;width:178.1pt;"> 期望结果 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.25pt;"> (1) </td> 
 <td style="vertical-align:top;width:83.15pt;"> 15546219225 </td> 
 <td style="vertical-align:top;width:70.5pt;"> 1244566 </td> 
 <td style="vertical-align:top;width:178.1pt;"> 提示“用户名或者密码错误，或账号未经审核” </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.25pt;"> (2) </td> 
 <td style="vertical-align:top;width:83.15pt;"> aaaaa </td> 
 <td style="vertical-align:top;width:70.5pt;"> 123456 </td> 
 <td style="vertical-align:top;width:178.1pt;"> 提示“用户名或密码错误，或者账号未经审核” </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.25pt;"> (3) </td> 
 <td style="vertical-align:top;width:83.15pt;"> 15546219225 </td> 
 <td style="vertical-align:top;width:70.5pt;"> hangguowei </td> 
 <td style="vertical-align:top;width:178.1pt;"> 登陆成功 </td> 
 </tr> 
 </tbody> 
</table>

### 6.4系统分析 ###

本环保知识普及平台设计要求基本都可以达到，此系统具有完整的软件功能，良好的用户界面，能够正确的处理错误信息，而且能够准确的提出错误的种类。但是系统测试时也出现了一些系统的不足和缺陷，所以在今后的日子里我会对其视觉上的不足作出修改，其次系统的代码和数据库出现了非常多的冗余现象，都是因为对编程技术的应用不够熟练，在日后我会加强自己的自身学习和能力，减少这样的冗余现象。

经过对上述的测试结果分析，本环保知识普及平台无论是在技术方面，还是操作方面，还是经济方面都是完全可以实行的，并且经过测试，该系统操作简单，所有的功能都可以实现，因此该系统可以满足人们的使用需求，值得被推广。

总体说来，软件通过测试。

## 7 结论 ##

本文研究了SSM环保知识普及平台的设计与实现，在文章开端首先对课题的目的与意义、国内外研究现状和研究内容作了简单的介绍，然后通过系统分析，引申出本系统研究的主要内容。

通过对SSM框架技术和MYSQL数据库的简介，从硬件和软件两反面说明了环保知识普及平台的设计与实现的可行性，本文结论及研究成果如下：实现了SSM框架与mysql数据库相结合构建的环保知识普及平台，通过本次环保知识普及平台的设计与实现的研究与实现，我感触到学习一门新技术，最重要的是实践，只有多动手才能尽快掌握它，一个系统的开发，经验是最重要的，经验不足，就难免会有许多考虑不周之处。要想吸引更多的用户，系统的界面必须要美观、有特色、友好，功能要健全。

由于在此之前对于SSM知识并不了解，所以从一开始就碰到许多困难，例如一开始的页面显示不规范、数据库连接有问题已经无法实现参数的传递等等，不过通过我不断的查阅相关的资料，以及向老师同学请教，最后出现的所有的问题都得到了解决，通过这次的系统开发，我学到了很多的知识，也明白了自己在哪些方面有不足的地方，尤其是学会如何从大量的信息中筛选出所需有用的信息，同时我更加深刻的体会到了，虽然书本上的大部分知识都是有价值，正确的，但实际上每个人编程的思路和对数据处理的方法、思想都是不同的，这就要求我们一定要通过实践才能找到解决问题的方案。在此次毕业设计活动中，我不断的提高了自己，也得到了宝贵的经验，我相信这些对我以后的发展都会有很大帮助。

通过这次环保知识普及平台的开发，让我学到了更多的知识，同时通过这次系统的设计也让我明白了自己在哪方面有不足，以后加以学习争取可以开发住更多有用的适用的系统软件，本次系统的设计提高了我的编程水平，为了我今后系统的开发打下了结实的基础。

## 参考文献 ##

\[1\]Bird Tess,Jensen Tenna. Corrigendum to "What's in the refrigerator? Using an adapted material culture approach to understand health practices and eating habits in the home" \[SSM 292 (2022) 114581\].\[J\]. Social science & medicine (1982),2022.

\[2\]李乐.Java语言应用研究\[J\].智慧中国,2022(09):80-81.

\[3\]郑戟明,董云朝,柳青.MySQL数据库数据导入导出方法的探讨\[J\].电脑知识与技术,2022,18(22):24-25.DOI:10.14004/j.cnki.ckt.2022.1517.

\[4\]宋旸.使用Java语言开发Web应用软件的知识探讨\[J\].中国设备工程,2022(14):121-123.

\[5\]贺斌.计算机软件开发中JAVA语言的应用研究\[J\].中国设备工程,2022(11):247-249.

\[6\]王景.基于MySQL的数据库查询性能优化技术研究\[J\].电脑与电信,2022(06):90-93.DOI:10.15966/j.cnki.dnydx.2022.06.007.

\[7\]杨迎.Java语言异常处理机制的分析\[J\].电子技术,2022,51(03):42-43.

\[8\]曹嵩彭,王鹏宇.浅析Java语言在软件开发中的应用\[J\].信息记录材料,2022,23(03):114-116.DOI:10.16009/j.cnki.cn13-1295/tq.2022.03.009.

\[9\]Siyi Liu. Explore Java Language and Android Mobile Software Development\[J\]. International Journal of Frontiers in Engineering Technology,2021,3.0(2.0).

\[10\]Kevin Kline. The Java Language Extension for SQL Server Is Now Open Source\[J\]. Database Trends and Applications,2020,34(4).

\[11\]Hu Xin,Yan Chaobing. Development and application of JAVA language development test evaluation system software\[J\]. Journal of Computational Methods in Sciences and Engineering,2020,20(4).

\[12\]李妍, “绿色生活你我共享,共建生态美丽家园”环保知识普及与推广. 天津市,天津市农业资源与环境研究所,2019-11-06.

\[13\]张浩慜,李娟.应用互联网宣传普及环境保护科普知识的思考\[J\].能源与环境,2016(03):8-9.

\[14\]李雷雷.农村环保科普工作的研究\[J\].煤炭与化工,2016,39(03):153-155.DOI:10.19286/j.cnki.cci.2016.03.048.

\[15\]姜山.“国家环保科普基地”行使普及环保知识使命\[J\].环境教育,2008(03):59-61.

\[16\]娄山,吕婷玉. 普及环保知识 建设环境友好社会\[N\]. 蚌埠日报,2006-11-06(001).

\[17\]杨淑华.让环保科普知识进入千乡万村——第一届全国环境保护科普工作经验交流会在厦门召开\[J\].中国环境管理丛书,2005(02):2.

\[18\].广西“十万大山杯”青少年环保科普知识比赛试题\[J\].沿海环境,1999(04):30-32.

\[19\]刘仲玮.普及环保知识应从中小学地理教学开始\[J\].新疆环境保护,1987(04):60-61.

\[20\].普及环保科学知识,提高群众环境意识——纪念世界环境日活动总结\[J\].环保科技,1985(01):5-9.

**致谢**

本次毕业设计圆满的结束了，通过这次毕业设计我学到了很多的知识，也提高了我软件开发的能力，在系统开发设计的过程中，出现了很多的问题，但是通过老师和同学们的帮助，最后所有的问题都得到了解决，因此我要感谢在此过程中对我帮助的老师和同学们，感谢指导老师帮助我选课题，给我做详细的讲解，给我提供设计所需要的各种设备，也经常询问我进度与成果，再有难点的时候给我解决思路，帮助我顺利完成。没有他的指导，也不会有我今天所展现出的成果。

首先我要感谢我的指导老师，指导老师在教学任务繁忙的情况下，抽出时间帮助我纠正我在设计当中出现的问题，并耐性地为我的论文作校正，是他的定期检查和指导使得我们的毕业设计高质量完成。他在我整个课题开发和设计的过程中，为程序的设计、框架的设计、代码的撰写方面以及论文框架的设计提供了很多宝贵的意见，并且为我推荐了许多有用的资料和文献，他的指导和建议使我受益匪浅，有了指导老师的辅导和指点，我论文才能够顺利完成。老师的认真负责的工作态度和治学严谨之道使我们这些即将踏入社会的毕业生受益匪浅。

然后要感谢我的同学们，感谢大家对我这次毕业设计的帮助， 也感谢大家在大学生活中对我的陪伴，使得我的大学生活过的很快乐。

另外，我还要感谢父母，感谢一直以来对我的支持，让我能够顺利的完成我的学业，没有你们也就没有我的今天，感谢你们无私的付出，未来我一定会报答你们的。

最后，感谢在座的所有参加我论文答辩的老师们，感谢大家的聆听，你们辛苦了。

**请关注点赞+私信博主，免费领取项目源码**

[e9e99d33e5a64f0fa5b82751f15fbe9c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/d3217f84829e47f1a720e6fedec2db44.png
[19202b17bc7b4a5386565302ae9f91c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/05de2f456e364bd0b6d337ca028a4820.png
[5dc7f76e6a824910a7a4ce6784fa879e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/9dd896aef304485ead60a235032f87f0.png
[3351de5013ef4913898aa5a569552ea9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/a2efc7ed8b48476485d9dea87c206310.png
[5fdba153b5d64926a5dca215a40067dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/13ea3ff4fc524dc6bd4a895c73696a9f.png
[fa263e80acbc47b28fe362cce0da1ba6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/affed585674e419f91dabb282d49e334.png
[4893593a1b0043a18e2d7588aa0b175b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/5f99201f2e734ec596aaf3128e668b80.png
[78ebd56741514ae7a180c1a91c968ace.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/95c09ea80f604057b682c82ed17bb288.png
[2d9b90ecb9214f2280424d5a2a2293d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/980041c630ad4390b2ef8b5d1ed142ed.png
[7417f7d5c549426fbc2720d1915746f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/8bfa888d57d54c2a9af8aba9aacb6aae.png
[f53c11ac4221478d8e0a6bca788b4b18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/c6ab10680b8845c2bad9ff6dd724e1ab.png
[2aed1ddea3b64c8eaedf35fe04424e35.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/49d81d704ed846be990ca958aa24e40e.png
[05b18ddf80c542f99c58a84e3493d919.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/08af4d39bc024b469759977eea25f9f7.png
[723d04a5650c40af8daa8b2a38865a34.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/bb18a6ee52de49929c0986bf48dc36f1.png
[860b1ddec9fc48f7bd0b640733de2217.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/29b531f825c347f08c03977a58906c67.png
[dc87567a3d414c36bceecdb7305cefa5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/e7f2fd10b1ff40cca2661df25568a3ce.png
[ce054c47544841b4a0fa95b3eb311219.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/f11e75e1c68a4db3a4ff20ad3fe76a39.png
[e74997352d0e4afcb38a597f73ef9a6b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/72b80e3ee41447218840d8ecfc9ee748.png
[12b552645cde474eb99e10121dea5580.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/83ed96219a694a249f8f37db2ea8ab59.png
[efc79e6dc03141ee98ac58c9c30085ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/4b2bbcdc8b204b24879be8e4e18ef8f8.png
[d1a54b2d0626423196e33d59d9090473.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/bac6dd2e61f142b5ac37ab3174ef40dd.png
[8fb39bd60e754e85973708db58a99a25.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/4e0528e19dcd4de68755a22833ba7017.png
[1bc5b8cfc4e2478caddb4864b3642727.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/cb88de3a0605446f97ef5bec630082a5.png
[02d5e25cf34447348a2fe2d385ddec46.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/458cd3a9a1cc4000b919284e4cc3acd7.png
[5e1b222aba9a476b9732863da9fb5a10.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/cdfd7c53dc7840ada6fd706f4ea59687.png
[51139aa96df343b2b02e68552eb625d6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/446d277247a54510b250c698dceac785.png
[10fc0dd1c2ca452294fd3f12ab700e9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/e614da0e09a5480388b5b6ba6a9ec335.png
[5953b0aec26346589e109e6110c9cc40.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/9192951f27644ff0a22122e0d5ef225e.png
[5dfab87ee70549f98adefa7a653afe10.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/88a82f52383f4e88a66910a8e90b4f4b.png
[b2933f5182694fa08268ce08e90be310.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/b7abac9d62df40ea94ca11938ee4a07a.png
[462d6e1b24554c24aa9aa185a97df162.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/95118c214e774b4eabd2beb83eba8b39.png
[05cb14671a084867b06f9d0f4f9d05e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/0f53c89103924799b79d63d81e1bf5fa.png
[ce62e3cf4e1b4da3a6c36f6139e9de7a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/6b9a522ed5214d42956663c1d0993ab3.png
[7b0ed551a90141cfb4585d11b16e1c5f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/f9a2d51192394ba68ed3c7bda6806d89.png