（附源码）springboot网上投票系统毕业设计 282018

迈不过友情╰ 2024-04-03 07:02 107阅读 0赞

基于springboot网上投票系统

摘 要

随着全球Internet的迅猛发展和计算机应用的普及，特别是近几年无线网络的广阔覆盖以及无线终端设备的爆炸式增长，使得人们能够随时随地的访问网络，以获取最新信息、参与网络活动、和他人在线互动。为了能及时地了解民情民意，把握人们近期关注的内容，政府机构以及各大门户网站等单位会将一些热点话题以投票的形式发布到他们的网站上面，供人们投票中心。因此，网上投票系统应运而生。

网上投票系统主要功能模块包括管理员、首页、站点管理（轮播图、公告栏）用户管理（管理员、注册用户）内容管理（交流论坛、论坛分类列表、新闻资讯、资讯分类列表）更多管理（票中心、投票类别、投票记录、投票咨询）采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对网上投票系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现网上投票系统和部署运行使用它。

关键词：投票中心；java；Mysql数据库

**Online voting system based on springboot**

**Abstract**

With the rapid development of the global Internet and the popularization of computer applications, especially the wide coverage of wireless networks and the explosive growth of wireless terminal devices in recent years, people can access the network anytime and anywhere to obtain the latest information, participate in network activities and interact with others online. In order to timely understand the people's situation and public opinion and grasp the content that people pay attention to recently, government agencies, major portals and other units will publish some hot topics on their websites in the form of voting for people to vote online. Therefore, online voting system came into being.

The main functions of the system include the development of hardware, the listing of voting objects, and the management of the voting center (the administrator of the forum) and the management of the voting center (the administrator of the forum) on the website, It can well meet the needs of practical use, improve the corresponding software erection and program coding, take MySQL as the main storage unit of background data, use Java technology and Ajax technology to code and develop the business system, and realize all the functions of the system. Firstly, it lays the foundation and significance of this research. This paper analyzes the various requirements and technical problems of the online voting system, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design idea needed to design the system, and finally realizes the online voting system and deploys it.

**Keywords:** online voting; java； Mysql database

目 录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 论文组成结构

第2章 开发工具及相关技术介绍

2.1 开发技术

2.2 Mysql描述

2.3 MVVM模式

2.4 B/S结构

2.5 Springboot框架介绍

2.6 Vue.js 主要功能

第3章 系统分析

3.1 可行性分析

3.1.1经济可行性

3.1.2操作可行性

3.2需求分析

3.3系统业务流程分析

3.4系统数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构

4.3 功能模块设计

4.4 数据库设计

4.4.1 概念模型设计

4.4.2 逻辑结构设计

第5章 系统实现

5.1 登录模块的实现

5.2 用户子系统模块的实现

5.2.1 用户首页模块

5.2.2 用户注册模块

5.2.3 投票咨询模块

5.2.4 投票中心模块

5.3 管理员子系统模块的实现

5.3.1 管理员主页模块

5.3.2 系统用户管理模块

5.3.3 投票记录管理模块

第6章 系统测试

6.1 测试目的

6.2 测试用例

6.2.1 登录测试

6.2.2 注册测试

6.2.3 投票活动管理测试

6.2.4 投票资讯管理测试

6.3 测试结果

第7章 总结与展望

7.1 总结

7.2 展望：

参考文献

致谢

1.   绪论
    
    1.   研究背景与意义

电子信息时代背景下，互联网正在进行着急剧膨胀式的发展。而计算机和网络设备等硬件的普及，为网民的上网提供了更加便捷的条件，互联网已然成为了人们生活中不可分割的一部分，且在政治、经济、文化、科技、生活、社会等方面无时不刻地影响着整个世界。

近年来，在这样的网络与社会大环境之下，如何有效地了解并收集民情与民意逐渐成为了互联网领域的一个热点问题，于是网络投票中心这个词语应运而生。投票中心顾名思义，就是利用互联网技术将某些热点话题发布至 Web 上，提供若干个选项供网络用户在线选出感兴趣的选项的过程。投票的结果可以实时地自动统计出来，用户不仅能够随时查看统计结果，还可以对参与的投票话题进行热点投票，线上投票形式选出的结果。分布在互联网上的各种大大小小的投票活动可以说是不胜枚举，令人眼花缭乱。而作为网络投票中心的一种软件实现------网上投票系统在这些投票活动中起着至关重要的作用，其几乎囊括了从网络投票中心到投票结果查看，再到投票结果智能分析所有与投票过程相关的功能。

1.  1.   开发现状

国内基于WEB的网络投票系统在国内外都有着非常广泛的应用。众多企业、高校、科研机构以及个人从理论与实践两个方面都进行了大量的研究与开发工作，并涌现出了大量的网上投票系统。以下介绍几个典型的网上投票系统，用以说明国内外网上投票系统的发展状况:

( 1)SurveyMonkey（调查猴子）免费创建在线调查问卷系统。SurveyMonkey在网络调查领域可谓遥遥领先，其富有特色的在线调查服务网站在美国十分的流行。该网站不仅具有强大的功能、人性化的界面而且还能非常好地支持世界上任何一门语言，包括中文在内。因此其客户群遍布于世界的各大公司，此外它还包括许多国家的政府职能、学术研究等机构。

