第四章 幼儿园创意工坊小助手 总体设计

本章主要讨论的内容包括幼儿园创意工坊小助手的功能模块设计、数据库系统设计。

4.1系统架构设计

本幼儿园创意工坊小助手从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图 4-1幼儿园创意工坊小助手架构设计图

表现层（UI）：也称为用户界面层，它负责与用户进行直接的交互。一个优秀的UI设计能够显著提升用户的体验，确保用户在使用幼儿园创意工坊小助手时感到舒适和便捷。为了确保良好的兼容性，UI界面设计需要适应不同版本的平台和各种屏幕尺寸的分辨率。此外，UI交互功能必须合理设计，确保用户的操作能够得到相应的反馈和结果，这要求表现层与业务逻辑层之间保持良好的通信和协同工作。

业务逻辑层（BLL）：这一层主要处理幼儿园创意工坊小助手的数据和业务逻辑。当用户通过表现层提交数据时，业务逻辑层会接收这些数据，进行处理，并将结果传递给数据层进行存储或查询。同时，当系统需要从数据层读取数据时，业务逻辑层会处理这些数据，并将其传递给表现层进行展示。

数据层（DL）：虽然本幼儿园创意工坊小助手的数据存储在服务端的MySQL数据库中，但数据层仍然作为一个独立的部分存在。它的主要功能是存储和管理幼儿园创意工坊小助手的数据。数据层与MySQL数据库进行交互，执行数据的增、删、改、查等操作，确保数据的完整性和安全性。

这三个层次相互独立但又紧密协作，共同构成了幼儿园创意工坊小助手的完整架构。通过合理的分层设计，可以提高系统的可维护性、可扩展性和可重用性，为用户提供更好的服务和体验。

4.2系统模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本幼儿园创意工坊小助手中的用例。那么接下来就要开始对本幼儿园创意工坊小助手的架构、主要功能和数据库开始进行设计。幼儿园创意工坊小助手根据前面章节的需求分析得出，幼儿园创意工坊小助手的功能模块图如下图所示。

图 4-2幼儿园创意工坊小助手功能模块图

4.3数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

4.3.1数据库概念结构设计

下面是整个幼儿园创意工坊小助手中主要的数据库表总E-R实体关系图。

图 4-3幼儿园创意工坊小助手总E-R关系图

4.3.2数据库逻辑结构设计

通过上一小节中幼儿园创意工坊小助手中总E-R关系图上得出一共需要创建多个数据表。在此主要罗列几个主要的数据库表结构设计。

第五章 幼儿园创意工坊小助手 详细设计与实现

幼儿园创意工坊小助手的详细设计与实现主要是根据前面的幼儿园创意工坊小助手的需求分析和幼儿园创意工坊小助手的总体设计来设计页面并实现业务逻辑。主要从幼儿园创意工坊小助手界面实现、业务逻辑实现这两部分进行介绍。

5.1前端首页模块

首页是用户进入平台后首先看到的页面，它设计得直观易用，提供了快速访问新闻资讯、材料用途等的入口。帮助家长及时了解平台动态。前台首页模块展示如下图所示。

图 5-1前台首页模块图

5.2用户注册模块

不是幼儿园创意工坊小助手中正式用户的是可以在线进行注册的，当填写上自己的账号+设置密码+确认密码+昵称+邮箱+手机号+身份+用户姓名+用户性别等信息后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用户注册模块展示如下图所示。

图 5-2注册模块图

5.3登录模块

幼儿园创意工坊小助手中的前台上注册后的用户是可以通过自己的用户名+密码进行登录的，当用户输入完整的自己的用户名+密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的用户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到幼儿园创意工坊小助手的首页中，否则将会提示相应错误信息，登录模块如下图所示。

图 5-3登录模块图

5.4前端家长用户功能模块

5.4.1材料用途模块

家长可以浏览不同材料的详细信息，了解如何在孩子的教育活动中有效利用这些材料。家长还可以将感兴趣的材料添加到收藏夹，方便日后查阅。材料用途模块如下图所示：

图 5-4材料用途模块图

5.4.2材料分享模块

家长可以在这个模块中分享他们认为有用的教育资源和手工材料。可以添加评论，分享个人经验，并将内容收藏到自己的账户中。材料分享模块如下图所示。

图 5-5材料分享模块图

5.4.3手工任务模块

家长可以接收平台推荐的手工任务，收藏感兴趣的任务，并为孩子安排适合的活动。这个模块旨在帮助家长跟踪孩子的手工活动进展，并鼓励孩子完成任务，培养动手能力。手工任务模块如下图所示。

图 5-6手工任务模块图

5.4.4教育资源模块

