SSM风景插画网站-毕业设计源码31440-CSDN博客

本文链接：https://blog.csdn.net/2401_88653928/article/details/145184713

摘要

本研究基于SSM框架，设计与实现了一个风景插画网站。该网站旨在展示和销售风景插画作品，并提供管理员和普通用户的相关功能。风景插画网站面向管理员和普通用户。管理员负责插画信息的管理和发布，可以添加、编辑和删除插画作品，并设置其所属的类型和标签。同时，管理员还可以发布公告通知，以便向用户传达重要信息。普通用户可以浏览插画作品，并根据插画类型进行筛选和搜索。用户可以选择并购买感兴趣的插画作品，生成购买订单并进行在线支付。此外，网站还提供公告通知功能，让用户能够及时获取网站更新和相关信息。

通过使用SSM框架，风景插画网站实现了数据库的增删改查操作，并提供了良好的系统性能和响应速度。Spring MVC框架使得用户界面友好且交互体验流畅。MyBatis框架简化了数据持久化的开发过程，提高了系统的可维护性和可扩展性。风景插画网站的设计与实现为用户提供了一个方便展示和购买插画作品的平台。管理员能够轻松管理和发布插画信息，保持网站的内容更新和质量。该研究对类似网站的开发和优化提供了理论指导和实践经验，同时也促进了风景插画行业的发展和推广。

关键词：Java开发语言；SSM框架技术；风景插画网站

Abstract

This study is based on the SSM framework and designs and implements a landscape illustration website. This website aims to showcase and sell landscape illustration works, and provides relevant functions for administrators and ordinary users. The landscape illustration website is aimed at administrators and ordinary users. The administrator is responsible for managing and publishing illustration information, and can add, edit, and delete illustration works, as well as set their types and labels. At the same time, administrators can also issue announcement notifications to convey important information to users. Ordinary users can browse illustration works and filter and search based on the type of illustration. Users can choose and purchase illustrations of interest, generate purchase orders, and make online payments. In addition, the website also provides announcement notification function, allowing users to timely access website updates and related information.

By using the SSM framework, the landscape illustration website has achieved database addition, deletion, modification, and query operations, and provided good system performance and response speed. The Spring MVC framework makes the user interface friendly and the interactive experience smooth. The MyBatis framework simplifies the development process of data persistence and improves the maintainability and scalability of the system. The design and implementation of a landscape illustration website provides users with a convenient platform for displaying and purchasing illustration works. Administrators can easily manage and publish illustration information, maintaining website content updates and quality. This study provides theoretical guidance and practical experience for the development and optimization of similar websites, while also promoting the development and promotion of the landscape illustration industry.

Key words:Java development language; SSM framework technology; Landscape illustration website

风景插画作为一种艺术形式，以其独特的表现方式和美感吸引了众多观众和收藏者。然而，传统的展示和销售渠道受限，限制了风景插画作品的推广和销售。随着互联网技术的发展和普及，电子商务成为了一种重要的交易方式。通过构建一个专注于风景插画的网站，可以提供一个全新的平台，展示和销售风景插画作品。此外，风景插画作品的市场需求不断增长，观众对于美丽自然景色的向往也日益增加。一个专注于风景插画的网站能够满足人们欣赏和购买风景插画的需求，促进风景插画行业的发展。

因此，设计与实现一个SSM风景插画网站的选题具有重要的背景意义。该网站将为插画艺术家提供一个展示作品和拓展市场的平台，同时为观众和购买者提供便捷的浏览、选择和购买渠道。通过利用互联网技术，该网站有望促进风景插画市场的扩大和风景插画艺术的普及，对推动插画艺术行业的发展具有积极影响。

1. 研究背景及意义

风景插画作为一种独特的艺术表现形式，以其美丽的自然景色和独特的艺术风格吸引了广大观众和艺术爱好者。然而，传统的展示和销售渠道存在诸多限制，如地域限制、信息不对称等，制约了风景插画作品的推广和市场发展。

随着互联网技术的飞速发展和电子商务的普及，建立一个专注于风景插画的网站成为了必然趋势。通过搭建一个在线的风景插画网站，可以将插画作品呈现给全球范围的观众，突破地域限制，扩大插画艺术的影响力和市场空间。此外，风景插画作品代表了人们对自然之美的追求和向往，具有较高的艺术观赏价值和收藏价值。建立一个专门的风景插画网站有助于促进插画作品的交流、推广和销售，为艺术家提供更广阔的创作空间和市场机会。