(2)问道免费在线创建调查问卷平台。问道网是国内比较专业的在线创建问卷、在线调查网站，拥有超过10万的国内外用户，包括学校、中小企业、事业机构、上市公司、科研单位、跨国500强企业等。这种网络结构的应用变得相当流行，客户端只需安装网页浏览器就能实现对Internet的访问，而将系统功能实现的核心部分主要集中到服务器上。因而采用此结构模式开发的网上投票系统具有系统稳定性强、维护成本低、客户端电脑载荷小等优点。

1.  1.   论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出网上投票系统。

本文共有七章，如下所示。

第一章概述了网上投票系统的研究目的和意义；精炼地总结了国内外在仓储领域的研究情况和未来的研究趋势，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对网上投票系统进行设计。

第五章对网上投票系统进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对投票中心采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

1.   开发工具及相关技术介绍
    
    1.   开发技术

本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型。后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

1.  1.   Mysql描述

现在Mysql数据库在网络上它可以支撑许多个用户，而且也可以适应客服机和服务器的部署或者配置等，我们这里的服务器和客户机其实就是一种软件上的概念，并且我们使用的计算机硬件也与他们不存在一一对应的关系。

Mysql是一款非常流行的关系型数据库管理系统，它的出现一直都是佼佼者，它不仅功能非常强大，而且使用起来非常方便，并且Mysql的跨平台能力也很好，软件开发人员非常喜欢它的这些强大的优点。不同于其他关系型数据库，对于数据库的管理它有着自己的一套方案，通过对用户设定相应的权限和角色来达到对数据库的管理。由此可见，Mysql是一个能够适用于吞吐量高，可靠性高，效率高的一款数据库管理软件。

优点一：Mysql中对于不同身份的用户都设定其不同的权限来完成不同的业务逻辑，这使得Mysql在安全和完整性远远超出了其他关系型数据库。

优点二：对于那些动画、图形和声音的数据类型Mysql也可以支持，这说明多数据类型Mysql也是可以支持的。

优点三：Mysql还可以做到多个平台的开发，软件开发的多种编程语言都可以实现对Mysql数据库的操作。

1.  1.   MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、[音频][Link 1]、[视频][Link 2]、[3D][]、[动画][Link 3]……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）[模式][Link 4]与WPF结合的应用方式时发展演变过来的一种新型架构[框架][Link 5]。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

1.  1.   B/S结构

在系统的开发上采用了B/S结构，在B/S结构中，统一采用浏览器，而不需要去开发任何的用户界面，Web浏览器向处理它的Web服务器发送请求，并一步一步地将处理结果返回给客户端。B/S结构主要采用了各种脚本语言和ActiveX技术，降低了系统的开发难度并简化了系统维护以及使用。

B/S结构有如下特点：B/S结构建立在广域网上，不需要专门为其配置硬件环境，比C/S结构的适应范围更强；由于其基于广域网，所以其对安全的控制能力相对较弱；B/S的多种结构要求构造相对独立的函数，这样才能可以更好地重用；B/S结构组成简单，便于对个别构件进行更换，降低了系统的维护成本B/S信息流向与C/S不同，B/S信息流向可变化。

1.  1.   Springboot框架介绍

Spring框架是[Java平台][Java]上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为[EJB][]（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有[面向切面编程][Link 6]（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的Web[MVC框架][MVC]，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.  1.   Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的[数据绑定][Link 7]和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

1.   系统分析
    
    1.   可行性分析

在软件开发的过程中系统的可行性分析是必不可少的，可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点，还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性，操作的可行性，经济的可行性对我们的系统进行可行性的研究。网上投票系统的可行性分析如下所示：

### 3.1.1经济可行性 ###

网上投票系统是在Express和Mysql的环境中运行的，而系统的成本也只是主要分布在软件的开发和维护上。如果系统上线投入使用之后，不仅可以方便人们，还节省了用户的时间和精力，而且还极大限度的方便了运营者，减少了运营者的工作强度。网上投票系统其实也不太复杂，在开发的时候经济支出也不大，在开发系统时时间用的也不多，从时间的优势和对经济利益方面产生的好处远超过维护和管理的成本，所以开发此系统是可行合适的。

### 3.1.2操作可行性 ###

本系统是基于浏览器和服务器的网上投票系统，系统开发完成之后用户只需要在浏览器中输入正确的URL地址即可进行访问。本系统的前台页面简单明了，在没有操作指导的情况下也可以进行操作，无论是系统管理员还是普通用户在页面中所有的操作都是在浏览器中完成的，因此只要电脑在有网络的情况下，打开浏览器都能操作。而且在使用之前也不用进行相关的环境配置，因此本系统方便、简单、易于使用，所以该系统是容易并且可操作的。

### 3.2需求分析 ###

管理员模块：首页、站点管理（轮播图、公告栏）用户管理（管理员、注册用户）内容管理（交流论坛、论坛分类列表、新闻资讯、资讯分类列表）更多管理（票中心、投票类别、投票记录、投票咨询）

