第1章 绪论

1.1 研究背景及研究意义

1.1.1 研究背景

近年来，二次元文化已经从一个小众群体的兴趣爱好，发展成为了全球范围内影响广泛的文化现象。二次元文化在年轻一代中的普及程度日益增加，动漫、游戏、漫画等相关内容不仅成为他们休闲娱乐的主要方式，还深刻影响着他们的思维方式、审美情趣及社交活动[1] 。从最早的手绘漫画和动漫作品，到如今跨越多个媒体平台、涵盖各类衍生产品的完整文化体系，二次元向的内容已经深深植根于现代社会的各个层面。随着信息技术的进步，社交媒体和大数据分析技术的应用，二次元文化的传播形式和内容呈现方式也发生了根本性的变化[2] 。如今，二次元向的用户不仅仅是单纯的内容消费者，更多的是参与者和创造者。社交平台、视频平台和博客网站等新型内容平台为二次元爱好者提供了一个互动性更强、创作和分享更便捷的空间，用户可以在其中发布自己的作品，参与讨论，分享评论，甚至组织线下活动，这些都大大增强了二次元文化的社交性和共享性。尽管目前已有大量的二次元相关平台，但其中多数存在信息碎片化、互动性不足、个性化推荐不精准等问题，无法完全满足二次元文化爱好者对优质内容和互动体验的需求[3] 。许多平台在提供内容分享的同时，未能有效构建起高度互动的社交网络。在内容推荐方面，仍大多采用传统的算法，未能针对用户的个人兴趣和需求进行精准推送。因此，开发一款专注于二次元文化的博客网站，能够更好地为用户提供个性化内容、丰富的社交互动和独特的二次元体验，成为了当务之急。

1.1.2 研究意义

通过本系统的设计与实施，能够解决现有平台存在的问题，提升用户体验。通过智能推荐和个性化内容推送，平台能更好地满足用户的需求，减少信息的冗余与浪费。强大的社交功能将大大增强用户的参与感与归属感，促进二次元文化的交流与分享。平台的推出，不仅能为二次元爱好者提供一个优质的内容发布和互动平台，还能通过更高效的信息流通，推动整个二次元文化的传播与发展，进一步提升二次元文化的社会影响力。

1.2国内外研究现状

1.2.1 国内研究现状

近年来，二次元文化在中国的蓬勃发展，推动了以二次元为核心的博客网站和社交平台的兴起。二次元文化起源于日本，经过几轮传播与本土化，逐渐成为中国青年文化的重要组成部分。在此背景下，国内的二次元向博客网站逐步发展成年轻人聚集、交流和创作的核心平台。从2000年代初期起，学术界对二次元文化的研究逐渐展开，并开始关注其在网络平台上的表现和影响。

在国内，类似的二次元博客网站包括B站（哔哩哔哩）、A站和AcFun等。B站提供了视频分享、直播、弹幕互动等多功能，用户可以上传二次元相关的原创视频，并通过“up主”机制进行内容创作和传播。A站和AcFun则注重用户社群的互动，支持二次元文化的交流与创作，提供视频、动态和论坛功能，吸引了大量年轻用户参与其中。在学术界方面，2024年，王海和张丽香[4] 在《基于Web微型博客系统的设计与实现》中，针对微型博客系统的设计与实现进行了深入分析。文章结合Linux操作系统、Apache Web服务器、MySQL数据库及PHP脚本语言，设计了一个具有高效Web性能和良好用户交互的微型博客系统。通过对系统架构、功能需求的细致分析，完成了各功能模块与数据库的设计与实现，并通过测试保证了系统的稳定性与良好性能。该研究为二次元向博客网站提供了有价值的技术参考，在构建高效、稳定的Web博客系统方面，为二次元社区的博客网站提供了可靠的架构设计和技术支持。2021年，刘子凡与郭昱君[5] 在《基于SpringBoot+Mybatis的个人博客系统设计与实现》中，提出了一种基于SpringBoot和Mybatis的个人博客系统设计方案。文中结合Java语言与现代前端技术，设计了一个简洁、轻量的博客平台，解决了第三方博客网站中常见的广告干扰和用户体验差的问题。系统具有良好的扩展性和用户体验，能够为用户提供无广告的清新体验。此项研究对二次元博客网站有重要的启示，在提升用户体验、简化界面、并减少干扰内容方面，为二次元博客的设计和用户互动提供了可行的技术实现。2021年，钟怡旸与郭昱君[6] 在《基于Springboot的博客管理系统设计与实现》中，设计并实现了一种新的博客管理系统，采用SpringBoot、Vue和MySQL等技术，目的在于优化博客的管理和展示功能。该系统支持博客内容的增删查改、用户评论、文章分类等功能，页面简洁，功能全面。对于二次元博客网站而言，钟怡旸和郭昱君的设计理念可为二次元平台提供更高效的内容管理与展示方式，通过系统化的内容分类和用户互动功能，提升了平台的管理效率和用户参与感。

1.2.2 国外研究现状

国外的二次元文化起源虽然较晚，但随着日本动漫在全球的传播，二次元向博客网站逐渐成为欧美和其他地区年轻人文化交流和创作的重要平台。在欧美地区，二次元文化经过几轮推广和演变，成为了文化消费的一部分。