教育资源模块提供了丰富的学习材料，包括视频、文章和互动课程等。家长可以浏览这些资源，并通过点赞和收藏功能标记他们认为有价值的内容。教育资源模块如下图所示。

图 5-7教育资源模块图

5.4.5“我的”模块

“我的”模块是家长用户管理个人信息和活动记录的中心。家长可以查看和编辑自己的基本信息，浏览收藏的内容、评论、材料记录、材料分享、任务接收、作品信息、作品记录、学习记录、活动记录和成长报告。家长还可以查看他们与专家的咨询信息。这个模块为家长提供了一个全面的个人活动概览，方便他们跟踪和管理自己和孩子的平台使用情况。“我的”模块如下图所示。

图 5-8“我的”模块图

5.5后端教师用户功能模块

5.5.1手工任务管理模块

教师可以使用手工任务管理功能来添加新的手工任务，为孩子们设计有趣的创作活动。同时，教师也可以删除不再适用的任务，或者对现有任务进行查询和查看详细信息，确保任务内容的更新和准确性。手工任务管理添加模块如下图所示。

图 5-9手工任务管理添加模块图

5.5.2教育资源管理模块

教育资源管理功能允许教师添加新的教育资源，如教学视频、图片、教程等，丰富孩子们的学习内容。教师也可以删除不再需要的资源或对现有资源进行查询和查看详细信息，确保资源的时效性和适用性。教育资源管理模块如下图所示。

图 5-10教育资源管理模块图

5.6后端专家用户功能模块

5.6.1咨询信息管理模块

此功能为专家用户提供了一个界面，用于处理咨询请求。专家可以查询所有待回复的咨询，查看咨询的详细信息，并对咨询进行回复。这使得专家能够有效地与咨询者沟通，提供所需的专业意见和帮助。咨询信息管理详情模块如下图所示。

图 5-11咨询信息管理详情模块图

5.7后端管理员功能模块

5.7.1材料用途管理模块

通过材料用途管理，管理员可以添加、删除和查询材料用途信息，并查看每个用途的详细描述，帮助用户更好地找到所需资源。材料用途管理添加模块如下图所示。

图 5-12材料用途管理添加模块图

5.7.2系统用户模块

系统用户管理功能允许管理员对系统中的用户进行全面管理。管理员可以添加用户、修改用户信息、设定用户角色以及处理用户账号的停用或删除。这一功能确保了系统用户信息的准确性和安全性，也方便管理员根据实际需要调整用户权限。系统用户管理流程图如下所示。

图 5-13系统用户管理流程图

系统用户模块如下图所示。

图 5-14系统用户模块图

5.7.3材料分享管理模块

材料分享管理功能允许管理员删除和查询材料分享记录，查看分享详情和评论，以监控和管理资源的共享情况。材料分享管理模块如下图所示。

图 5-15材料分享管理模块图

5.7.4手工任务管理模块

管理员可以添加、删除和查询手工任务，以及查看任务详情，确保手工活动的顺利进行和资源的合理分配。手工任务管理模块如下图所示。

图 5-16手工任务管理模块图

5.7.5教育资源管理模块

管理员可以添加、删除和查询教育资源，并查看资源详情，确保教育资源的丰富性和更新性。教育资源管理模块如下图所示。

图 5-17教育资源管理模块图

5.7.6成长报告管理模块

成长报告管理功能允许管理员添加、删除和查询成长报告，并查看报告详情，帮助用户了解自己的成长轨迹。成长报告管理添加模块如下图所示。

图 5-18成长报告管理添加模块图

5.7.7系统管理模块

系统管理功能包括轮播图的添加、删除、查询和查看详情，以及活动公告的管理，确保平台的宣传和通知能够及时更新和发布。轮播图管理模块如下图所示。

图 5-19轮播图管理模块图

5.7.8交流管理模块

交流管理功能包括交流论坛及其分类的添加、删除、查询、详情查看和评论管理，以促进用户间的交流和讨论。交流管理模块如下图所示。

图 5-20交流管理模块图

第六章 系统测试

6.1系统测试的目的

测试的主要目的是确保系统的功能和性能满足预期的需求，同时识别和修复潜在的缺陷。通过系统测试，可以验证各个功能模块的正确性和稳定性，确保系统在不同使用场景下的表现符合设计要求。测试目的包括确认系统功能的完整性、验证数据处理的准确性、评估系统的性能和安全性[10]。测试还可以提高用户满意度，保证用户在使用系统时获得流畅和可靠的体验。通过全面的测试，可以降低后期维护成本，减少系统上线后出现故障的风险，从而保障系统的长期稳定运行。

6.2测试方法

在本系统中，测试方法主要依赖于测试用例的设计与执行。测试用例是根据系统需求文档编写的，覆盖所有功能模块及其边界情况。每个测试用例包含输入数据、预期结果和实际结果的对比，以验证系统的功能是否按预期工作。