用户模块：首页、投票中心、投票类别、投票记录、投票咨询等。

用户用例图如下所示。

![a181fd1ab94146a1a12bf14f5b573c00.png][]

图3-1 用户用例图

管理员用例图如下所示。

![db64853bbf4445068b0497dea7feee11.png][]

图3-2 管理员用例图

根据用例图，对一些重要的用例进行描述。

注册用例描述如下表所示。

表3-1 注册用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户填写相关注册数据完成注册成为系统的用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户填写相关注册数据并且要注册的账号不存在与系统中 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 
 <ol> 
 <li style="text-align:justify;">用户点击注册按钮</li> 
 <li style="text-align:justify;">用户填写相关注册数据</li> 
 <li style="text-align:justify;">用户确认并提交注册数据</li> 
 <li style="text-align:justify;">系统提示注册成功</li> 
 </ol></td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 
 <ol> 
 <li style="text-align:justify;">系统检测用户所输注册数据如不符合要求则提示并返回注册界面</li> 
 <li style="text-align:justify;">系统检测用户所输账号不可用或已存在与系统中则提示并返回注册界面</li> 
 </ol></td> 
 </tr> 
 </tbody> 
</table>

登录用例描述如下表所示。

表3-1 登录用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户填写用户名和密码登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户拥有账号和密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户名和密码都正确 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）用户在登录页面输入用户名和密码 （2）系统检测用户输入的用户名和密码是否正确 （3）用户名和密码正确的话，显示登录成功并返回主页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）系统检查除密码不正确，返回登录页面 </td> 
 </tr> 
 </tbody> 
</table>

个人信息管理用例描述如下表所示。

表3-1 个人信息管理用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 管理和修改个人信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户查看、修改个人信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户已登录到系统中 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）用户查看个人信息 （2）用户修改个人信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）用户可修改密码 （b）用户可修改个人资料，例如姓名，头像等 </td> 
 </tr> 
 </tbody> 
</table>

投票中心用例描述如下表所示。

表3-1 投票中心用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 投票中心 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户执行投票中心操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户已登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 该活动存在，并且能被投票 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 在活动页点击要投票 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 活动必循存在 </td> 
 </tr> 
 </tbody> 
</table>

投票管理描述如下表所示。

表3-1 投票管理用例描述

<table style="width:438.9pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 投票管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 参与者 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 描述 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 用户提供新增、修改、删除、查阅等功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 前置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 
 <ol> 
 <li style="text-align:justify;">用户成功登录系统</li> 
 <li style="text-align:justify;">用户只能对已存在的投票记录进行修改和删除</li> 
 </ol></td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 后置条件 </td> 
 <td style="vertical-align:top;width:368.7pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 事件流 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （1）用户查看修改投票 （2）用户添加投票 （3）用户删除投票 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:70.2pt;"> 补充说明 </td> 
 <td style="vertical-align:top;width:368.7pt;"> （a）新添加的投票不符合要求时会添加失败 （b）修改的投票不符合要求时会修改失败 </td> 
 </tr> 
 </tbody> 
</table>

### 3.3系统业务流程分析 ###

网上投票系统的业务流程如下图所示。

![f6a57f0e544d45aeb329b3d9443108a8.png][]

图3-3 系统业务流程图

管理员拥有最高权限，在对各项信息进行增加、删除、修改后会更新后台数据库的内容，用户在登录进行注册登录、用户资料修改、投票中心、投票结果查询、等指令动作同样会更新后台数据。

### 3.4系统数据流程分析 ###

与强调控制逻辑的程序流程图不同，它更关心的是整个系统中数据的具体流动以及数据的加工处理的整个客观过程，是对数据规格的说明。也正因如此，系统数据流图作为系统结构化分析方法中极为重要的一种描述工具备受青睐。

网上投票系统的顶层数据流如下图所示。

![8b336476df8745e08efe792193deb4ce.png][]

图3-4系统顶层数据流图

系统顶层数据流：外部实体为用户，第一个流程为登录验证，用户信息表返回密码验证，是否正确，正确则登录系统，错误则反馈信息，登录系统后，根据不同用户的功能选择，来读写数据库。

系统底层数据流如下图所示。

![d16a022f50394a84a426d47f46f2fcb3.png][]

图3-5系统底层数据流图

系统底层数据流：外部实体为管理员和普通用户，数据流分别有管理员和普通用户流向系统数据流程，数据表提供数据支持，来完成逻辑操作。

1.   系统设计
    
    1.   系统架构设计

ASP.NET结构是一种三层机构：UI层、业务逻辑层和数据层。

![129e83ad90d744a39cdbe56a6339f1f4.png][]

图4-1 ASP.NET结构图

1.用户层（UI）负责和用户交互，接收来自于用户的请求，然后将结果呈现给客户；

2.逻辑层负责接收用户端传来的请求并将消息传给数据处理层，随后将处理后的结果发给客户。它是有Web Services、Web表单、XML和组件服务组成，在这些当中Web表单是一切的核心，是向客户显现数据和信息的基础，也是相应和处理客户和显示Web表单生成的数据及信息的基础；