在国外，类似的二次元博客网站主要包括Tumblr、Pixiv和Niconico等平台。Tumblr通过标签系统和内容分享功能，使用户能够快速发布与二次元相关的文章、图片和视频，形成了一个活跃的社群互动平台。Pixiv则专注于二次元艺术创作，提供原创插画、漫画以及动画作品的上传与展示功能，用户之间通过评论、收藏和排名互动。Niconico平台则通过其独特的弹幕评论功能，增强了用户与视频内容的互动体验，在二次元文化群体中有着深厚的影响力。在学术界方面，2020年，Yung-Wei Kao等人[7] 在《A cross-platform P2P based blog system》中，提出了一种跨平台的P2P博客系统，该系统结合了传统博客系统和P2P技术的优点。研究者提出的Pebble2P平台使得用户能够享受到类似传统博客系统的使用体验，同时保留了P2P系统的优势，如去中心化的内容控制。这项研究为二次元向博客网站提供了全新的思路，在如何通过去中心化提高用户内容的掌控力与博客平台的灵活性方面，具有重要意义。2021年，Teemu H. Laine与Jarkko Suhonen[8] 在《Establishing a mobile blog system in a distance education environment》中，介绍了一种移动博客系统的设计与实施。该系统目的在于解决远程教育中学生参与度和表现的问题，通过移动博客的方式让学生能够随时随地发布与课程相关的内容。尽管该系统主要针对教育环境，但其设计思想和实现方式对于二次元博客网站具有启发意义，在跨平台支持和增强用户互动方面，能够为二次元博客网站的移动端用户提供更好的服务和体验。2022年，Takuya Maekawa等人[9] 在《Object-Blog System for Environment-Generated Content》中，提出了一种环境生成内容的博客系统，该系统基于物联网技术收集环境数据并生成博客内容。系统能够通过自动化方式生成与环境相关的博客内容。这项技术对二次元博客网站而言，提供了自动化内容生成的潜力，在基于实时数据或者用户行为生成动态内容方面，为二次元社区的互动与内容更新提供了新的可能性。

第2章 相关技术介绍

2.1 B/S架构

B/S架构是一种现代网络架构模型，广泛应用于Web应用程序的设计与开发[10] 。在该架构中，客户端通常为浏览器，用户通过浏览器与服务器进行交互。这种架构的优势在于无需在每个客户端安装和维护软件，仅需通过浏览器访问应用程序。服务器端负责数据存储、业务逻辑处理及应用程序的更新维护，降低了维护成本[11] 。B/S架构支持跨平台兼容，用户能够在不同操作系统上使用相同的应用程序，提升了开发和部署的效率。

2.2 MVC设计模式

MVC设计模式用于分离应用程序的内部表示、用户界面与用户交互。此模式将应用程序划分为三个主要部分：模型、视图和控制器[12] 。模型负责管理应用程序的数据与业务逻辑，视图用于展示数据并与用户互动，控制器充当模型和视图之间的中介，处理用户输入并更新模型或视图[13] 。通过这种分离，MVC模式使应用程序结构更为清晰，利于管理与扩展，同时提升代码的可重用性。

2.3 Vue框架

Vue.js是一个轻量级、渐进式的JavaScript框架，专用于构建用户界面和单页应用程序。其核心特性为响应式数据绑定与组件化开发，使开发者能够高效管理应用程序的状态和视图[14] 。Vue采用虚拟DOM技术，提升性能与渲染效率。该框架具有灵活性，开发者可以逐步引入Vue的功能，适合小型项目或逐步改造现有项目。Vue的生态系统丰富，涵盖Vue Router、Vuex等工具，便于进行路由管理和状态管理，广泛应用于前端开发。

2.4 Spring Boot框架

Spring Boot是一个基于Spring框架的开源Java框架，目的是简化企业级应用程序的开发。提供一系列默认配置和开箱即用的功能，使开发者能够迅速创建独立、生产级的Spring应用程序[15] 。Spring Boot具备自动配置、嵌入式服务器和简化的依赖管理等特性，使开发过程更加高效。该框架还支持微服务架构，能够轻松构建和部署分布式系统。其丰富的生态系统与活跃的社区支持，开发者能够有效利用Spring的强大功能，减少繁琐的配置工作。

2.5 MySQL

MySQL是一种流行的开源关系型数据库管理系统，广泛应用于Web应用程序的数据存储和管理[16] 。作为一种高性能数据库，MySQL支持标准的SQL语言，提供强大的数据管理功能。其特性包含事务处理、外键约束、数据完整性和多用户并发访问。MySQL具备高度的可扩展性，能够处理从小型项目到大型企业级应用的数据需求[17] 。该数据库在安全性与可靠性方面表现突出，支持数据备份与恢复，保持数据的持久性。

第3章 需求分析

3.1 功能需求分析

3.1.1 用户功能

系统提供注册功能，用户可以创建个人账户并输入必要的个人信息。通过登录功能，已注册的用户能够验证身份并访问系统。登录后，用户可以查看网站公告，获取系统的最新通知。用户可以创建和编辑博客草稿，并发布博客文章。系统还提供漫展相关信息，用户可以查看并参与相关活动。用户可以收藏感兴趣的文章和漫展信息。评论管理功能使用户能够对博客文章和漫展信息进行评论，进行互动交流。用户功能用例图如图3-1所示。

图3-1 用户功能用例图

3.1.2 管理员功能

管理员通过登录功能进入系统后台，管理用户信息、博客内容和漫展信息。用户管理功能允许管理员对注册用户进行管理。博客分类管理功能允许管理员管理博客的分类。博客草稿管理功能让管理员查看和管理用户的博客草稿。博客文章管理功能使管理员能够对发布的博客文章进行编辑和删除操作。漫展相关管理功能支持管理员管理漫展信息。网站公告管理功能允许管理员发布和修改系统公告。管理员功能用例图如图3-2所示。