因此，开展风景插画网站的研究具有重要的背景意义和实际价值。该研究将通过搭建一个基于SSM框架的网站，为艺术家提供一个展示和销售作品的平台，为观众提供欣赏和购买插画作品的便利途径。同时，该网站还可以促进风景插画市场的发展和推广，推动插画艺术行业的繁荣与创新。

1. 论文章节安排

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

第一章概述了风景插画网站的选题背景；精炼地总结了研究背景及意义以及研究内容进行研究，最后给出了论文的组成结构。

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

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

第四章对风景插画网站进行设计。

第五章对风景插画网站进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对风景插画网站采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结。

相关技术介绍
1. Java编程语言

早在上个世纪90年代，Java就由詹姆斯·高斯林进行开发，自诞生之日起，Java就一直深深的受到了程序开发者的广泛喜爱，它作为计算机主要的编程语言，一直到今。Java语言是真的是一种纯面向对象的计算机语言，在Java的世界中，所有的方法、数据类型、符号等都是以类的方式存在的，最顶层的就是Object，所有的类都是对object的继承。继承是Java中的核心思想，与C语言不同的是，子类只有一个父类，这样的好处就是操作更加的简便，让人更容易理解，在代码的书写上也会容易较多。Java另外一个特性就是多态性，调用父类接口的方法可以实现子类的实现，这样的好处就是很好的对实现方法进行了隐藏（封装），而且又能够把API进行公开，一举两得。接口思想很好的诠释了想象对象的思想，让面向对象编程渐渐转向面向接口编程。如今，随着编程思想的继续发展，Java也加入了一些函数式编程的思想，这样的好处就是让编程代码更加的简洁与方便。本管理系统采用Java编程语言进行后台的开发，一是鉴于标准化制定以后，Java语言常用于大型商业应用程序后台系统中，生态稳定；二是也希望通过本系统的开发提高自己编写Java代码的能力。

1. SSM框架介绍

SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。

1.8.1 Spring
Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。
Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。
1.8.2 SpringMVC
SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。
1.8.3 mybatis
mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。

页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。

1. Vue.js 主要功能

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

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

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

系统分析
1. 可行性分析

为了迎合当今社会的现况，便于在市场中打开局面、占有一席之地；在大数据时代下，所有的信息化资源全部都是共享资源、为了长远性考虑，对此需要考虑如何推动整体的系统开发实现标准化。保证系统成功，所以就必须从效益、技术等上面做可行性报告研究。

1. 1. 操作可行性

风景插画网站的注册与登录页面设计简洁且易于应用。用户可以通过常见的页面窗口进行登录，并利用计算机实现登录功能，因此只要用户熟悉计算机操作，就可以轻松实现登录应用。该系统的研发工作环境采用了Java技术，并采用了B/S结构，使得系统功能更为完整和个性化，用户体验更加简洁和方便。整个系统具备易于运行、容易管理和良好的交互性等优点，在实际操作中也非常简单。因此，该风景插画网站也具备商业化设计的潜力。

综上所述，该系统的研发符合技术、工艺和需求要求，具有可操作性和商业化发展潜力。

1. 1. 技术可行性

技术可行性是指在确定的科学技术或决策方法中，所涉及的科学技术在组织范围内已经突破，或相关人员已经熟悉并掌握了相应的科学技术资源。在技术研究过程中，需要全面调查系统研发过程中的关键技术问题，并尽可能选择成熟的技术，引用先进的技术，关注特定的研究平台和开发人员，评估关键技术的有效性。

对于风景插画网站的设计和实施，Java技术起着关键的作用。基于B/S架构和MySQL数据库管理，Java技术可以提供前端应用和后台数据库管理所需的功能。为了确保该系统的有效应用，需要保持功能全面、易理解和简单易用的特点。在构建数据库管理时，需要确保数据分析信息完整、稳定性好，并具有高可靠性。

早期，人们对Java的基本知识有了一定的理解和熟悉，并且对MySQL数据库也有了初步的掌握和熟悉。在软件工程测试、UML语言等基础课程中，也有过相应的实践和练习。通过对这些课程的练习，可以对信息系统开发、测试和判断有相应的掌握。