3.通过数据层ADO.NET操纵数据为业务层提供数据服务。

1.  1.   系统功能结构

进入系统后首先要进行登录，验证你的身份，赋予你不同的权限。当你成功登录后，页面会有多个板块，分别是首页、站点管理（轮播图、公告栏）用户管理（管理员、注册用户）内容管理（交流论坛、论坛分类列表、新闻资讯、资讯分类列表）更多管理（投票中心、投票类别、投票记录、投票咨询）推荐。里面界面简单易懂，根据标示可以直接进行方便快捷的操作。

系统功能结构图如下所示。

![2d35f3616f7f4614a268d5fb63faa8fc.png][]

图4-2系统功能结构图

1.  1.   功能模块设计

管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能，包括：

管理员录入管理员账户基本信息；

管理员更新、增加及删除管理员账户基本信息；

管理员根据管理员账户 ID 查询基本信息；

系统管理员更改个人密码；

投票资讯管理。主要是提供投票资讯的基本信息录入、维护和查询功能，包括：

用户录入投票资讯信息；

用户更新、增加及删除投票资讯基本信息；

用户根据想要了解的投票话题查询投票话题基本信息；

投票中心管理。主要提供投票中心的基本录入、删除、维护和查询功能， 包括：

用户录入投票信息；

用户更新、增加投票基本信息；

用户根据投票 ID 查询投票基本信息；

1.  1.   数据库设计

一个好的系统它的后台数据库一定要考虑的全面，这和我们建造房子一个概念，房子不是随心所欲建起来的，一切都是在合理设计的基础是实现的，地基打牢固了房子才能建的更高。数据库如果设计的很合理，而且每个方面都能考虑到了那么这个系统才能不会出现大的问题。

1.  1.  1.   概念模型设计

本系统在数据库中存放了多张表，分别是用户表、投票表、口语表、交流表。

系统的主要实体间关系E-R图如下图所示。

![3601f3dc3e9b48349cbe32882f19f5b0.png][]

图4-7系统E-R图

1.  1.  1.   逻辑结构设计

此环节把概念转变成数据。由于整个数据库所处理的信息过多，就只展示几个表。

<table style="margin-left:4.9pt;width:457.5pt;"> 
 <tbody> 
 <tr> 
 <td colspan="2" style="width:187pt;"> notice </td> 
 <td style="width:52pt;"> </td> 
 <td style="width:52pt;"> </td> 
 <td style="width:52pt;"> </td> 
 <td style="width:114.5pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> notice_id </td> 
 <td> mediumint </td> 
 <td> 8 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 公告id </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> title </td> 
 <td> varchar </td> 
 <td> 125 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> content </td> 
 <td> longtext </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 正文 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> registered_user </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> registered_user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 注册用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> full_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> gender </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 性别 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> personal_introduction </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 个人介绍 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> slides </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> slides_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 轮播图ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> title </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> content </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 内容 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> url </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 链接 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> img </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 轮播图 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> hits </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 点击量 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> voting_category </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_category_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 投票类别ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票类型 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> voting_center </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_center_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 投票中心ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_title </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 投票标题 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> start_time </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 开始时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> deadline </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 截止时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_cover </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票封面 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票类型 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> number_of_votes </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 票数 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> sponsor </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 发起人 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_content </td> 
 <td> longtext </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票内容 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> hits </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> praise_len </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> voting_consultation </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_consultation_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 投票咨询ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> consultation_title </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 咨询标题 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> consultant </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 咨询人 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> full_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> consultation_time </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 咨询时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> consultation_content </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 咨询内容 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> consultation_reply </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 咨询回复 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2" style="width:187pt;"> voting_records </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> 字段名称 </td> 
 <td> 类型 </td> 
 <td> 长度 </td> 
 <td> 不是null </td> 
 <td> 主键 </td> 
 <td> 字段说明 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_records_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 主键 </td> 
 <td> 投票记录ID </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_title </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票标题 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voting_time </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> voter </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票人 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> full_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> number_of_votes </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> </td> 
 <td> 投票数量 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:135pt;"> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> </td> 
 <td> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

1.  系统实现
    
    1.   登录模块的实现

该登录模块利用js进行设计，JavaScript函数CheckSubmit()对输入框是否为空进行验证，使用js的技术结合Mysql 2012数据库的查询语句进行登录信息的验证。首先从文本框中分别获得账号user\_name和密码user\_pw，使用Sql语句“select \* from t\_user where user\_name=‘”+user\_name+“’ and user\_pw=‘”+user\_pw+“’”将查询结果赋给rs结果集，若rs.next()返回值为空，表示数据库找不到该用户数据，若rs.next()返回值不为空，则显示登录成功，进入主界面。

用户登录流程图如下所示。

![aded6ad1533a4155a0c6bc8e00f347ad.png][]

图5\-1用户登录流程

用户登录流程：用户只有输入正确的用户名和密码才会成功进入系统，用户输入用户名密码后点击登录按钮，系统会进行校验该用户名是否存在，如果用户名与密码不匹配或者用户名不存在，则返回主界面。

系统登录界面如下图所示。