图3-2 管理员功能用例图

3.2 系统非功能需求

3.2.1 可用性

系统支持用户随时访问和操作。页面加载迅速，响应灵敏，用户能够顺畅浏览信息和选择服务，操作方式清晰简便。系统采用模块化设计，各功能模块独立运行，个别模块的异常不会影响整体使用。在访问高峰期，系统仍能保持平稳运行，提供良好用户体验。

3.2.2 可靠性

系统具有稳定的运行表现，适应多种网络环境，用户信息正确显示与操作顺利完成。后端服务采用冗余设计和自动备份，降低数据丢失与服务中断的风险。系统内置故障检测机制，遇到异常情况时能够快速定位和修复，提升了系统的稳定性与数据完整性。

3.2.3 安全性

系统在用户数据隐私和交易安全上进行保护，采用数据加密、身份验证和权限控制等多种安全措施，防止敏感信息被非法访问或泄露。系统配备监控与防护机制，能够识别并阻挡恶意攻击，保护数据在传输和存储过程中的安全性，提供可靠的使用体验。

3.3 可行性分析

3.3.1 经济可行性

该系统所有使用的技术均为开源，降低了软件许可费用，适合预算有限的项目。快速开发能力与组件化设计能够缩短开发周期，从而减少人力成本。所选关系数据库具有高效的数据存储能力，满足大规模数据需求，进一步降低运营成本。通过高效架构和灵活扩展性，系统能够适应未来业务的增长，保证投资的长期回报。因此，该系统在经济上具备良好的可行性。

3.3.2 技术可行性

Spring Boot作为一款成熟的Java后端框架，具备高性能和安全性优势，适合处理复杂的业务逻辑。Vue作为轻量化前端框架，支持快速开发和高效渲染。MySQL为数据管理提供可靠的支撑，能够处理复杂查询和海量数据存储。整体架构简洁，便于扩展与维护，显示出较高的技术成熟度。因此，该方案在技术实现上具有可行性。

3.3.3 操作可行性

在操作层面，该系统用户界面友好且响应迅速，非技术人员也能够轻松操作。系统设计采用分层架构，有助于实现模块化管理，降低维护复杂性。后台管理界面提供直观的操作功能，用户可通过简单点击完成日常任务。系统的日志管理和权限控制功能，能够维护数据的安全性与完整性，为操作人员提供稳定的工作环境。因此，操作上具备良好的可行性。

第4章 系统设计

4.1 系统架构设计

本项目采用B/S架构，遵循MVC设计思想，采用前后端分离的方式进行架构搭建。系统主要由表示层、控制层、业务逻辑层和数据层构成，系统架构如图4-1所示。

图4-1 系统整体架构图

系统使用Spring Boot与Vue框架进行搭建，架构分为视图层、控制层、业务逻辑层、数据持久层和数据库服务器。视图层利用Vue框架和Element UI界面渲染工具构建前端页面，前端页面通过HTTP协议发送请求至控制层。控制层与业务逻辑层通过Spring Boot框架搭建，控制层接收前端请求，进行解析和数据校验，将数据传递至Service层进行业务逻辑处理。业务处理完成后，通过数据持久层访问数据库服务器，执行数据库操作，最终将结果返回至控制层，并传递至前端进行页面处理。

4.2 系统功能模块设计

根据系统分析，二次元向博客网站后台管理端设计为登录、用户管理、博客分类管理、博客草稿管理、博客文章管理、漫展相关管理、网站公告管理等，其中管理员可以对系统的所有模块进行管理。用户端通过手机或者电脑浏览器访问系统，用户端设计的功能模块有登录或注册、网站公告、博客草稿、博客文章、漫展相关、收藏、评论管理等。整个系统的功能模块设计如图4-2所示。

图4-2 系统功能模块图

4.3 系统工作流程设计

在流程开始时，用户需要登录并输入用户名与密码。随后，系统进行用户名和密码的验证。如果验证通过，则系统会显示“登录成功”，并且此时登录流程结束。如果验证未通过，系统会显示“登录失败”，并引导用户返回登录界面以重新输入用户名和密码。整个系统的登录流程如图4-3所示。

图0-1 登录流程图

当流程启动，系统首先生成一个唯一的编号。用户随后输入所需的数据信息，系统将对这些输入数据进行合法性检查。如果数据被确认为合法，系统会将数据存入数据库，并结束该流程。若输入数据不合法，系统会提示用户重新输入数据。整个添加信息的流程如图4-4所示。

图0-2 添加信息流程图

流程开始时，用户选择想要删除的数据项。系统随后显示一个确认删除的提示窗口。如果用户确认删除，系统将从数据库中移除所选数据并更新数据库，之后流程结束。如果用户取消删除，流程将返回到显示列表的状态。删除信息的流程如图4-5所示。

图0-3 删除信息流程图

4.4 数据库设计

数据库设计是一种用于创建数据库结构的过程，通过需求分析确定数据类型和操作需求，并使用实体-关系图表达数据的实体、属性及其关系，形成概念模型。在此基础上，将概念模型转化为特定数据库系统可识别的逻辑模型，确定表结构、字段、数据类型及约束关系。数据库设计通常分为概念设计、逻辑设计两个阶段。

4.4.1 概念设计

概念设计作为数据库设计的关键环节，通过高层次的抽象描述系统中的数据结构和关系，明确系统的数据需求[18] 。通常采用E-R图来展现数据的实体、属性及关系，形成逻辑完整的模型，更加清晰地表达和传达设计意图。在该阶段，需要确定关键数据实体，定义属性并表达关系类型，为数据库的逻辑设计和物理设计奠定必要基础。以下是系统各个实体图和总体E-R图。