常见的测试用例包括功能测试用例、边界测试用例和异常测试用例。功能测试用例针对系统的各项功能进行验证；边界测试用例则侧重于输入数据的边界条件，验证系统在极端情况下是否能够稳定运行；异常测试用例则用于验证系统在处理错误输入或异常情况时的反应。本文选择功能测试用例进行系统测试。

在测试执行过程中，记录每个用例的执行结果，并根据实际结果与预期结果的对比，判断系统是否存在缺陷。通过系统化的测试用例执行，可以有效提高测试的覆盖率和效率，为系统的最终上线提供保障。

6.3测试用例

6.3.1用户登录功能测试

表6-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

6.3.2创建数据测试 

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

创建数据用例如表6-2 所示。

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

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

6.3.3修改数据测试 

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

修改数据用例如表6-3所示。

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

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

6.3.4查询数据测试 

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

查询数据用例如表6-4所示。

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

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

6.4测试结果

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

结  论

经过本次系统测试，幼儿园创意工坊小助手的各项功能均得到了全面的验证。测试结果显示，系统在不同使用场景下均能稳定运行，功能和性能均达到了预期的设计要求。特别是在数据创建、数据修改以及数据查询等核心功能上，系统展现出了良好的稳定性和准确性。

在测试过程中，我们发现了少量潜在的缺陷，并及时进行了修复。这些修复工作进一步提升了系统的可靠性和用户体验。通过全面的测试用例执行，我们确保了系统的测试覆盖率达到了较高水平，为系统的最终上线提供了坚实的保障。

综上所述，本次系统测试取得了圆满成功。幼儿园创意工坊小助手的功能和性能均达到了预期目标，为系统的后续开发和维护奠定了坚实的基础。该模块将在实际应用中发挥出色的表现，为用户提供高效、便捷的资源管理服务。

参考文献

1. 尹应荆.JAVA编程语言在计算机软件开发中的应用[J].石河子科技,2023,(05):45-47.
2. 刘江涛,王亮亮,吴庆茹,等.基于B/S模式的铁路勘测设计案例信息化管理系统设计与实现[J].铁路计算机应用,2021,30(03):32-35.
3. 张丹丹,李弘.基于B/S架构的办公管理系统设计与开发[J].铁路通信信号工程技术,2024,21(09):44-48+106.
4. 王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.
5. 熊永平.基于SpringBoot框架应用开发技术的分析与研究[J].电脑知识与技术,2021,15(36):76-77.
6. 赵媛.基于Vue的Web系统前端性能优化分析[J].电脑编程技巧与维护,2024,(09):44-46.
7. 秦冬.浅析Vue框架在前端开发中的应用[J].信息与电脑(理论版),2024,36(13):61-63.
8. 李艳杰.MySQL数据库下存储过程的综合运用研究[J].现代信息科技,2023,7(11):80-82+88.
9. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.
10. 李俊萌.计算机软件测试技术与开发应用策略分析[J].信息记录材料,2023,24(03):50-52.
11. Java Sunrise Coffee: Better Beans, and Better Coffee [J]. M2 Presswire, 2025,
12. Salunke V S ,Ouda A . A Performance Benchmark for the PostgreSQL and MySQL Databases [J]. Future Internet, 2024, 16 (10): 382-382.
13. Shao W ,Liu K . Design and Implementation of Online Ordering System Based on SpringBoot [J]. Journal of Big Data and Computing, 2024, 2 (3):
14. 方一恺,葛亦柠,毛翊涵,等.杭州市萧山区世纪实验幼儿园幼儿创意美术作品展示[J].东方娃娃·绘本与教育,2025,(02):82.
15. 杨晓玲.浅谈幼儿园创意美术课程的问题与探索[J].东方娃娃·保育与教育,2025,(01):87-88.
16. 王美雯.幼儿园自然材料的创意化应用分析[J].读写算,2025,(01):127-129.
17. 张爱玲.陶瓷艺术启蒙：幼儿园美术创意工坊的探索与实践[J].陶瓷科学与艺术,2024,58(09):28.
18. 祝小玲.农村幼儿园班级项目式“创意工坊”的设计与实施[J].新智慧,2023,(36):54-56.
19. 崔巍.幼儿园小班开展戏剧游戏的途径——以创意工坊为例[J].启迪与智慧(中),2020,(10):32-33.
20. 王菁.创意工坊在幼儿园活动中的设计[J].小学科学(教师版),2020,(08):180.

致  谢