![0e973b16a2d94515836a3bf35685ec30.png][]图5-2系统登录界面

1.  1.   用户子系统模块的实现
        
        1.   用户首页模块

在浏览器的地址栏里输入http://localhost:8080/index.jsp 地址，就可以跳转到网上投票系统的首页，首页是由4个页面组成的，包括top、left、down和center等页面，这里也是浏览者访问系统的入口，通过@ include引入。

首页载入流程图如下所示。

![3dc5299346a54c63bb371e64738d5eab.png][]

图5\-3首页载入流程

首页载入流程：系统先连接数据库，显示界面参数初始化，读取数据库的数据表，读取html显示模板，对数据按添加时间排序，按照模板设计位置显示数据，刷新显示界面，断开数据库连接。

首页如下图所示。

![c61370e30723494a835581e895fcd2f6.png][]

图5-4首页界面

1.  1.  1.   用户注册模块

系统的用户通过自行注册生成，在系统首页点击用户注册菜单，系统跳转到对应的注册页面。点击重置按钮，清空所填数据，点击注册按钮完成注册。

用户注册流程图如下所示。

![b4df5ea263704652910a48f29e620697.png][]

图5\-5用户注册流程

注册个人信息实现流程为：填写个人信息，系统使用JQuery选择器获取在网页中输入的注册信息，再对联系方式、登录密码等信息进行验证，验证通过后用Ajax异步请求方式向服务器发送请求并把数据传送到后台，然后验证用户名是否已存在，如果已存在则注册失败提示“用户名已存在”；如果用户表中没有该用户名则把用户信息加入数据库，把操作状态以json字符串方式返回到前台。Ajax请求成功接收到返回的数据时会触发成功回调函数，然后解析返回的json字符串，系统根据返回信息弹出提示框，注册成功后返回登录页。

用户注册界面如下图所示。

![e686348ff22b4c0e8060f506a64a78f1.png][]

图5-6用户注册界面

1.  1.  1.   投票咨询模块

系统使用\_SESSION先判断当前是否有用户登录到系统，如果得到空值，则提示用户进行账号登录。liuyanban.jsp获取用户输入的（title，content），使用sql写入数据库中的（liuyanxinxi）表。在系统前台，未登录的游客用户只能查看李艳，不能在线添加投票咨询。管理员在系统后台回复用户的投票咨询，在lyb\_hf.jsp实现回复。

投票中心咨询流程图如下所示。

![81288033c114423eb8b21f2c540e15c0.png][]

图5\-7投票中心咨询流程

投票咨询添加界面如下图所示。

![f1cfafc8a9224db29a1f471c40325552.png][]

图5-8投票咨询添加界面

1.  1.  1.   投票中心模块

用户在系统前台显示，用户浏览投票活动信息，查找到自己感兴趣的活动内容，在投票栏提交投票，生成投票记录。

投票中心流程图如下图所示。

![f630ff0ecd5c4bb6a8db1b0652dca31f.png][]

图5-9投票中心流程

投票中心界面如下图所示。

![376c75bc59d44a72b097b1a4f4f36571.png][]

图5-10投票中心界面

1.  1.   管理员子系统模块的实现
        
        1.   管理员主页模块

经过用户登录后，页面跳转至首页，main.jsp，首页是由2个页面组成的，包括top、left和center等页面，通过@ include引入，系统首页主要介绍系统的基本信息，包括当前用户、当前日期、当前访问浏览器的版本、服务器的端口数、当前用户的权限、当前电脑的ip、当前电脑的操作系统名称、本系统的开发日期、系统作者、指导教师、开发日期等。其中left部分是系统菜单，本系统菜单包括1级菜单和2级菜单，使用jquery实现1级菜单展开为2级菜单。

主界面如下图所示。

![a71f7b59a5d04135a71f620291c769f8.png][]

图5-11管理员主界面

1.  1.  1.   系统用户管理模块

管理员对系统用户的管理，在yhzhgl.jsp实现管理员用户的管理，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，提交到mod.jsp中，使用sql命令更新密码。

管理员用户管理的界面如下图所示。

![5cb3541f9238440892754540285a5d44.png][]

图5-12管理员用户管理界面

1.  1.  1.   投票记录管理模块

投票记录管理包括投票标题、投票时间、投票人、姓名、投票数量等操作。

投票记录的界面如所示。

![6650dddaabfb4e44bb2f6b1fa6613c14.png][]

图5-13投票记录界面图

1.   系统测试
    
    1.   测试目的

在这个产品被投入使用前，首先需要进行试用，这是重要的环节。考虑到某个部分的开发没有缺陷情况下，把各种模块拼接，也有一定概率就存在矛盾。这就好比每个人都很独特，但聚在一起就显得杂乱无章，需要保证有默契的配合。对于测试，要看它的各项内容是否契合的原则。若与最初定下的标准有一定程度上的出入，那么就需要做出一些调整，让最终的大方向朝着目标前进。

1.  1.   测试用例
        
        1.   登录测试

登录测试用例如下表所示。