博客分类实体图如图4-6所示。

图4-6 博客分类实体图

博客文章实体图如图4-7所示。

图4-7 博客文章实体图

博客草稿实体图如图4-8所示。

图4-8 博客草稿实体图

收藏实体图如图4-9所示。

图4-9 收藏实体图

用户实体图如图4-10所示。

图4-10 用户实体图

漫展相关实体图如图4-11所示。

图4-11 漫展相关实体图

评论实体图如图4-12所示。

图4-12 评论实体图

图4-13 系统总体E-R图

4.4.2 逻辑设计

逻辑设计是数据库设计中的关键环节，主要任务是将概念设计中的抽象模型转化为数据库管理系统可识别的结构，确定表结构、字段名称、数据类型、主键和外键等要素，从而构建数据的逻辑框架。逻辑设计明确了数据的存储方式和关联规则，维持数据一致性与完整性，并提升查询与管理的效率。以下是系统的数据库表设计。

博客分类表主要是用来存储博客的分类信息。主要字段包括博客分类ID、分类名称、创建时间和更新时间。博客分类表如表4-1所示。

表4-1 博客分类

序号	列名	数据类型	长度	主键	说明
1	博客分类ID	int	10	是	博客分类ID
2	分类名称	varchar	64		分类名称
3	创建时间	datetime			创建时间
4	更新时间	timestamp			更新时间

博客文章表主要是用来存储博客文章的详细信息。主要字段包括博客文章ID、注册用户、博客标题、博客内容、发布时间、点击数和点赞数。博客文章表如表4-2所示。

表4-2 博客文章

序号	列名	数据类型	长度	主键	说明
1	博客文章ID	int	10	是	博客文章ID
2	注册用户	int	10		注册用户
3	用户姓名	varchar	64		用户姓名
4	博客标题	varchar	64		博客标题
5	博客照片	varchar	255		博客照片
6	博客分类	varchar	64		博客分类
7	博客内容	longtext			博客内容
8	发布时间	datetime			发布时间
9	博客数量	varchar	64		博客数量
10	点击数	int	10		点击数
11	点赞数	int	10		点赞数
12	审核状态	varchar	16		审核状态
13	智能推荐	int	10		智能推荐
14	创建时间	datetime			创建时间
15	更新时间	timestamp			更新时间
16	来源表	varchar	255		来源表
17	来源ID	int	10		来源ID
18	来源用户	int	10		来源用户

博客草稿表主要是用来存储未发布的博客草稿信息。主要字段包括博客草稿ID、注册用户、博客标题、博客内容、发布限制次数和创建时间。博客草稿表如表4-3所示。

表4-3 博客草稿

序号	列名	数据类型	长度	主键	说明
1	博客草稿ID	int	10	是	博客草稿ID
2	注册用户	int	10		注册用户
3	用户姓名	varchar	64		用户姓名
4	博客标题	varchar	64		博客标题
5	博客照片	varchar	255		博客照片
6	博客分类	varchar	64		博客分类
7	博客内容	longtext			博客内容
8	发布博客限制次数	int	10		发布博客限制次数
9	创建时间	datetime			创建时间
10	更新时间	timestamp			更新时间

收藏表主要是用来存储用户收藏的博客或内容信息。主要字段包括收藏ID、收藏人ID、来源表、标题和封面。收藏表如表4-4所示。

表4-4 收藏

序号	列名	数据类型	长度	主键	说明
1	收藏ID	int	10	是	收藏ID
2	收藏人ID	int	10		收藏人ID
3	来源表	varchar	255		来源表
4	来源字段	varchar	255		来源字段
5	来源ID	int	10		来源ID
6	标题	varchar	255		标题
7	封面	varchar	255		封面
8	创建时间	timestamp			创建时间
9	更新时间	timestamp			更新时间

用户表主要是用来存储用户的基本信息。主要字段包括注册用户ID、用户姓名、用户手机、审核状态和创建时间。用户表如表4-5所示。

表4-5 用户

序号	列名	数据类型	长度	主键	说明
1	注册用户ID	int	10	是	注册用户ID
2	用户姓名	varchar	64		用户姓名
3	用户性别	varchar	64		用户性别
4	用户手机	varchar	16		用户手机
5	审核状态	varchar	16		审核状态
6	用户ID	int	10		用户ID
7	创建时间	datetime			创建时间
8	更新时间	timestamp			更新时间

漫展相关表主要是用来存储与漫展相关的信息。主要字段包括漫展相关ID、漫展标题、活动时间、活动地点和漫展介绍。漫展相关表如表4-6所示。

表4-6 漫展相关

序号	列名	数据类型	长度	主键	说明
1	漫展相关ID	int	10	是	漫展相关ID
2	漫展标题	varchar	64		漫展标题
3	漫展海报	varchar	255		漫展海报
4	活动地点	varchar	64		活动地点
5	活动时间	datetime			活动时间
6	结束时间	datetime			结束时间
7	漫展介绍	longtext			漫展介绍
8	点赞数	int	10		点赞数
9	当前位置	varchar	64		当前位置
10	当前位置经度	varchar	64		当前位置经度
11	当前位置纬度	varchar	64		当前位置纬度
12	创建时间	datetime			创建时间
13	更新时间	timestamp			更新时间

评论表主要是用来存储用户对博客或其他内容的评论信息。主要字段包括评论ID、评论人ID、回复评论ID、内容、昵称和头像地址。评论表如表4-7所示。

表4-7 评论

