健康科普网站设计与实现

【内容摘要】健康科普网站选题的理由是随着现代社会生活节奏的加快和人们健康意识的增强，越来越多的人开始关注健康科普知识。健康科普网站可以成为一个重要的平台，提供权威、科学的健康知识，满足人们对健康信息的需求。顺着这一趋势，健康科普网站可以为人们提供全面的健康知识，包括健康饮食、运动健身、疾病预防、心理健康等方面的内容。这些内容能够帮助人们更好地了解自己的身体状况，学会正确的保健方法，预防疾病，提高生活质量。因此，针对当前社会对健康意识的增强和对健康知识的需求，健康科普网站在为人们提供健康知识的同时，也能够起到普及健康知识、促进公众健康的积极作用。
系统主要采用前后端结合的方式。前端采用HTML语言进行编码，后端选择Java语言，SpringBoot框架完成。系统实现的功能有膳食信息、健康资讯、系统首页、膳食食材。
【关键词】 健康科普网站 HTML Java
 
目录
第一章 绪论 1
1.1引言 1
1.2项目背景 1
1.3项目目标 1
1.4项目意义 2
第二章 开发环境与技术 3
2.1开发环境及其相关软件 3
2.2主要开发技术 3
2.2.1 HTML技术 3
2.2.2 Java技术 3
2.2.3 CSS技术 4
2.2.4 MySQL数据库 4
2.3可行性分析 4
2.3.1 技术可行性 4
2.3.2 操作可行性 4
2.3.3 经济可行性 5
第三章 系统需求分析与设计 6
3.1系统需求分析 6
3.1.1 功能需求 6
3.1.2 非功能需求 6
3.2系统架构设计 7
3.2.1 用户分析 7
3.2.2 网站架构图 7
3.3系统功能结构设计 8
第四章 网站的实现 9
4.1膳食信息浏览模块 9
4.2健康资讯模块 11
4.3系统首页模块 12
4.4膳食食材介绍模块 13
第五章 网站的测试 16
5.1测试环境和方法 16
5.2测试用例设计 16
5.3测试结论 18
结束语 19
致 谢 20
参考文献 21

第一章 绪论
1.1引言
随着信息技术的发展，人们获取健康信息的方式也发生了改变。健康科普网站可以利用互联网和移动端技术，实现随时随地获取健康知识的便利，为用户提供个性化、及时的健康建议和指导，更好地满足人们在快节奏生活中对健康的关注和需求。这种便捷的获取方式将有助于推动健康知识的传播和普及，为社会的健康提供更广泛的保障。健康科普网站还可以为广大读者提供专业的医学科普知识，帮助他们了解医学基础知识，提高健康素养。这种围绕健康做科普的网站，可以通过信息化手段将专业医学知识传播给更多的普通大众，提高全民医学素养，促进全民健康。
1.2项目背景
健康科普网站是一个旨在向大众提供健康知识和科普的在线平台。随着互联网的普及，越来越多的人通过网络寻找健康相关信息，但是网络上的信息质量良莠不齐，很难辨别真伪，因此建设一个专门的健康科普网站，提供可靠、权威、易懂的健康科普信息，对于帮助人们正确认识健康知识、预防疾病、提高健康水平具有十分重要的作用。该网站可以向大众提供包括但不限于以下内容：预防常见疾病的科学方法和知识、介绍健康饮食和营养、讲解常见疾病的治疗方法和药物使用须知、介绍医学新技术和新进展、讲解健康生活习惯和运动保健通过整合权威专家的经验和信息，该网站可以成为一个完善的健康知识平台，让更多的人受益。
1.3项目目标
对健康科普网站进行分析后可以得出该网站主要实现以下功能：膳食信息、健康资讯、系统首页、膳食食材。

