毕 业 设 计（论 文）
题目：基于 HTML 语言的环保网站的设计与实现
I
摘 要
现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管
理升级为软件存储，归纳，集中处理数据信息的管理方式。本环保网站就是在这
样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使
用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此
环保网站使用跨平台的可开发大型商业网站的 HTML 技术，以及最受欢迎的
RDBMS 应用软件之一的 MySQL 数据库进行程序开发，后台采用 Java 语言的
Spring Boot 框架，前台采用 VUE 框架和 layui 样式，环保网站实现页面基本用
HTML 文件写作方式。实现了管理员功能有个人中心，管理员管理，濒危生物管
理，地区管理，环保健康类型管理，保护法类型管理，公告类型管理，论坛管理，
环保健康管理，环境保护管理，环境保护法管理，公告信息管理，轮播图管理。
用户可以注册登录，修改个人信息，查看管理员发布的各种信息还可以留言，可
以对濒危生物收藏，环保健康收藏，环境保护收藏等操作。环保网站的开发根据
操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，
程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解
决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数
据信息的整体化，规范化与自动化。
关键词：环保网站；HTML 技术；MySQL；VUE；Spring Boot
II
Abstract
The fast-paced development of the modern economy and the continuous improvement
and upgrading of information technology have upgraded the management of
traditional data information to a management method of software storage, induction,
and centralized processing of data information. This environmental protection website
was born in such a big environment. It can help managers process huge data
information in a short time. Using this software tool can help managers improve
transaction processing efficiency and achieve multiplier effect. This environmental
protection website uses the cross-platform HTML technology that can develop
large-scale commercial websites, and the MySQL database, one of the most popular
RDBMS application software, for program development. The implementation page of
the environmental protection website basically uses the HTML file writing method.
The administrator functions are realized, including personal center, administrator
management, endangered species management, regional management, environmental
protection and health type management, protection law type management,
announcement type management, forum management, environmental protection and
health management, environmental protection management, environmental protection
law management, Announcement information management, carousel map
management. Users can register and log in, modify personal information, view
various information released by administrators, and leave messages, and can operate
on endangered species collections, environmental protection and health collections,
and environmental protection collections. The development of the environmental
protection website is designed according to the needs of the operator, and the interface
is simple and beautiful, and the functional module layout is consistent with the same
type of website. When the program realizes the basic required functions, it also
provides some practical solutions for the security problems faced by data information.
It can be said that this program not only helps managers deal with work affairs
efficiently, but also realizes the integration, standardization and automation of data
information.
Key Words ： Environmental website; HTML technology; MySQL; VUE; Spring
III
Boot
IV
目 录
目 录 ..............................................III
1 绪论 ...............................................1
1.1 研究背景 .........................................................................................................1
1.2 目的和意义 .....................................................................................................1
1.3 论文结构安排 .................................................................................................2
2 相关技术............................................3
2.1 HTML 技术介绍..............................................................................................3
2.2 B/S 结构介绍 ...................................................................................................4
2.3 MYSQL 数据库介绍........................................................................................5
2.4 JAVA 语言介绍 .................................................................................................6
2.5 VUE 框架介绍 .................................................................................................6
2.6 TOMCAT 服务器介绍 .......................................................................................7
2.7 LAYUI 介绍........................................................................................................7
2.8 SPRING BOOT 框架介绍....................................................................................8
3 系统分析............................................9
3.1 系统可行性分析 .............................................................................................9
3.1.1 技术可行性分析 ..................................................................................9
3.1.2 经济可行性分析 ..................................................................................9
3.1.3 运行可行性分析 ..................................................................................9
3.2 系统性能分析 ...............................................................................................10
3.2.1 易用性指标 ........................................................................................10
3.2.2 可扩展性指标 ....................................................................................10
3.2.3 健壮性指标 ........................................................................................10
3.2.4 安全性指标 ........................................................................................11
3.3 系统流程分析 ...............................................................................................11