序号	列名	数据类型	长度	主键	说明
1	评论ID	int	10	是	评论ID
2	评论人ID	int	10		评论人ID
3	回复评论ID	int	10		回复评论ID
4	内容	longtext			内容
5	昵称	varchar	255		昵称
6	头像地址	varchar	255		头像地址
7	创建时间	timestamp			创建时间
8	更新时间	timestamp			更新时间
9	来源表	varchar	255		来源表
10	来源字段	varchar	255		来源字段
11	来源ID	int	10		来源ID

第5章 系统实现

5.1用户功能模块实现

5.1.1 网站公告

用户在系统首页查看到最新发布的公告。在公告模块中，用户可以看到公告标题、发布日期及公告内容。用户点击公告标题后，系统会弹出一个新页面显示详细的公告内容，用户可以查看公告的具体信息。网站公告功能效果图如图5-1所示。

图5-1 网站公告功能效果图

5.1.2 博客草稿

用户进入“博客草稿”页面后，系统展示用户保存的所有草稿列表。用户可以选择某一草稿进行查看或编辑。当用户点击草稿标题时，草稿的内容将显示在编辑框中，用户可以继续编辑或删除草稿内容。用户可以在编辑完成后点击“保存草稿”按钮，草稿内容会被重新保存。博客草稿功能效果图如图5-2所示。

图5-2 博客草稿功能效果图

5.1.3 博客文章

用户进入“博客文章”模块后，可以查看自己已发布的博客列表。每篇博客的标题、发布日期、点击量等基本信息都会展示在列表中。用户点击某一篇博客标题时，系统会弹出该博客的详细内容页，内容包括博客的正文、发布人信息以及评论区域。用户可以在评论区域发表评论，点击“发布评论”按钮将其提交，评论会在博客页面即时显示。博客文章功能效果图如图5-3所示。

图5-3 博客文章功能效果图

5.1.4 漫展相关

在“漫展相关”页面，用户能够查看有关漫展的最新资讯、展会安排和活动信息。页面上会列出即将举办的漫展及其详细内容，用户可以点击每个漫展的标题以查看详细信息。如果用户希望获得更多信息，可以在页面底部找到“报名参加”按钮，点击后跳转到报名页面。报名成功后，用户将收到系统的确认信息。漫展相关功能效果图如图5-4所示。

图5-4 漫展相关功能效果图

5.1.5 收藏

用户可以在浏览博客文章、漫展相关信息、商品页面时，点击“收藏”按钮将感兴趣的内容添加到个人收藏列表中。在“收藏”页面，用户可以看到自己收藏的所有项目，包括博客、漫展等。用户可以点击删除按钮来移除收藏的内容。如果用户希望查看某一收藏的详细信息，可以点击收藏内容的标题进入详细页面。收藏功能效果图如图5-5所示。

图5-5 收藏功能效果图

5.1.6 评论管理

用户可以进入“评论管理”页面查看自己所有发布的评论。每条评论都显示评论内容、评论的目标文章/资讯、评论时间等信息。用户可以编辑或删除自己的评论。若用户决定修改某条评论，可以点击评论旁的“编辑”按钮，进入编辑状态，修改后点击“保存”按钮即可保存修改内容。如果用户不想保留评论，可以点击“删除”按钮，评论会从列表中移除。评论管理功能效果图如图5-6所示。

图5-6 评论管理功能效果图

5.2 管理员功能模块实现

5.2.1 用户管理

管理员进入“用户管理”模块后，可以查看系统中所有用户的基本信息。管理员可以通过搜索框根据用户名或其他条件进行筛选。点击某个用户的名称后，系统会展示该用户的详细信息，管理员可以进行修改或删除操作。管理员也可以对用户进行禁用或启用操作，禁用后的用户将无法登录系统。用户管理功能效果图如图5-7所示。

图5-7 用户管理功能效果图

5.2.2 博客分类管理

管理员在“博客分类管理”页面可以查看和管理所有博客的分类信息。分类列表中显示每个分类的名称、描述及状态。管理员可以点击“新增分类”按钮，填写分类名称及描述并保存，新的分类将被添加到系统中。管理员也可以编辑现有的分类信息，修改后点击“保存”按钮更新分类内容。分类管理界面也允许管理员删除不需要的分类。博客分类管理功能效果图如图5-8所示。

图5-8 博客分类管理功能效果图

5.2.3 博客草稿管理

管理员进入“博客草稿管理”页面后，可以查看所有用户保存的草稿信息。每篇草稿显示草稿标题、创建时间以及编辑状态。管理员可以选择某一草稿进行查看或删除。如果草稿内容符合要求，管理员可以点击“发布”按钮，将草稿内容发布到博客平台中，草稿状态会变为已发布。博客草稿管理功能效果图如图5-9所示。

图5-9 博客草稿管理功能效果图

5.2.4 博客文章管理

管理员可以在“博客文章管理”页面查看平台上所有已发布的博客文章。每篇文章的基本信息会展示在列表中，管理员可以点击文章标题进入文章详情页，进行内容编辑、删除或审核。管理员可以对文章进行修改，更新文章内容并点击“保存”按钮。如果文章内容不符合平台要求，管理员可以将其删除或标记为待审核状态。博客文章管理功能效果图如图5-10所示。

图5-10 博客文章管理功能效果图

5.2.5 漫展相关管理

管理员进入“漫展相关管理”模块后，可以查看系统中发布的所有漫展信息。每个漫展显示基本信息。管理员可以编辑已发布的漫展信息，也可以新增漫展信息。在编辑页面，管理员可以修改漫展的具体内容，并点击“保存”按钮进行更新。管理员也可以删除不再举办的漫展信息。漫展相关管理功能效果图如图5-11所示。