1. 膳食信息：提供详细的膳食建议，包括各类食物的营养成分、建议摄入量以及搭配原则。用户可以获取个性化的膳食推荐，帮助他们更好地满足身体需求。
2. 健康资讯：提供最新的健康科普资讯，包括预防疾病的方法、新医学技术、专家观点等。这个功能使用户能够及时了解健康领域的新进展，做出更明智的健康决策。
3. 系统首页：提供整体健康科普网站的入口，汇总最受关注和最新更新的内容。用户可以在首页快速浏览到各个健康领域的重要信息，方便他们选择自己感兴趣的内容。
4. 膳食食材：详细介绍各类膳食食材的特点、营养价值和搭配原则。用户可以通过这个功能了解不同食材的优点，有助于他们合理选择食物，构建更健康的膳食结构。
   1.4项目意义
   健康科普网站的意义在于为大众提供可靠的健康信息，帮助人们正确认识健康知识、预防疾病，并提高整体健康水平。通过提供详实的膳食建议、最新的健康资讯、系统首页入口和膳食食材介绍等功能，该网站能够促进用户形成健康的生活习惯和饮食结构，从而改善生活质量并减少疾病风险。
   健康科普网站可以向人们普及科学的健康知识，增加他们对自身健康的了解。通过生动而易懂的方式，网站可以帮助人们更好地理解复杂的医学和生理学概念，激发他们对健康的兴趣，提高健康意识和健康素养。健康科普网站可以向用户提供实用的健康建议和行为指导，帮助他们树立正确的健康观念，培养良好的生活习惯。通过从饮食到运动等各个方面的科学指导，网站可以促使人们采取积极主动的行动，改善自己的健康状况。健康科普网站通过提供预防和自我管理方面的知识，可以帮助人们减少患病的风险，降低医疗系统的负担。通过网站上的健康资讯和科学指导，人们可以更好地管理自己的健康，提前进行干预和治疗，有助于减少医疗资源的紧张程度。
   总而言之，健康科普网站的意义在于提供可靠的健康信息、教育和启发人们、促进健康行为的改变，以及减少疾病发生和医疗资源压力，从而帮助人们获得更好的健康状况和生活质量。
    
   第二章 开发环境与技术
   2.1开发环境及其相关软件
   主机：Intel的CPU、内存6G及以上
   硬盘：100G以上
   显示器：华硕显示器
   操作系统：Windows 10及以上版本
   软件：IDEA开发工具进行编码实现。
   2.2主要开发技术
   2.2.1 HTML技术
   HTML 使用不同的标签来表示不同类型的内容，使得网页的结构和信息更具有语义化。例如，使用标签表示标题如输入框、单选框、复选框、下拉框等。这些标签和元素使我们能够创建交互性更强的网页，并接收用户的输入。总结起来，HTML 技术是用于创建网页结构的标记语言，通过使用标签表示网页元素，并定义其属性和内容。它具有语义化、链接导航、图像和多媒体展示、表单和用户输入等功能，为网页开发提供了基础和灵活性。
   2.2.2 Java技术
   Java 是一种跨平台的编程语言，一次编写的代码可以在不同的操作系统上运行，只需安装相应的 Java 虚拟机（JVM）。这使得 Java 成为开发跨平台应用程序的理想选择。Java 是一种面向对象的语言，支持封装、继承和多态等面向对象的概念。这使得代码更具模块化、可维护性强，并且有助于提高代码的重用性。Java 是一种强类型语言，变量在声明时必须指定其类型，并且在编译时进行类型检查。这有助于提高代码的安全性和可靠性。Java 使用垃圾回收机制，自动管理内存分配和释放，减轻了开发人员对内存管理的负担，有助于防止内存泄漏和提高应用程序性能。Java 提供了内置的多线程支持，使得开发者能够轻松实现并发编程。这对于处理同时发生的任务和提高应用程序性能非常重要。
   2.2.3 CSS技术
   CSS（层叠样式表）是一种用于控制网页样式和布局的标记语言。它通过将样式应用于HTML和XML文档中的元素来定义页面的外观和感觉。CSS可以控制诸如字体、颜色、间距、边框、背景等方面的样式，使网页更具吸引力和可读性。CSS具有层叠性，允许多个样式规则同时应用于同一元素，并按照一定的规则进行优先级排序。CSS的设计目标之一是将内容与样式分离，从而使得网页结构更清晰，易于维护和修改。
   2.2.4 MySQL数据库
   MySQL是一个流行的开源关系型数据库管理系统（RDBMS），它是一种常用的用于存储和管理数据的工具。MySQL支持多种操作系统，包括Windows、Linux和Mac OS等，同时也支持多种编程语言，如PHP、Java、Python等，使其成为开发人员在各种应用程序中广泛使用的数据库解决方案之一。MySQL提供了简单易懂的SQL语言，使得用户可以轻松地进行数据的增删改查操作。MySQL经过广泛的测试和使用，在稳定性和可靠性方面表现出色。MySQL具有高效的数据处理能力，可以处理大规模数据并实现高性能查询。MySQL支持多种存储引擎，如InnoDB、MyISAM等，用户可以根据需求选择适合的存储引擎。
   2.3可行性分析
   2.3.1 技术可行性
   综合考虑Spring Boot快速开发、HTML页面展示和MySQL数据存储的优势，能够有效地支撑健康科普网站的开发和运行。Spring Boot可提供稳健的后端逻辑支持，HTML可实现丰富多样的前端展示效果，并且MySQL能够高效地存储健康科普网站所需的大量数据。因此，技术上支撑健康科普网站的系统是可行的，能够满足网站的需求并提供良好的用户体验。
   2.3.2 操作可行性
   系统采用了Spring Boot框架，能够提供简洁的代码结构和模块化的设计，使得系统的维护和管理更加方便和高效，有利于系统的长期稳定运行。因此，健康科普网站在操作上是可行的通过保证操作界面简单易用、功能导航清晰、系统性能优良和易维护管理等方面的操作可行性，使得健康科普网站能够为用户提供良好的操作体验，保障网站的稳定运行和持续发展。因此，在操作上，健康科普网站具备良好的可行性，能够满足用户的需求和期望。
   2.3.3 经济可行性
   Spring Boot提供了快速开发的能力，能够降低系统的开发成本。HTML作为标准的网页展示语言，无需额外费用。MySQL作为开源软件，可以免费使用，减少了数据库管理成本。健康科普网站只需要一台普通的电脑作为服务器，无需高性能设备，降低了运行成本。同时，使用免费的开发工具如IntelliJ IDEA和Navicat，也减少了额外的开支。Spring Boot框架提供了简洁的代码结构和模块化的设计，使得系统的维护和管理更加方便和高效，降低了维护成本。
   因此，健康科普网站在经济上是可行的：综合考虑开发成本、运行成本和维护成本，以及使用免费的开发工具，健康科普网站在经济上是可行的。运行只需一台普通电脑，开发成本低，易维护和管理，能够有效降低网站的总体经济成本。
    
   第三章 系统需求分析与设计
   3.1系统需求分析
   3.1.1 功能需求
   健康科普网站的功能需求包括膳食信息分享、健康资讯浏览、系统首页、专家问答服务、膳食食材介绍等方面，为用户提供全方位、个性化的健康服务和信息，帮助用户提升健康意识和改善生活方式。主要实现以下功能。
   健康科普网站通常包含以下功能模块：