因此，结合Java和MySQL开发风景插画网站是合理且可行的选择。这样的技术组合能够提供所需的功能和性能，确保系统的稳定运行和用户满意度。

1. 系统功能需求

普通用户用例图如下所示。

图3-1 普通用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

表3-1 公告浏览用例描述

描述项	说明
用例名称	公告查询
用例描述	用户可以查看公告的详情
参与者	用户
前置条件	使用者是系统用户类型并成功进入该系统
后置条件	浏览成功
主事件流	（1）用户可以浏览公告的模块、公告的内容（2）用户点击公告可以对公告进行详情阅读
异常事件流	e1.报500错误 e2.数据库连接异常

表3-1 用户管理用例描述

描述项	说明
用例名称	用户操作
用例描述	管理员正确登录后台管理的条件下，对用户进行管理
参与者	管理员
前置条件	管理员登录成功并跳转到后台主界面
后置条件	操作成功
主事件流	管理员跳转用户管理页面，查询用户详情的信息管理员可以删除用户信息
异常事件流	e1.报500错误 e2.数据库连接异常

表3-1插画信息管理用例描述

描述项	说明
用例名称	插画信息操作
用例描述	管理员正确登录后台管理的条件下，对插画信息模块进行管理
参与者	管理员
前置条件	管理员成功登录
后置条件	操作成功
主事件流	（1）管理员进入插画信息管理页面，查询插画信息的信息（2）管理员可以对插画信息进行增加、删除和编辑插画信息操作（3）管理员新增插画信息，添加成功跳转到查询页面
异常事件流	e1.报500错误 e2.数据库连接异常

表3-1购买订单管理用例描述

描述项	说明
用例名称	购买订单操作
用例描述	管理员正确登录后台管理的条件下，对购买订单模块进行管理
参与者	管理员
前置条件	管理员成功登录
后置条件	操作成功
主事件流	（1）管理员进入购买订单管理页面，查询购买订单的信息（2）管理员可以对购买订单进行增加、删除和编辑购买订单操作
异常事件流	e1.报500错误 e2.数据库连接异常

表3-1 评论管理用例描述

描述项	说明
用例名称	评论操作
用例描述	管理员正确登录后台管理的条件下，评论模块进行管理
参与者	管理员
前置条件	管理员成功登录
后置条件	操作成功
主事件流	（1）管理员进入评论管理页面，查询评论内容的信息（2）管理员可以从用户评论中删除数据
异常事件流	e1.报500错误 e2.数据库连接异常

1. 系统性能需求

（1）友好界面：系统应具备直观、易用的用户界面，使用户能够轻松浏览、搜索和购买插画作品。同时，界面设计应符合用户体验原则，提供良好的视觉效果和操作便利性。

（2）稳定性要求：系统应具备高可靠性和稳定性，以确保在高并发访问量和大量数据交互情况下，仍能正常运行和提供服务。系统应进行充分的负载测试和容错处理，避免系统崩溃或不可用情况的发生。

（3）可扩展性：考虑到未来可能的业务扩展和用户增长，系统应具备良好的可扩展性。通过合理的架构设计和模块化开发，使得系统能够灵活地添加新功能、支持更多用户和更大的数据存储需求。

（4）满足需求：系统应满足用户的基本需求，如浏览和搜索插画作品、发布和管理作品、购买下载等。同时，还应满足管理员的管理需求，如插画信息管理、订单管理等。系统应准确快速地响应用户请求，并能够有效处理复杂的业务逻辑。

系统设计
1. 总体结构设计

风景插画网站主要是为用户所服务的，该系统是因他们而存在，要为他们服务，因此，在系统设计时要将他们的需求放在第一位，并且要充分考虑他们的意见。

风景插画网站的用户角色有两种，包括管理员以及普通用户。管理员在本系统风景插画网站中，资源管理、插画信息管理、插画类型管理、购买订单管理等。用户所能实现的功能有：修改自己的密码等个人信息，插画信息，查看自己的购买订单信息。

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

图4-2 系统功能结构图

1. 功能模块设计

1.登录模块：

本风景插画网站的用户登录涉及到三类信息的判断：第一类是用户名和密码是否为空；第二类是验证码是否录入和正确；第三类就是用户登录信息、验证码和权限是否匹配通过。在该用户登录流程对会对用户名和密码是否为空进行判断，以及验证码是否正确进行判断，只有以上的几类信息中的一种存在问题的情况下都是无法登录成功的。