图5-11 漫展相关管理功能效果图

5.2.6 网站公告管理

管理员进入“网站公告管理”模块后，可以查看系统中所有已发布的公告信息。每个公告的基本信息会展示在列表中。管理员可以通过搜索框根据公告标题、发布日期等关键词筛选公告。点击某个公告标题后，系统会弹出该公告的详细内容页面，管理员可以在此页面进行编辑或删除操作。网站公告管理功能效果图如图5-12所示。

图5-12 网站公告管理功能效果图

第6章 系统测试

6.1 测试目的

软件测试的目的在于识别系统缺陷，验证软件对需求的符合程度，使其功能、性能和安全性达到设计标准[19] 。在开发过程中，测试能够及时发现潜在问题，降低发布后出现故障的风险。测试不仅关注系统的正常运行，还模拟各种异常情况，评估在不同环境和边界条件下的表现，从而提升软件的可靠性和稳定性，为用户提供更高质量的产品体验，增强信任感。测试过程中的数据和经验积累能完善测试策略，改进开发流程，成为后续项目的参考。软件测试贯穿开发生命周期，是实现产品质量和发布标准的重要环节。

6.2 测试方法

测试方法是一系列用于评估和验证产品、软件或系统性能的技术和程序。这些方法根据测试目标的不同，可以划分为黑盒测试、白盒测试和灰盒测试等多种类型[20] 。黑盒测试关注输入和输出，不涉及内部逻辑结构。白盒测试深入代码和系统内部结构，检查程序流程和逻辑错误。灰盒测试介于两者之间，对内部结构有部分了解。其他方法还包括自动化测试、手动测试、性能测试和安全测试，各自具有特定的应用场景和优势。性能测试检验系统的响应时间和稳定性，安全测试识别潜在的安全漏洞。选择适当的测试方法能够有效发现问题，提高产品的质量和可靠性。

6.3 测试内容

系统采用黑盒测试对系统功能进行测试，以下是测试的详细用例表。

表6-1 网站公告测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-001	查看网站公告	1. 登录用户账号 2. 访问“网站公告”页面	公告列表正常显示，公告标题、内容、发布日期等信息准确显示。	测试通过
TC-002	查看单个公告详细内容	1. 在公告列表中点击任一公告标题 2. 查看公告详情	跳转至公告详情页面，公告内容完整显示，无格式错误或缺失。	测试通过
TC-003	公告内容显示正确性	1. 查看公告内容 2. 检查公告文本格式是否正确（如段落、图片显示）	公告文本格式正常，图片、链接等显示无误。	测试通过
TC-004	公告信息更新	1. 管理员登录系统 2. 修改公告内容并保存 3. 普通用户登录查看公告页面	公告内容更新后，在用户端公告页面正确显示更新的内容。	测试通过

表6-2 博客草稿测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-005	保存博客草稿	1. 登录用户 2. 进入博客草稿页面 3. 输入草稿内容并保存	博客草稿被成功保存，用户可以在草稿箱中看到保存的草稿。	测试通过
TC-006	编辑博客草稿	1. 进入博客草稿列表 2. 选择一个草稿进行编辑 3. 编辑草稿内容并保存	草稿内容成功更新，保存后显示最新内容。	测试通过
TC-007	删除博客草稿	1. 进入博客草稿列表 2. 选择一个草稿进行删除	被删除的草稿不再显示在草稿列表中。	测试通过

表6-3 博客文章测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-008	发布博客文章	1. 登录用户 2. 进入博客文章编辑页面 3. 输入文章内容并点击发布按钮	文章成功发布，显示在博客文章列表中。	测试通过
TC-009	编辑已发布博客文章	1. 登录用户 2. 进入已发布的博客文章编辑页面 3. 编辑文章内容并保存	文章内容成功更新，修改后的内容显示在博客列表中。	测试通过
TC-010	删除博客文章	1. 登录用户 2. 进入已发布的博客文章页面 3. 删除该文章	文章删除后，列表中不再显示该文章。	测试通过

表6-4 漫展相关测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-011	查看漫展信息	1. 登录用户 2. 进入“漫展相关”页面	漫展信息正常显示，展会名称、时间、地点等信息准确显示。	测试通过
TC-012	查看漫展详情	1. 在漫展列表中点击任一漫展标题 2. 查看漫展详情	漫展详细信息页面正确展示，包括展会描述、时间、参展内容等。	测试通过

表6-5 收藏测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-013	添加收藏	1. 登录用户 2. 浏览商品或博客文章 3. 点击“收藏”按钮	收藏成功，用户可以在个人中心查看已收藏的内容。	测试通过
TC-014	删除收藏	1. 登录用户 2. 进入“我的收藏”页面 3. 删除一项收藏	删除后的收藏项不再显示在收藏列表中。	测试通过

表6-6 评论管理测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-015	提交评论	1. 登录用户 2. 进入商品或博客文章页面 3. 输入评论并点击提交按钮	评论成功提交，并且显示在评论列表中。	测试通过
TC-016	删除评论	1. 登录用户 2. 进入已提交的评论列表 3. 删除某条评论	被删除的评论不再显示在评论列表中。	测试通过

表6-7 用户管理测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-017	查看用户列表	1. 登录管理员账号 2. 进入用户管理页面	所有用户信息显示在列表中，按用户名、注册时间等进行排序。	测试通过
TC-018	修改用户信息	1. 登录管理员账号 2. 进入用户管理页面 3. 选择一名用户并修改其信息	修改后的用户信息成功保存并显示更新后的内容。	测试通过
TC-019	删除用户	1. 登录管理员账号 2. 进入用户管理页面 3. 删除某个用户	被删除的用户不再显示在用户列表中。	测试通过