幼儿园创意工坊小助手设计与实现工作已结束，虽然过程中充满挑战，但内心充满自豪和满足。感谢大学四年间教导我的所有老师，他们的专业知识与人生智慧让我成长为能独立完成系统的学生。特别感谢指导老师，他耐心解答疑惑，引导我解决问题，提升自主解决能力。室友和同学们的宝贵建议和支持也让我取得长足进步。未来，我将继续努力追求卓越，不辜负所学所悟和老师期望。坚信坚定信念和不懈努力，未来定能取得更辉煌成就。期待更美好未来！

此外，幼儿园创意工坊小助手设计与实现不仅是技术挑战，挫折和困难是成长的垫脚石，让我更深入理解问题，精确找到解决方案。每次解决问题，都感到满足和自豪。

对于未来，我充满期待和信心。无论道路多崎岖，只要保持坚定信念，持续努力，定能取得更大成就。期待将知识和技能运用到实际中，为社会做出更大贡献。

最后，感谢所有帮助和支持我的人。你们的教诲、鼓励和支持让我有今天的成就。我会继续努力，不辜负期望，为实现更美好的未来而奋斗。

代码：

连接数据库的文件在Resources 文件夹下的application.yml文件，代码如下：

server:

  port: 5000

  servlet:

    context-path: /api

spring:

  mvc:

    static-path-pattern: /upload/**

  resources:

    static-locations: file:此处填写地址/project93355/server/src/main/resources/static

datasource:    

jdbc:mysql://127.0.0.1:3306/projectxxxxx?serverTimezone=GMT%2B8&useSSL=false&characterEncoding=utf-8

    username: root

    password: root

    driver-class-name: com.mysql.cj.jdbc.Driver

    type: com.alibaba.druid.pool.DruidDataSource

  jackson:

    property-naming-strategy: CAMEL_CASE_TO_LOWER_CASE_WITH_UNDERSCORES

    default-property-inclusion: ALWAYS

    time-zone: GMT+8

    date-format: yyyy-MM-dd HH:mm:ss

  servlet:

 项目启动文件Application.java，代码如下：

@SpringBootApplication(exclude = {DataSourceAutoConfiguration.class})

@EnableJpaRepositories

@MapperScan("com.project.demo.dao")

public class Application {

    public static void main(String[] args) {

        SpringApplication.run(Application.class,args);

    }

}

修改数据代码如下：

    @PostMapping("/set")

@Transactional

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

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

    }

删除一条数据代码如下：

    @RequestMapping(value = "/del")

    @Transactional

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

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

        return success(1);

    }

    public void delete(Map<String,String> query,Map<String,String> config){

        QueryWrapper wrapper = new QueryWrapper<E>();

        toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);

        baseMapper.delete(wrapper);

        log.info("[{}] - 删除操作：{}",wrapper.getSqlSelect());

    }

通过请求的参数获取列表数据，代码如下：

    @RequestMapping("/get_list")

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

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

    }

获取某个组下面的数量，代码如下：

    @RequestMapping(value = {"/count_group", "/count"})

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

        Integer value= service.selectSqlToInteger(service.groupCount(service.readQuery(request), service.readConfig(request)));

        return success(value);

    }

注册页登录代码如下：

    /**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

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

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

        query.put("username",user.getUsername());

        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);

}     

MD5加密，代码如下：

    public String encryption(String plainText) {

        String re_md5 = new String();

        try {

            MessageDigest md = MessageDigest.getInstance("MD5");

            md.update(plainText.getBytes());

            byte b[] = md.digest();

            int i;

            StringBuffer buf = new StringBuffer("");

            for (int offset = 0; offset < b.length; offset++) {

                i = b[offset];

                if (i < 0)

                    i += 256;

                if (i < 16)

                    buf.append("0");

                buf.append(Integer.toHexString(i));

            }

            re_md5 = buf.toString();

        } catch (Exception e) {

            e.printStackTrace();

        }

        return re_md5;

}

登录页代码如下：

 /**

     * 登录

     * @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;

        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<>()));

        }

       

找回密码，接收用户输入的用户名、密码、验证码，并进行条件判断，代码如下：

    /**

     * 找回密码

     * @param form

     * @return

     */

    @PostMapping("forget_password")

    public Map<String, Object> forgetPassword(@RequestBody User form,HttpServletRequest request) {

        JSONObject ret = new JSONObject();

        String username = form.getUsername();

        String code = form.getCode();

        String password = form.getPassword();

        // 判断条件

        if(code == null || code.length() == 0){

            return error(30000, "验证码不能为空");

        }

        if(username == null || username.length() == 0){

            return error(30000, "用户名不能为空");

        }

        if(password == null || password.length() == 0){

            return error(30000, "密码不能为空");

        }

整理归纳不易，点击「分享」和「在看」让更多有需要的人看到，谢谢!

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