2.公告管理模块：

本风景插画网站中的公告管理，管理方式都是对信息的三种基本操作：一种是完成公告信息的添加，在这里会对公告信息的录入情况来判断；一种是对公告信息的修改，另一种就是对公告信息的删除。其后两种操作都是要建立在第一种操作而生成的公告列表的基础上完成的。

3.插画信息模块

用户在前台浏览搜索找到自己需要的插画信息并将其加入到购买单中，管理者在接收到用户创建的购买后要及时确认，对处理过的购买下载进行标记。

1. 数据库设计
  1. 概念设计

在需求分析中，我们用来分析的对象往往是抽象的概念，所以在这个环节应当避免过于细致的细节分析，而是通过这些抽象的概念来分析实体所具备的属性和实体之间的联系。风景插画网站利用E-R图对上述实体和联系进行描述。

图4-3 普通用户信息E-R关系图

图4-4 插画信息E-R关系图

图4-5购买订单信息E-R关系图

图4-7 评论信息E-R关系图

总体ER图如下图所示。

图4-8 总体ER图

1. 1. 逻辑设计

所有系统的应用数据相互区分。一旦在相应的系统中实现，它们将与自己相应的网络和服务器通信。所以这个系统可以连接这些数据。当我们选择桥梁截面时，以下将简要介绍如何建立系统。在单击上一个按键的时候，就会自动在对话框中弹出数据源的名字，之后再单击下一个按键时，就在填写相对应的身份验证和登录信息。按照系统功能设计的特点与职能模块的分类，风景插画网站的总体设计和实施过程一共涉及到了几个资料表格。