5. 膳食信息：提供详细的膳食建议，包括各类食物的营养成分、建议摄入量以及搭配原则。用户可以获取个性化的膳食推荐，帮助他们更好地满足身体需求。
6. 健康资讯：提供最新的健康科普资讯，包括预防疾病的方法、新医学技术、专家观点等。这个功能使用户能够及时了解健康领域的新进展，做出更明智的健康决策。
7. 系统首页：提供整体健康科普网站的入口，汇总最受关注和最新更新的内容。用户可以在首页快速浏览到各个健康领域的重要信息，方便他们选择自己感兴趣的内容。
8. 膳食食材：详细介绍各类膳食食材的特点、营养价值和搭配原则。用户可以通过这个功能了解不同食材的优点，有助于他们合理选择食物，构建更健康的膳食结构。
   3.1.2 非功能需求
   1.安全性：保障用户数据和隐私安全，采取必要的安全措施，如SSL加密传输、反侵入保护等。
   2.可靠性：确保系统稳定可靠，降低系统故障和宕机的概率，保证用户能够随时访问网站内容。
   3.易用性：提供友好的用户界面和良好的用户体验，使用户能够方便快捷地找到所需信息和功能。
   4.性能：确保网站具有良好的性能表现，包括页面加载速度快，响应时间短等，以提升用户体验。
   5.可扩展性：设计灵活的系统架构和组件，使得系统能够方便地进行扩展和升级，以应对未来业务增长和变化。
   6.多平台兼容性：确保网站能够在不同设备和浏览器上良好运行，包括PC端、移动设备和不同操作系统的兼容性。
   3.2系统架构设计
   3.2.1 用户分析
   用户可以膳食信息浏览、健康资讯浏览、系统首页、膳食食材介绍等。用户用例图如图3-1所示。
   

图3-1 用户用例图
3.2.2 网站架构图
分析后可以得出网站架构图，网站架构图如下图3-2所示。