表6-1登录测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="2" style="vertical-align:top;width:186.45pt;"> 输入 </td> 
 <td style="width:186.3pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> 用户名 </td> 
 <td style="vertical-align:top;width:92.15pt;"> 密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> 空 </td> 
 <td style="vertical-align:top;width:92.15pt;"> 空 </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名和密码不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> Kkk </td> 
 <td style="vertical-align:top;width:92.15pt;"> aaa </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名长度不允许，请重新输入！ </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> 2109402315 </td> 
 <td style="vertical-align:top;width:92.15pt;"> 123456 </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名出错，请重新输入！ </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:94.3pt;"> sssss </td> 
 <td style="vertical-align:top;width:92.15pt;"> 123456 </td> 
 <td style="vertical-align:top;width:186.3pt;"> 用户名出错，请重新输入！ </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   注册测试

注册测试用例如下表所示。

表6-2注册测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="4" style="vertical-align:top;width:219.7pt;"> 输入 </td> 
 <td style="width:210.15pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 用户名 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 密码 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 确认密码 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 邮箱 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 空 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 空 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 用户名和密码不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> Kkk </td> 
 <td style="vertical-align:top;width:63.8pt;"> aaa </td> 
 <td style="vertical-align:top;width:63.2pt;"> aaa </td> 
 <td style="vertical-align:top;width:40.7pt;"> 23@qq.com </td> 
 <td style="vertical-align:top;width:210.15pt;"> 注册成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 210 </td> 
 <td style="vertical-align:top;width:63.8pt;"> aaa </td> 
 <td style="vertical-align:top;width:63.2pt;"> abc </td> 
 <td style="vertical-align:top;width:40.7pt;"> 23@qq.com </td> 
 <td style="vertical-align:top;width:210.15pt;"> 注册失败，两次密码不一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> sssss </td> 
 <td style="vertical-align:top;width:63.8pt;"> aaa </td> 
 <td style="vertical-align:top;width:63.2pt;"> aaa </td> 
 <td style="vertical-align:top;width:40.7pt;"> </td> 
 <td style="vertical-align:top;width:210.15pt;"> 注册成功 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   投票活动管理测试

投票测试用例如下表所示。

表6-3投票测试用例

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> 功能 </td> 
 <td style="vertical-align:top;width:106.5pt;"> 测试数据 </td> 
 <td style="vertical-align:top;width:106.55pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:106.8pt;"> 测试结果 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> 添加投票 </td> 
 <td style="vertical-align:top;width:106.5pt;"> 投票内容：asd </td> 
 <td style="vertical-align:top;width:106.55pt;"> 在投票列表中显示投票题目，点击显示投票内容。投票显示为未回答 </td> 
 <td style="vertical-align:top;width:106.8pt;"> 在投票列表中显示投票题目，点击显示投票内容。投票显示为未回答 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> 回复投票 </td> 
 <td style="vertical-align:top;width:106.5pt;"> 回答投票：dxvcv。 </td> 
 <td style="vertical-align:top;width:106.55pt;"> 投票列表中投票“asd”显示已回答，点击投票题目，显示投票内容和回答内容 </td> 
 <td style="vertical-align:top;width:106.8pt;"> 投票列表中投票“asd”显示已回答，点击投票题目，显示投票内容和回答内容 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> 删除投票 </td> 
 <td style="vertical-align:top;width:106.5pt;"> 删除投票“asd” </td> 
 <td style="vertical-align:top;width:106.55pt;"> 投票成功删除 </td> 
 <td style="vertical-align:top;width:106.8pt;"> 投票成功删除 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   投票资讯管理测试

投票资讯测试用例如下表所示。

表6-4添加投票资讯测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="4" style="vertical-align:top;width:219.7pt;"> 输入 </td> 
 <td style="width:210.15pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 标题 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 类别 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 内容 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 备注 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 空 </td> 
 <td style="vertical-align:top;width:40.7pt;"> 空 </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 投票资讯1 </td> 
 <td style="vertical-align:top;width:63.8pt;"> A </td> 
 <td style="vertical-align:top;width:63.2pt;"> 1 </td> 
 <td style="vertical-align:top;width:40.7pt;"> </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.8pt;"> A </td> 
 <td style="vertical-align:top;width:63.2pt;"> 1 </td> 
 <td style="vertical-align:top;width:40.7pt;"> </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败，标题不能为空 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:52pt;"> 投票资讯2 </td> 
 <td style="vertical-align:top;width:63.8pt;"> 空 </td> 
 <td style="vertical-align:top;width:63.2pt;"> 1 </td> 
 <td style="vertical-align:top;width:40.7pt;"> </td> 
 <td style="vertical-align:top;width:210.15pt;"> 添加失败，请选择类别 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   测试结果

经过测试，得到测试结果如下表所示。

表6-6测试结果