以下就介绍了一些根据各类别主要数据库表的设计结构以及基本功能建立数据库表:

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表illustration_information (插画信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	illustration_information_id	int	10	0	N	Y		插画信息ID
2	illustration_name	varchar	64	0	Y	N		插画名称
3	illustration_type	varchar	64	0	Y	N		插画类型
4	cover	varchar	255	0	Y	N		封面
5	author	varchar	64	0	Y	N		作者
6	moral	varchar	64	0	Y	N		寓意
7	illustration_document	varchar	255	0	Y	N		插画文档
8	details_introduction	longtext	2147483647	0	Y	N		详情介绍
9	hits	int	10	0	N	N	0	点击数
10	praise_len	int	10	0	N	N	0	点赞数
11	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
12	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表illustration_type (插画类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	illustration_type_id	int	10	0	N	Y		插画类型ID
2	illustration_type	varchar	64	0	Y	N		插画类型
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表purchase_order (购买订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	purchase_order_id	int	10	0	N	Y		购买订单ID
2	order_number	varchar	64	0	Y	N		订单号
3	illustration_name	varchar	64	0	Y	N		插画名称
4	illustration_type	varchar	64	0	Y	N		插画类型
5	cover	varchar	255	0	Y	N		封面
6	author	varchar	64	0	Y	N		作者
7	moral	varchar	64	0	Y	N		寓意
8	illustration_document	varchar	255	0	Y	N		插画文档
9	purchasing_users	int	10	0	Y	N	0	购买用户
10	user_name	varchar	64	0	Y	N		用户姓名
11	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
12	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表regular_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	regular_users_id	int	10	0	N	Y		普通用户ID
2	user_name	varchar	64	0	Y	N		用户姓名
3	users_mobile_phone	varchar	16	0	Y	N		用户手机
4	examine_state	varchar	16	0	N	N	已通过	审核状态
5	user_id	int	10	0	N	N	0	用户ID
6	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

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

用户登录的验证将不再局限于登录信息和权限的匹配验证，而是另外增加了一个验证码，只有界面上所有的编辑框数据都准确的情况下才能实现登录成功。管理员的登录和前台用户登录是一样的过程，其主要就是利用权限字段来完成对用户或管理员的角色识别。

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

图5-1 用户登录流程图

登录界面如下图所示。

图5-1 登录界面

登录关键代码如下所示。

/**

* 登录

* @param data

* @param httpServletRequest

* @return

@PostMapping("login")

public Map<String， Object> login(@RequestBody Map<String， String> data， HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

QueryWrapper wrapper = new QueryWrapper<User>();

Map<String， String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username"， username);

resultList = service.selectBaseList(service.select(map， new HashMap<>()));

}

else if(email != null && "".equals(email) == false){

map.put("email"， email);

resultList = service.selectBaseList(service.select(map， new HashMap<>()));

}

else if(phone != null && "".equals(phone) == false){

map.put("phone"， phone);

resultList = service.selectBaseList(service.select(map， new HashMap<>()));

}else{

return error(30000， "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000， "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000，"用户不存在");

}

User byUsername = (User) resultList.get(0);

Map<String， String> groupMap = new HashMap<>();

groupMap.put("name"，byUsername.getUserGroup());

List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap， new HashMap<>()));

if (groupList.size()<1){

return error(30000，"用户组不存在");

}

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable())){

String res = service.selectExamineState(userGroup.getSourceTable()，byUsername.getUserId());

if (res==null){

return error(30000，"用户不存在");

}

if (!res.equals("已通过")){

return error(30000，"该用户审核未通过");

}

//查询用户状态

if (byUsername.getState()!=1){

return error(30000，"用户非可用状态，不能登录");

}

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) {

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-"， ""));

accessToken.setUser_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token"， accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj"，user);

return success(ret);

} else {

return error(30000， "账号或密码不正确");

}

1. 用户模块的实现
  1. 注册模块的实现

注册的本质是后台拿到前台的数据，使用的方法是request.getParameter方法，然后拿到的数据再封装到会员实体类中，保存到数据库中。值得注意的是，注册的时候是需要输入合法的字符的，不合法那么则会进行红色报错，这个功能的实现是通过validate框架实现的，本质是封装好了的正则表达式。

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

图5-4 用户注册流程

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

图5-1 用户注册界面

注册关键代码如下：

/**

* 注册

* @return

@PostMapping("register")

public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

// 查询用户

Map<String, String> query = new HashMap<>();

Map<String,Object> map = service.readBody(request.getReader());

query.put("username",String.valueOf(map.get("username")));

List list = service.selectBaseList(service.select(query, new HashMap<>()));

if (list.size()>0){

return error(30000, "用户已存在");

}

map.put("password",service.encryption(String.valueOf(map.get("password"))));

service.insert(map);

return success(1);

}

1. 1. 密码修改模块的实现

用户使用该风景插画网站注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。

密码修改流程图如下所示。

图5-1 密码修改流程图

密码修改界面如图所示。

图5-1 密码修改界面

1. 1. 插画收藏块的实现

用户选择相应的插画收藏，通过id传参，找到id为此传参的插画，在收藏页提交收藏记录表单，生成收藏记录，用户在个人中心管理个人的收藏夹。

插画收藏界面如下图所示。

图5-1 插画收藏界面

1. 1. 购买下载模块的实现

用户执行购买下载，并可以操作相关内容，例如查看，编辑。购买下载的添加操作是建立在插画信息的列表基础上，单击查插画信息下的购买下载链接；然后单击“购买下载”进行添加，添加成功后的信息会载入到购买下载查询列表中。

购买下载流程图如下所示。

图5-1 购买下载流程图

购买下载界面如图所示。

图5-1 购买下载界面

1. 后台模块的实现
  1. 用户管理模块的实现

用户信息，用户通过注册了方可获得其对风景插画网站的登录使用权限，此时选择普通用户选项，系统就会自动转到用户注册工作面，在注册该部分信息时系统会自动调用add函数，然后在给定的文本框中填写有关该用户的基础信息后选择确认即可完成注册。检索用户信息，在新增用户信息以后，在检索工具栏中填写对应的用户信息，系统就会将该用户有关的所有信息展示出来。

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

图5-1 用户管理界面

用户管理关键代码如下所示。

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException {

service.insert(service.readBody(request.getReader()));

return success(1);

}

@Transactional

public Map<String, Object> addMap(Map<String,Object> map){

service.insert(map);

return success(1);

}

1. 1. 插画信息模块的实现

管理员执行插画信息管理，并可以操作相关内容，例如添加，查看，编辑和删除。通过单击“添加插画信息”，可以通过插画信息添加界面添加详细信息并添加插画信息注释。单击查看字段级别链接以查看有关所选字段级别的信息。然后单击“提交”跳转重返到添加页面。添加成功后的信息会载入到插画信息查询列表中，管理员可进行编辑以及修改。

插画信息管理流程如下图所示。

图5-1 插画信息管理流程

插画信息管理界面如下图所示。

图5-1 插画信息管理界面

插画信息管理关键代码如下：

@RequestMapping(value = "/del")

@Transactional

public Map<String, Object> del(HttpServletRequest request) {

service.delete(service.readQuery(request), service.readConfig(request));

return success(1);

}

1. 1. 插画类型管理模块的实现

管理员执行插画类型管理，并可以操作相关内容，例如添加，查看，编辑和删除。通过单击“添加插画类型”，可以通过插画类型添加界面添加详细信息并添加插画类型注释。单击查看字段级别链接以查看有关所选字段级别的信息。然后单击“提交”跳转重返到添加页面。添加成功后的信息会载入到插画类型查询列表中，管理员可进行编辑以及修改。

插画类型管理流程如下图所示。

图5-1 插画类型管理流程

插画类型管理如下图所示。

图5-1 插画类型管理界面

插画类型管理关键代码如下所示。

@RequestMapping("/get_obj")

public Map<String， Object> obj(HttpServletRequest request) {

List resultList = service.selectBaseList(service.select(service.readQuery(request)， service.readConfig(request)));

if (resultList.size() > 0) {

JSONObject jsonObject = new JSONObject();

jsonObject.put("obj"，resultList.get(0));

return success(jsonObject);

} else {

return success(null);

}

1. 1. 公告通知管理模块的实现

在主页左侧菜单栏中点击“公告通知管理”按钮，再从二级目录中点击“新增公告通知”按钮，进入到新增公告通知界面。在此处公告通知可以添加公告通知的标题、内容。

在主页左侧菜单栏中点击“公告通知管理”按钮，再从二级目录中点击“查询公告通知”按钮，进入到查询公告通知界面。在此处公告通知可以查询当前所有公告通知记录。

公告通知管理界面如下所示。

图5-1 公告通知管理界面

公告通知添加界面如下所示。

图5-1 公告通知添加管理界面

系统测试
1. 测试目的

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

测试是为了发现在开发的程序中所存在的问题，测试这一工作是非常艰巨的，而又是非常困难的，这一部分在程序的设计中占有很大比例，可以说一个程序的开发工作量要是占据了百分至六十，那么剩下的百分之四十必然是测试这一部分，甚至更高。

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

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

表6-1 登录测试用例

测试用例编号	YL_01
测试用例名称	系统使用者登录
测试用例描述	登录者输入用户名、密码和验证码
系统入口	浏览器
步骤	预期结果	实际结果
输入正确的用户名、密码和验证码	提示“登录成功”，并进入系统	预期结果
输入错误的用户名、密码和验证码	提示“登录失败”，并返回登录界面	预期结果
不输入用户名、密码和验证码	提示“请输入完整”	预期结果

1. 1. 创建数据测试

在系统中，创建功能也是基础功能之一，因此创建功能的测试很有代表性。在此章节主要列举在创建时各种情况下系统结果的测试。由于系统涉及创建功能操作过多，因此将多处统称创建功能。

创建数据用例如下表所示。

表6-2 创建数据测试用例

测试用例编号	YL_05
测试用例名称	系统使用者进行创建数据
测试用例描述	使用者输入要创建的数据
系统入口	浏览器
步骤	预期结果	实际结果
输入完整并且格式正确的数据	提示“创建成功”，并显示所有数据	预期结果
核心位置数据但非必要位置不输入数据	提示“创建成功”，并显示所有数据	预期结果
核心数据位置不输入数据	提示“创建失败”	预期结果

1. 1. 修改数据测试

在系统中，修改功能是系统主要实现功能，因此修改功能的测试很有代表性。在此章节主要列举在修改时各种情况下系统结果的测试。由于系统涉及修改功能操作过多，因此将多处数据表记录修改和状态修改统称修改功能。

修改数据用例如下表所示。

表6-3 修改数据测试用例

测试用例编号	YL_06
测试用例名称	系统使用者进行修改数据
测试用例描述	使用者对可修改的数据项进行修改
系统入口	浏览器
步骤	预期结果	实际结果
将现有数据修改成正确的数据	提示“修改成功”，并显示所有数据	预期结果
将现有数据修改成错误的数据	提示“修改失败”	预期结果

1. 1. 查询数据测试

在系统中，查询功能是使用系统使用最多也是最基础的功能，因此查询功能的测试很有代表性。在此章节主要列举在查询时各种情况下系统结果的测试。

查询数据用例如下表所示。

表6-4 查询数据测试用例

测试用例编号	YL_05
测试用例名称	系统使用者进行查询数据
测试用例描述	全部查询以及输入关键词查询
系统入口	浏览器
步骤	预期结果	实际结果
界面自动查询全部	显示对应所有记录	预期结果
输入已存在且能匹配成功的关键字	显示所查询到的数据	预期结果
输入不存在的关键字	显示数据界面为空	预期结果

1. 测试结果

在本次测试的过程主要针对所有功能下的添加操作，修改操作和删除操作，并以真实数据一一进行相关功能项目的输入，最终能够保证每个项目涉及的功能都是能够正常运行，因此能够保证本次设计的，已实现的功能能够正常运行并且相关数据库的信息也同样保证正确。

结论

在系统的开发过程中，我们使用了JSP文件来展示前台数据。尽管随着前后端分离的趋势，JSP这种夹带大量后台代码的方式正在逐渐消失，但在训练和学习阶段，它仍然具有一定的用处。熟悉JSP后，我们可以将项目改造为Vue前端项目，实现彻底的前后端分离。Vue作为目前非常流行的前端框架，能够更方便地进行前台系统的维护和扩展。对于后台技术的选择，为了快速搭建系统后台，我们采用了SSM框架进行开发。这个框架集成了Spring、Spring MVC和MyBatis，提供了强大的支持和便捷的开发方式。在开发过程中，我们发现对数据结构和算法的学习非常重要。例如，树型结构数据、递归方法的使用以及Map容器等都是常用的技术。虽然现在有很多第三方插件和方法可以帮助我们处理很多问题，但了解具体实现方法仍然是必要的。同时，对于第三方插件的使用，需要注意版本更新和废弃的风险。在项目开发中，尽量进行方法的封装，以便日后维护和扩展。

总体而言，通过这样一个小项目，我们能够从整体上了解项目的开发流程，为今后的工作提供了有力支持。同时，我们也认识到数据结构、算法的重要性，以及对第三方插件使用的注意事项，这将对我们的开发工作产生积极影响。

参考文献

[1]庄广壬,陈建生,冼永乐等. 基于SSM框架的Restful服务开发方法与装置[P]. 广东省: CN112748908B, 2024-02-27.

[2]韩小龙,司珍,吕晓峰等. 基于面向对象编程的Java语言程序设计方法分析 [J]. 集成电路应用, 2024, 41 (01): 228-229.

[3]袁爱平,陈畅,孙士兵等. 基于SSM框架的高校学生信息管理系统设计与实现 [J]. 工业控制计算机, 2023, 36 (12): 127-129.

[4]刘方磊. 基于SSM框架的旅游大数据分析系统设计与实现 [J]. 中国新技术新产品, 2023, (21): 22-25.

[5]赵进步,袁慧. 基于SSM框架的“云节”系统设计与实现 [J]. 电脑编程技巧与维护, 2023, (10): 90-92.

[6]Liang C . School Vehicle Management System Based on JAVA Language [J]. Academic Journal of Computing & Information Science, 2023, 6 (9):

[7]文臻铭,吴钧皓. 基于SSM框架的电力电缆附件电子商城系统设计与实现 [J]. 工业控制计算机, 2023, 36 (08): 145-146+153.

[8]李亚君. 基于SSM框架的B2C电子商城系统的设计与实现[D]. 合肥工业大学, 2022.

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

[10]陶明珠. 论风景插画在果酱食品包装中的运用 [J]. 食品工业, 2020, 41 (11): 427-429.

[11]Kline K . The Java Language Extension for SQL Server Is Now Open Source [J]. Database Trends and Applications, 2020, 34 (4): 31-31.

[12]王嘉琪. 食品包装中的叙事性插画设计研究[D]. 华北理工大学, 2020.

[13]隗建影. 风景插画在果酱食品包装的应用[D]. 河北大学, 2019.

[14]罗婷. CG风景插画 [J]. 美术教育研究, 2019, (07): 186.

[15]冀德玉. 冀德玉风景插画 [J]. 大舞台, 2019, (08): 14.