图3-2 网站架构图
3.3系统功能结构设计
系统主要分为四大模块。主要为膳食信息模块、健康资讯模块、系统首页模块、膳食食材模块。系统总体功能结构设计如图3-2所示。

图3-2功能结构图
第四章 网站的实现
4.1膳食信息浏览模块
首页顶部应设有导航栏，包括“膳食信息”等相关分类标签。进入“膳食信息”页面后将呈现膳食信息的分类列表，如早餐、午餐、晚餐、零食等，用户可根据需求选择浏览不同种类的膳食信息。每个膳食信息应呈现为卡片式布局，包括简要信息、配图缩略图和“查看详情”按钮。提供搜索框或筛选条件，用户可根据关键词或特定要求筛选膳食信息。界面如图4-1所示。

图4-1 膳食信息列表界面图
膳食信息列表关键代码如下：
getList(page, fenlei, ref = ‘’) {
let params = {page, limit: this.pageSize};
let searchWhere = {};
if (this.formSearch.title != ‘’) searchWhere.title = ‘%’ + this.formSearch.title + ‘%’;
this.$http.get(‘aboutus/list’, {params: Object.assign(params, searchWhere)}).then(res => {
if (res.data.code == 0) {
this.dataList = res.data.data.list;
this.total = res.data.data.total;
this.pageSize = res.data.data.pageSize;
this.totalPage = res.data.data.totalPage;

		this.pageSizes = [this.pageSize, this.pageSize*2, this.pageSize*3, this.pageSize*5];
      }
    });

点击“查看详情”按钮后，跳转到膳食信息的详细页面。详细页面呈现膳食信息的全文内容，包括食材、做法、营养成分等详细信息。详细页面应包括高清大图展示，展示膳食图片，吸引用户注意。如图5-2所示。

图4-2 膳食信息详情界面图
膳食信息详情关键代码如下：
methods: {
init() {
this.baseUrl = this.$config.baseUrl;if(this.$route.query.detailObj) {
this.detail = JSON.parse(this.KaTeX parse error: Expected 'EOF', got '}' at position 35: …bj); }̲ this…http.get(this.tablename + ‘/detail/’ + this.detail.id, {}).then(res => {
if (res.data.code == 0) {
this.detail = res.data.data;
this.$forceUpdate();
}
});
4.2健康资讯模块
进入“健康资讯”页面后呈现健康资讯的分类列表，如疾病预防、健康养生、营养健康等，用户可根据需求选择浏览不同类别的健康资讯。每篇健康资讯应呈现为卡片式布局，包括标题、简要信息摘要、配图缩略图和“查看详情”按钮。提供搜索框或筛选条件，用户可根据关键词或特定要求筛选健康资讯。如图4-3所示。

图4-3 健康资讯列表界面图
健康资讯列表关键代码如下：
data() {
return {
baseUrl: this.$config.baseUrl,
breadcrumbItem: [
{
name: ‘健康资讯’
}
],
newsList: [],
total: 1,
pageSize: 10,pageSizes: [10,20,30,50],
totalPage: 1,
layouts: ‘’,
title: ‘’,
};
详细页面呈现健康资讯的全文内容，包括图文并茂的详细信息内容。详细页面应包括高清大图展示，呈现与该资讯相关的配图或图表，以便用户更直观地了解内容。如图4-4所示。

图4-4 健康资讯详情界面图
4.3系统首页模块
首页顶部设有导航栏，包括“膳食信息”、“健康资讯”等相关分类标签，用户可直接点击导航栏中的标签以进入相应页面。首页呈现清晰吸引人的图片，可采用轮播图或静态图片展示，以突出网站的主题和特色。用户可通过点击导航栏中的标签，直接跳转到相应的页面，例如，点击“膳食信息”即可跳转至膳食信息列表页面。当用户将鼠标悬停在导航栏上时，可以呈现下拉菜单或者其他视觉效果，提高用户体验。系统首页页面如图4-5所示。

图4-5 系统首页页面图
系统首页关键代码如下：
methods: {
init() {
this.baseUrl = this.$config.baseUrl;if(this.$route.query.detailObj) {
this.detail = JSON.parse(this.KaTeX parse error: Expected 'EOF', got '}' at position 28: …detailObj); }̲ this.http.get(this.tablename + ‘/detail/’ + this.detail.id, {}).then(res => {
if (res.data.code == 0) {
this.detail = res.data.data;
this.$forceUpdate();
}
});
4.4膳食食材介绍模块
首页顶部设置导航栏，包括“膳食食材介绍”分类标签，用户可点击该标签进入膳食食材介绍页面。在膳食食材介绍页面呈现各类膳食食材的分类列表，如水果、蔬菜、肉类等，用户可根据需要选择浏览不同种类的食材介绍。每个食材应以卡片形式展示，包括食材名称、简要介绍以及配图缩略图，并提供“查看详情”按钮供用户点击查看详细信息。提供搜索框或筛选条件，用户可以通过关键词搜索或特定要求筛选食材介绍。如图4-6所示。

图4-6 膳食食材介绍列表页面图
膳食食材介绍列表关键代码如下：
import config from ‘@/config/config’
export default {
data() {
return {
baseUrl: config.baseUrl,
tableData: [],
selRows:[]
}
},
用户点击食材卡片上的“查看详情”按钮后，跳转至食材的详细介绍页面。详细页面包括食材的全面介绍，包括食材的营养价值、功效、搭配建议等详细信息。详细页面应包括高清大图展示，展示该食材的真实图像，帮助用户更好地了解食材外观特点。在食材详细信息页面或底部提供相关食谱推荐，让用户了解如何在日常饮食中应用该食材。如图4-7所示。

图4-7 膳食食材介绍详情页面图
膳食食材介绍详情关键代码如下：
var gn = “”;
for(let x in this.selRows){
var g = this.selRows[x];
console.log(g.goodname)
let that = this;
this.$http.get(‘${g.tablename}/detail/${g.goodid}`).then(res => {
if (res.data.code == 0 && g.buynumber > res.data.data.alllimittimes) {
gn = g.goodname;
}
});
} 
第五章 网站的测试
5.1测试环境和方法
硬件环境：包括台式电脑和笔记本电脑，可以测试不同屏幕尺寸和分辨率下的显示效果。操作系统：Windows、MacOS、Linux等不同操作系统下的主流浏览器，例如Chrome、Firefox、Safari等。网络环境：在不同网络速度下进行测试，包括高速网络和较慢的移动数据网络，以确保网站在各种网络环境下的表现。浏览器：测试网站在不同浏览器下的兼容性，包括最新版本和较旧版本的浏览器，确保网站能够在各种浏览器中正常运行。分辨率：测试不同分辨率下的显示效果，包括常见的宽屏和标准屏幕分辨率。
黑盒测试是软件测试中的一种方法，它是基于软件的规格说明和功能需求来进行测试的，测试人员不需要了解软件的内部结构和实现细节，而是将软件看作一个黑盒子，只关注输入和输出之间的关系，以验证软件是否按照预期功能和规格运行。
5.2测试用例设计
测试用例表如表5-1所示。
表5-1网站的测试用例表
No CaseNo 测试观点 测试机能 测试步骤 预期结果 测试结果 测试日期 对应的问题编号 测试者

11 CCase1 对膳食信息浏览进行测试展示进行测试 异常用例 1、打开谷歌浏览器
2、输入网址" http://localhost:8080/springboot4d8g9/front/dist/index.html#/index/home"，进入网站
3、看到膳食信息浏览点击按钮
在系统页面上点击膳食信息进入该页面浏览 OOK 2024-03-01 无　
表5-1网站的测试用例表
No CaseNo 测试观点 测试机能 测试步骤 预期结果 测试结果 测试日期 对应的问题编号 测试者

12 CCase2 对健康资讯浏览进行测试 异常用例 1、打开谷歌浏览器
2、输入网址" http://localhost:8080/springboot4d8g9/front/dist/index.html#/index/home"，进入网站
3、点击健康资讯按钮进入
健康资讯信息显示成功 OOK 2024-03-03 1　
13 CCase3 对系统首页浏览进行测试 异常用例 1、打开谷歌浏览器
2、输入网址" http://localhost:8080/springboot4d8g9/front/dist/index.html#/index/home"，进入网站
3、进入网站后看到首页
首页图片等信息展示成功而 OOK 2024-03-05 2　 陈
14 CCase4 对膳食食材介绍模块测试 异常用例 1、打开谷歌浏览器
2、输入网址" http://localhost:8080/springboot4d8g9/front/dist/index.html#/index/home"，进入网站
3、进入网站后点击膳食食材按钮
浏览器页面可以成功看到膳食食材列表信息 OOK 2024-03-05 3　 陈

5.3测试结论
测试过程中遇到的问题以及解决的方法如表5-2所示：
表5-2 问题描述表
序号 提出人 发现日期 问题描述 状态 负责人 解决方案 解决日期 备注
　1 　 2024-03-02　 页面字体乱码问题 已解决　 　 修改编码格式 2024-03-05　 解决
　2 　 2024-03-03　 页面展示失败 已解决　 　 修改前端代码 2024-03-06　 解决　
　3 　 2024-03-04　 页面列表错乱 已解决　 　 修改前端代码 2024-03-06　 解决

结束语
通过完成健康科普网站测试，我学到了如何全面评估网站前台页面的设计和功能。功能测试帮助我确保用户能够顺利浏览健康资讯，评价或留言，并在系统首页进行导航。用户体验测试让我了解用户对页面布局、导航栏设计的感受，以及观察他们的操作行为。响应性测试确保网站在不同设备和浏览器上都表现良好，而性能测试则关注加载速度和稳定性。
测试环境的考虑让我明白在桌面和移动设备、不同操作系统和网络环境下进行测试的重要性。分辨率、设备方向和模拟不同用户角色也是关键因素。黑盒测试作为一种高层次的测试方法，让我能够以用户的视角验证软件功能是否符合需求，而无需了解其内部实现。
这次经历对我未来的帮助在于，我将能够更独立地设计和执行全面的软件测试，特别是在用户界面和功能方面。我掌握了评估网站性能和用户体验的方法，这将对我未来参与类似项目时提供有力支持。总体而言，这次测试经验拓宽了我的测试技能，为我在软件开发领域取得更大成功打下了坚实基础。
致 谢
在我即将完成毕业设计之际，我想借此机会向所有在这段旅程中帮助过我的人表达最诚挚的感激之情。毕业设计的完成离不开许许多多人的支持和帮助，正是因为有了你们的支持和关爱，我才能顺利度过所有的困难和挑战。
首先，我要由衷感谢我的指导老师。感谢您给予我毕业设计的指导和建议。您不仅在学术上对我进行了悉心指导，也给我提供了很多人生道路上的指引。在这段时间里，您的言传身教让我受益匪浅，收获颇丰。
接下来，我要感谢我的家人。感谢父母多年来对我的无私支持和鼓励，是你们的辛勤付出和无私的关怀，让我在求学的道路上走得更加坚定和自信。感谢你们一直以来对我的包容和鼓励，让我在学业和生活中都能安心、努力，这份关爱和支持，将伴随我走向未来。
此外，我要感谢在求学过程中结识的各位朋友和同学。在你们的陪伴和支持下，我度过了愉快而充实的校园生活。在彼此的交流和互助中，我学到了很多，也培养了许多宝贵的友谊，这将是我一生都难以忘怀的美好回忆。
最后，我要感谢实习单位对我的支持和帮助。在实习期间，各位领导和同事们给予我了许多指导和帮助，让我能够更好地将理论知识应用到实际工作中，同时也让我获益良多，为将来职业生涯的发展奠定了基础。
在即将毕业的时刻，我要衷心感谢每一位帮助过我的人，是你们的支持和帮助让我能够顺利完成我的毕业设计。愿我们在各自的人生道路上都能够有所收获，同时期盼未来有机会再聚，共同分享人生的成长和收获。再次感谢大家！

参考文献
[1] 慢病防治,任重道远[J]. 陈竺.中华内分泌代谢杂志,2015(10)
[2] 基层社区慢病防治思考[J]. 唐海沁.中华医学信息导报,2011(02)
[3] 健康中国战略视角下我国社区慢病防治的优化策略[J]. 张学本;战浩.行政与法,2018(08)
[4] 中医药在社区慢病防治中存在的问题与对策[J]. 周英武;任明;胡镜清.中医药管理杂志,2016(22)
[5] 基于HTML语言的网页制作方法探析[J]. 曹丹.电脑知识与技术,2021(36)
[6] 基于现代浏览器的简易前端框架设计[J]. 谷敏;徐斌.信息记录材料,2020(10)
[7] 登录网站来减肥——WeightWatchers.com可以帮助人们更好地减肥[J]. .个人电脑,2004(02)
[8] 浅谈动态网站与静态网站的比较分析[J]. 王翠.无线互联科技,2013(07):
[9] 朱金波.Java编程语言在计算机软件开发中的应用优势分析[J].信息记录材料,2023,24(05):68-70.