<table> 
 <tbody> 
 <tr> 
 <td style="width:54pt;"> 序号 </td> 
 <td style="width:117.85pt;"> 测试项目 </td> 
 <td style="width:126pt;"> 内容和目的 </td> 
 <td style="width:118.15pt;"> 测试结果 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 用户登录 </td> 
 <td style="width:126pt;"> 输入正确用户名与密码 </td> 
 <td style="width:118.15pt;"> 可以登录 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误用户名与密码 </td> 
 <td style="width:118.15pt;"> 提示错误的信息 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 主题活动类别 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 修改登录密码 </td> 
 <td style="width:126pt;"> 修改新的密码 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 用户管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 投票活动管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 投票中心管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 <tr> 
 <td style="width:54pt;"> 
 <ol> 
 <li style="text-align:center;"></li> 
 </ol></td> 
 <td style="width:117.85pt;"> 投票记录管理 （添加，修改，删除） </td> 
 <td style="width:126pt;"> 输入正确信息 </td> 
 <td style="width:118.15pt;"> 成功完成 </td> 
 </tr> 
 <tr> 
 <td style="width:126pt;"> 输入错误信息 </td> 
 <td style="width:118.15pt;"> 操作失败 </td> 
 </tr> 
 </tbody> 
</table>

1.   总结与展望
    
    1.   总结

经过细致的需求分析、各功能模块的详细设计、规范的编码实现、严格的功能测试之后，该系统的设计与实现已基本完成。经过测试、修改和调试、用户的使用，系统运行情况良好，各项功能均已经或者基本达到设计的要求。此投票系统不仅可以作为单独的应用系统在学校、公司、组织等局域网络环境中供内部人员使用，还可以以插件的形式嵌入到各大门户网站中，供互联网用户使用，因此具有庞大的市场需求和非常广泛的应用前景。

本系统主要具有以下几个优点:

1.  本系统实现了投票题目管理，包括题目的设置、添加、生成和删除。
2.  本系统实现了用户身份验证，即只有管理员凭借正确的用户名与密码才可以登录到后台管理页面做相应的管理操作，而防止其他非法用户入侵系统后台。
3.  本系统还具有实用性强、移植性好、可扩展性高、界面简单易用等优点。本系统的不足之处
4.  由于时间和精力的关系，该投票系统也存在着明显的不足之处。

系统的功能不够全面，还需要扩展与完善。

系统界面还不够美观，需要做专业的美工设计。

对突发性故障处理不够好，系统崩溃时自恢复能力不高。

1.  1.   展望：

随着互联网技术的不断创新与发展，必将推动互联网应用的更加丰富与完善，为使本系统的功能更加强大，先提出以下两点建议:

(1）为了进一步扩大系统的功能，必须将系统的不足之处予以完善，如:添加更多的功能模块包括普通用户的注册与管理、投票结果智能分析等;提高系统崩溃时的自我恢复能力与故障处理能力，使其变得更加智能化;聘请专业的美工好好设计系统的界面。

(2）为了方便互联网用户的使用，可以将该系统做成插件的形式嵌入到门户网站中;为了提高系统的性能，可以为其设计实现一个更加强大的后台引擎，用以满足高峰时段大数据量的访问;该系统的投票结果提交之后随即上传至云端服务器，方便不同终端的用户随时随地的查看。

## 参考文献 ##

\[1\]欧文辉.基于自适应终端的便捷投票系统关键技术分析\[J\].湖北农机化,2020(01):187-188.

\[2\]杨成义,林煌,李楚贞.基于ASP.NET的网上投票系统的设计与实现\[J\].信息与电脑(理论版),2019(11):106-107.

\[3\]葛瑶. 基于以太坊的电子投票系统设计与实现\[D\].山东大学,2019.

\[4\]刘超. 基于Spring Boot+Mybatis的投票中心管理系统的设计与实现\[D\].吉林大学,2018.

\[5\]吴三柱.基于ASP的网上投票系统设计与实现\[J\].价值工程,2018,37(19):203-204.DOI:10.14018/j.cnki.cn13-1085/n.2018.19.082.

\[6\]王苓达. 投票系统在SDN网络资源分配场景中的应用以及投票行为的研究\[D\].电子科技大学,2018.

\[7\]李金珊.基于ASP.NET MVC模式的投票系统设计与实现\[J\].电脑与信息技术,2017,25(04):71-74.DOI:10.19414/j.cnki.1005-1228.2018.04.020.

\[8\]刘庆华.业主网上投票系统的设计与实现\[J\].软件,2018,38(03):48-52.

\[9\]Biju Issac,Manas Kumar Haldar,Lauretha Rura. Online Voting System Based on Image Steganography and Visual Cryptography\[J\]. Journal of Computing and Information Technology,2018,25(1):

\[10\]王鑫. 基于LAMP开源框架的在线干部考核评价系统设计与实现\[D\].吉林大学,2018.

\[11\]Biju Issac,Lauretha Rura,Manas Kumar Haldar. Implementation and Evaluation of Steganography Based Online Voting System\[J\]. International Journal of Electronic Government Research (IJEGR),2018,12(3):

\[12\]邹佳琪. 基于playFramework和ThinkPHP框架的投票系统的设计与实现\[D\].南京大学,2018.

\[13\]宋宇斐. 多平台移动投票系统设计与实现\[D\].河北农业大学,2019.

\[14\]杨省伟.用户满意度在线调查系统设计与实现\[J\].南昌工程学院学报,2019,34(03):38-41.

\[18\]RachitMohanGarg,YaminiSood,BalajiKottana,PallaviTotlani.AFrameworkBasedApproachfortheDevelopmentofWebBasedApplicationsWaknaghat\[J\].JaypeeUniversityofInformationTechnology,2019,1(1):1-4.

\[19\]RamakrishnanJagdish．Adynamicprogrammingapproachtoadaptivefractionation\[J\].PhysicsinMedicineandBiology\[J\]．PhysicsinMedicineandBiology，2019，57(5)：29-33．

##  ##

## 致谢 ##

经过一年难忘的岁月，在我的导师和同学的悉心指导下，我终于完成了本论文研究。由于本人技术与研究水平有限，文中很难不会出现纰漏，请各位老师与同学能够批评指正。

在为本文拟定题目的初期，我绞尽脑汁，希望能够找到一个合适的研究方向与论文题目，遇到了不少的困难。多亏老师能够在百忙之中多次为我提出具有指导性和建设性的意见，并能在后期亲自且耐心的为我的论文进行修改，为我提出了许多非常宝贵的建议。同学们的设计项目经验丰富，在他们的耐心帮助下，我得以解决一个个和论文研究方向相关的技术难题，让我受益匪浅。

在此，衷心的的感谢指导老师和同学们对我的帮助，使我的论文终于得以完成。感谢我的家人和朋友，正是有了你们的鼓励与帮助，我才能顺利的完成论文，如期参加答辩。

> **免费领取本源代码，请关注点赞+私聊**

[Link 1]: https://baike.baidu.com/item/%E9%9F%B3%E9%A2%91/1197465
[Link 2]: https://baike.baidu.com/item/%E8%A7%86%E9%A2%91/321962
[3D]: https://baike.baidu.com/item/3D/25017
[Link 3]: https://baike.baidu.com/item/%E5%8A%A8%E7%94%BB/206564
[Link 4]: https://baike.baidu.com/item/%E6%A8%A1%E5%BC%8F/700029
[Link 5]: https://baike.baidu.com/item/%E6%A1%86%E6%9E%B6/1212667
[Java]: https://baike.baidu.com/item/Java%E5%B9%B3%E5%8F%B0/3793459
[EJB]: https://baike.baidu.com/item/EJB/144195
[Link 6]: https://baike.baidu.com/item/%E9%9D%A2%E5%90%91%E5%88%87%E9%9D%A2%E7%BC%96%E7%A8%8B/6016335
[MVC]: https://baike.baidu.com/item/MVC%E6%A1%86%E6%9E%B6/9241230
[Link 7]: https://baike.baidu.com/item/%E6%95%B0%E6%8D%AE%E7%BB%91%E5%AE%9A/2884939
[a181fd1ab94146a1a12bf14f5b573c00.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4960d1fa529e4dc28b1041e5168f70a8.png
[db64853bbf4445068b0497dea7feee11.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/34398a8f8d504d26b407f1a7fa1a86ae.png
[f6a57f0e544d45aeb329b3d9443108a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3122f71585154bd3af262fdded5813af.png
[8b336476df8745e08efe792193deb4ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3c66ca7a1c6f4dbb97ff33b97ae56bb5.png
[d16a022f50394a84a426d47f46f2fcb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/579952a95ea240548b3af314918ae831.png
[129e83ad90d744a39cdbe56a6339f1f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/dfc1a57d22b44ca1a4e072f899fae104.png
[2d35f3616f7f4614a268d5fb63faa8fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2355b9fffe544dbeb409f1295ea9b584.png
[3601f3dc3e9b48349cbe32882f19f5b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b643971a8f104432b7a339a2807242d0.png
[aded6ad1533a4155a0c6bc8e00f347ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ab05695179704627bf9b18cf5659bee2.png
[0e973b16a2d94515836a3bf35685ec30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9cc00399b1d04ae095dd3fdd240b1885.png
[3dc5299346a54c63bb371e64738d5eab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5e1a22146770450e8bc21960ac6ccbe2.png
[c61370e30723494a835581e895fcd2f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/19757552486c4f0d8feedeabb27340fe.png
[b4df5ea263704652910a48f29e620697.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/36470dfa52524eb08a67fc2969897359.png
[e686348ff22b4c0e8060f506a64a78f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/96631c98c5cd4a789b96ce688c161c3b.png
[81288033c114423eb8b21f2c540e15c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4f6745f75db048b594e3024d12be622e.png
[f1cfafc8a9224db29a1f471c40325552.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/524b4c50acba45d897dda5bf5cb31d3b.png
[f630ff0ecd5c4bb6a8db1b0652dca31f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a310602181fd4a6db663823e763c7853.png
[376c75bc59d44a72b097b1a4f4f36571.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2686662637c0497e8d420db54cf1aa1b.png
[a71f7b59a5d04135a71f620291c769f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/38fa5bca82d34057bf18a2c6c50a3cbc.png
[5cb3541f9238440892754540285a5d44.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/95653a8989e843fe865530a89b669fe2.png
[6650dddaabfb4e44bb2f6b1fa6613c14.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9f340d05f74d45eab3b6b309a083a4e2.png