表6-8 博客分类管理测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-020	添加博客分类	1. 登录管理员账号 2. 进入博客分类管理页面 3. 添加一个新的分类	新添加的博客分类显示在博客分类列表中。	测试通过
TC-021	编辑博客分类	1. 登录管理员账号 2. 进入博客分类管理页面 3. 编辑已有分类的名称或描述	修改后的分类名称和描述成功更新。	测试通过
TC-022	删除博客分类	1. 登录管理员账号 2. 进入博客分类管理页面 3. 删除某个分类	被删除的分类不再显示在博客分类列表中。	测试通过

表6-9 博客草稿管理测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-023	查看博客草稿	1. 登录管理员账号 2. 进入博客草稿管理页面	所有博客草稿显示在列表中，草稿内容和创建时间等信息准确展示。	测试通过
TC-024	修改博客草稿	1. 登录管理员账号 2. 进入博客草稿管理页面 3. 编辑某篇草稿并保存	草稿内容成功修改，并保存后更新。	测试通过
TC-025	删除博客草稿	1. 登录管理员账号 2. 进入博客草稿管理页面 3. 删除某篇草稿	被删除的草稿不再显示在草稿列表中。	测试通过

表6-10 博客文章管理测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-026	查看已发布的博客文章	1. 登录管理员账号 2. 进入博客文章管理页面 3. 查看所有已发布的文章	所有已发布的博客文章正确显示在列表中，文章的标题、作者、发布时间等信息准确无误。	测试通过
TC-027	删除已发布的博客文章	1. 登录管理员账号 2. 进入博客文章管理页面 3. 删除某篇已发布的文章	被删除的博客文章不再显示在博客文章列表中。	测试通过
TC-028	修改已发布的博客文章	1. 登录管理员账号 2. 进入博客文章管理页面 3. 修改某篇已发布的博客文章内容	修改后的文章内容成功更新，并正确显示在博客文章列表中。	测试通过

表6-11 漫展相关管理测试用例

测试用例编号	测试目标	测试步骤	预期结果	测试结果
TC-029	添加漫展信息	1. 登录管理员账号 2. 进入漫展相关管理页面 3. 添加新的漫展信息	新的漫展信息成功添加，并正确显示在漫展信息列表中。	测试通过
TC-030	修改漫展信息	1. 登录管理员账号 2. 进入漫展相关管理页面 3. 编辑已有漫展信息并保存	修改后的漫展信息正确更新，并显示在漫展信息列表中。	测试通过
TC-031	删除漫展信息	1. 登录管理员账号 2. 进入漫展相关管理页面 3. 删除某个漫展信息	被删除的漫展信息不再显示在漫展信息列表中。	测试通过

6.4 测试结论

通过对用户功能和管理员功能的全面测试，所有功能模块，均通过了测试，系统能够正常处理用户的操作，用户界面正常显示和功能准确实现。管理员能够进行有效的信息管理、内容更新与删除操作，系统能够正确处理管理员输入的各种操作。测试结果表明，该系统具备稳定的功能实现，能够满足预定的功能要求，并且用户操作与管理功能的交互界面无明显缺陷。

第7章 总结与展望

7.1总结

本次毕业设计项目成功开发了一个面向二次元爱好者的博客网站，目的在于解决传统博客平台在内容展示、用户互动以及信息传播方面的不足。通过采用Spring Boot框架、Vue.js和MySQL数据库，系统实现了二次元相关内容的高效展示和管理，同时加强了用户权限管理和数据安全保护。系统设计充分考虑了用户体验，采用响应式布局和动态交互，使得用户在浏览和创作内容时更加便捷、流畅。通过这一系列功能的实现，网站的内容管理、用户互动和数据处理能力得到了显著提升，初步构建了一个符合二次元文化特点的在线社区平台。

尽管如此，在开发过程中也面临了一些技术与实践的挑战。当前的技术架构虽然能够满足基本需求，但在面对不断变化的用户需求和快速发展的技术环境时，可能缺乏足够的灵活性和扩展性。用户界面设计虽然具备一定现代感，但仍需进一步优化以满足更广泛用户群体的需求。随着网络安全威胁日益增多，如何更好地保障用户数据的安全和隐私，避免潜在的安全风险，是未来需要持续关注的重要问题。

7.2 展望

未来的研究和改进将集中在以下几个方向：首先，考虑采用更加灵活和高效的技术架构，利用Spring Cloud等微服务架构替代传统的单体式架构，提高系统的可扩展性、灵活性和维护性。在前端方面，将引入新兴技术，通过改进用户界面设计和交互方式，提升系统的响应速度和用户体验。在内容管理和推荐系统方面，结合人工智能和大数据技术，探索如何通过智能推荐和个性化定制提供更精准的内容推送和展示，以提升用户粘性和平台活跃度。数据安全和用户隐私保护将成为未来开发的重点，计划引入更先进的加密技术和安全策略，保障系统能够有效抵御网络安全威胁。在技术层面，未来将考虑如何借助人工智能和大数据技术为平台提供智能化的分析与决策支持，从而进一步提升二次元博客网站的内容质量和用户体验。考虑到二次元文化的特点，系统将继续强化社交互动功能，提高用户参与度和社区活跃度，构建更加丰富和多元的用户生态。

参考文献

1. 潘雨晨.对二次元中治愈系绘画的研究与思考[D].鲁迅美术学院,2023. 
2. 李硕琳.二次元手游网络趣缘群体身份认同研究[D].烟台大学,2022. 
3. 贾梦圆.互联网语境下二次元文化破壁现象研究[D].浙江传媒学院,2021.
4. 王海,张丽香.基于Web微型博客系统的设计与实现[J].电脑知识与技术,2024,20(17):65-68+77.
5. 刘子凡,郭昱君.基于SpringBoot+Mybatis的个人博客系统设计与实现[J].现代信息科技,2021,5(08):104-107+111.
6. 钟怡旸,郭昱君.基于Springboot的博客管理系统设计与实现[J].现代信息科技,2021,5(07):18-20+24.
7. Kao Y ,Tsai C ,Hung W , et al.A cross-platform P2P based blog system[C]//[出版者不详],2020: 
8. Laine H T ,Suhonen J.Establishing a mobile blog system in a distance education environment[J].Int. J. of Mobile Learning and Organisation,2021,2(2):149-165.
9. Maekawa T ,Yanagisawa Y ,Kishino Y , et al.Object-Blog System for Environment-Generated Content.[J].IEEE Pervasive Computing,2022,7(4):20-27.
10. 赵惠. 基于B/S模式的实验室管理系统设计和实现 [J]. 中国新通信, 2023, 25 (21): 72-74.
11. 田应权,尹瑞雪. 基于三层B/S模式的飞机结构损伤信息管理系统设计与实现 [J]. 机械工程师, 2023, (06): 36-39.
12. 唐满华,李贵龙,李维思,等. 基于MVC模式的三层架构区域与产业监测预警平台设计与实现 [J]. 软件, 2023, 44 (11): 24-29+66.
13. 金妍池. 基于MVC模式的科技管理信息系统设计研究 [J]. 电子技术与软件工程, 2022, (16): 192-195.
14. 罗光武,陈典灿,吴荷,等. 应用Spring boot + Vue框架的时间管理软件的设计与实现 [J]. 工业控制计算机, 2024, 37 (04): 64-66.
15. 刘慧玲,谭定英,陈平平. 基于Spring Boot和Vue.js的大学生团队管理系统的设计 [J]. 电脑编程技巧与维护, 2024, (03): 120-122. 
16. 杨芬,宋晓燕.MySQL数据库应用的课程教学分析[J].电子技术,2023,52(10):180-181.
17. 赵停停.基于MySQL数据库技术的Web动态网页设计研究[J].信息与电脑(理论版),2023,35(17):174-176.
18. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.
19. 童浩楠,车啸平,鲁凌云,等. 软件测试与质量保证课程思政教学探索与实践 [J]. 电脑与信息技术, 2024, 32 (02): 114-118. 
20. 刘娜.计算机软件的测试方法与应用[J].集成电路应用,2023,40(12):60-61.

致 谢

时光荏苒，四年的求学生涯在不经意间画上了圆满的句号。在这段充满挑战与成长的旅程中，许多人给予了我无私的支持与鼓励。在此，我怀着无比感激的心情，向所有帮助和关心过我的人致以诚挚的感谢。

首先，我要特别感谢我的指导老师。您不仅是知识的传播者，更是我人生道路上的引路人。您严谨治学、孜孜不倦的精神深深感染了我，让我明白了追求真理的重要性。无论是细致的反馈，还是启发性的建议，您都让我感受到一种无形的力量，激励着我不断超越自我。感谢您在我最迷茫的时刻，为我指明方向，给予我勇气，让我在道路上走得更加坚定。

我要感谢我的父母。感谢你们无私的爱与支持，是你们的辛勤付出让我得以追逐梦想，成就自我。无论是在我遇到挫折时的鼓励，还是在我获得成绩时的欢笑，你们总是我最坚实的后盾。在你们的呵护下，我得以在知识的海洋中遨游，体会到求知的乐趣与美好。你们教会我如何面对生活中的风雨，教会我如何在困境中寻找希望。每当我回首过往，心中涌起的都是对你们的感激与爱戴。没有你们的支持，我无法走到今天这一步。愿在未来的日子里，能用自己的努力回报你们的厚爱。

我也要感谢我的同学们。在这四年的岁月里，我们共同经历了无数的挑战与欢笑。无论是一起熬夜复习的辛酸，还是考试后的欢庆，你们的陪伴让我不再孤单。在学习上，我们相互借鉴、共同进步。在生活中，我们彼此扶持、携手前行。与你们的友谊让我感受到青春的热情与力量。每一次的团结合作，都让我意识到团队的力量是无穷的。感谢你们在我人生旅途中的陪伴，你们的存在让我的大学生活更加丰富多彩。

最后，感谢这个校园。这里承载了我的青春与梦想，见证了我的成长与蜕变。每一处熟悉的角落，都蕴藏着我无数的回忆。无论是静谧的图书馆，还是热闹的操场，都成为我心中不可磨灭的印记。这里的每一位老师、每一位同学、每一段经历，都将成为我人生旅途中最珍贵的财富。

在即将踏入新的人生阶段之际，我衷心地感谢所有给予我帮助与关心的人。是你们的陪伴让我在这条路上走得更加坚定与自信。未来的路途或许会有荆棘与挑战，但我将带着你们给予我的勇气与力量，勇敢前行。愿在不久的将来，能够以自己的成就来回馈你们的厚爱。

再次感谢每一位在我生命中出现的人，愿我们都能在各自的人生舞台上，绽放出属于自己的光彩。

免费领取项目源码，请关注❥点赞收藏并私信博主，谢谢~