> 技术文档 > 基于微信小程序的在线菜谱学习与分享平台的设计与实现-毕业设计源码13875

基于微信小程序的在线菜谱学习与分享平台的设计与实现-毕业设计源码13875

摘要

基于现代用户对高效便捷烹饪学习的需求,结合微信小程序的轻量化特性,设计并实现了一款在线菜谱学习与分享平台。该平台采用SpringBoot框架搭建后端,结合MySQL数据库进行数据存储,前端使用Vue框架开发,实现跨端交互与高效渲染。系统涵盖管理员和注册用户两类角色,管理员可进行菜谱类型、菜谱信息、烹饪心得、公告信息及资源管理,同时提供轮播图及敏感词过滤功能,以保障内容安全性。注册用户可在线浏览菜谱信息、学习烹饪知识、查看公告信息,并管理个人信息,提升个性化体验。平台不仅提供丰富的菜谱知识,还支持用户分享心得,促进用户间的互动与经验交流。通过微信小程序的广泛覆盖与便捷性,降低学习门槛,满足用户碎片化学习需求,为烹饪爱好者提供一站式学习与交流平台。

关键词:在线菜谱学习与分享平台;SpringBoot;MySQL

Abstract

Based on modern users\' demand for efficient and convenient cooking learning, an online recipe learning and sharing platform was designed and implemented, leveraging the lightweight nature of WeChat Mini Programs. The platform employs the SpringBoot framework for backend development, integrates MySQL for data storage, and utilizes Vue for frontend development to achieve cross-platform interaction and efficient rendering. The system includes two user roles: administrators and registered users. Administrators can manage recipe categories, recipe information, cooking insights, announcements, and resources while also providing carousel management and sensitive word filtering to ensure content security. Registered users can browse recipe information, learn cooking knowledge, view announcements, and manage personal information, enhancing the personalized experience. The platform not only offers a rich collection of recipe knowledge but also allows users to share their cooking insights, fostering interaction and experience exchange among users. By leveraging the wide accessibility and convenience of WeChat Mini Programs, the platform lowers the learning threshold, meets users\' fragmented learning needs, and provides a one-stop learning and communication platform for cooking enthusiasts.

Key words: Online Recipe Learning and Sharing Platform; SpringBoot; MySQL

目录

摘要

Abstract

1 绪论

1.1 研究背景

1.2 研究意义

1.3 国内外研究现状

2 相关技术介绍

2.1 B/S框架

2.2 SpringBoot框架

2.3 Vue技术

2.4 MySQL数据库

3 需求分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 操作可行性

3.1.3 经济可行性

3.2 系统性能需求分析

3.3 功能需求分析

3.3.1 用户功能

3.3.2 管理员功能

3.4 系统总体流程设计

3.4.1 数据开发流程

3.4.2 用户登录流程

3.4.3 系统操作流程

3.4.4 添加信息流程

3.4.5 修改信息流程

3.4.6 删除信息流程

4 系统设计

4.1 系统架构设计

4.2 系统总体功能设计

4.2.1 注册时序图

4.2.2 登录时序图

4.2.3 管理员修改用户信息时序图

4.2.4 管理员管理系统信息时序图

4.3 数据库设计

4.3.1 数据库实体设计

4.3.2 数据库表设计

5 系统实现

5.1 用户功能实现

5.1.1 查看宠物信息

5.1.2 订单确认

5.1.3 查看物流信息

5.1.4 管理购物车

5.1.5 查看订单

5.1.6 查看宠物资讯

5.1.7 查看排行信息

5.1.8 论坛交流

5.2 管理员功能实现

5.2.1 排行信息管理

5.2.2 资讯管理

5.2.3 交流管理

5.2.4 宠物信息管理

5.2.5 订单列表管理

5.2.6 订单配送管理

6 系统测试

6.1 测试环境

6.2 测试目的

6.3 测试方法

6.4 测试内容

6.5 测试结论

7 总结

参考文献

致谢

附录

系统核心代码设计

用户注册

用户登录

修改密码

修改数据

删除数据

获取列表

图片上传

  1. 绪论
    1. 研究背景

随着互联网和移动应用的快速发展,在线学习和知识共享已成为人们日常生活的重要组成部分。特别是在餐饮领域,越来越多的人希望通过数字化平台获取烹饪知识、交流烹饪经验,并分享个人制作的菜谱。传统的烹饪学习方式主要依赖纸质食谱、烹饪书籍或线下培训,而这些方式存在信息更新滞后、互动性差、获取渠道受限等问题。与此同时,微信小程序作为一种轻量级应用,无需下载安装即可使用,具有较强的便捷性和传播性,在各类生活服务场景中得到广泛应用。因此,基于微信小程序开发一款在线菜谱学习与分享平台,可以充分发挥其便捷性和互动性的优势,为用户提供一个集合菜谱学习、分享、交流于一体的线上平台。本研究通过系统化的设计与实现,构建一个高效、实用的菜谱管理系统,满足不同用户对烹饪学习和交流的需求,推动烹饪知识的数字化传播。

    1. 研究意义

研究的开展不仅有助于优化烹饪知识的传播方式,还能提升用户的在线学习体验,促进烹饪文化的交流与发展。对于普通用户而言,该平台提供了一个丰富的菜谱资源库,使用户能够随时随地获取不同类型的菜谱信息,并结合自身需求进行个性化学习和实践。同时,通过分享功能,用户可以记录和传播自己的烹饪经验,增强社交互动,形成良好的社区氛围。对于平台管理者而言,系统的后台管理功能能够高效地组织和维护菜谱信息,实现菜谱分类、敏感词管理、轮播图配置等操作,从而保障内容的质量和安全性。此外,该平台的构建还可为餐饮行业提供数据支持,通过用户的浏览、学习和分享行为,分析流行菜谱和用户偏好,为菜品创新和市场趋势预测提供参考。因此,本研究不仅在技术层面提供了一种基于微信小程序的菜谱管理方案,还在社会和行业层面推动了烹饪文化的现代化传播和发展。

    1. 国内外研究现状

国内关于在线菜谱学习与分享平台的研究主要集中在Web系统架构、数据库优化及前端交互体验等方面。基于B/S架构的管理系统在多个领域得到了应用,如铁路勘测、办公管理等,相关研究强调了B/S模式在信息管理中的便捷性和高效性。此外,SpringBoot、MyBatis和Vue等前后端开发技术的结合成为当前Web系统开发的主流选择,这些技术能够提升系统的可维护性和数据交互效率。在数据库管理方面,MySQL数据库的存储过程和数据优化策略的研究为提高系统运行效率提供了重要参考。随着微信小程序的普及,越来越多的应用系统开始基于微信生态进行开发,如农业期刊精准推送、实验室样品管理等,相关研究表明微信小程序在轻量化、跨平台兼容性和用户体验方面具有显著优势。然而,目前国内在菜谱学习与分享领域的研究仍较为零散,缺乏专门针对菜谱数据管理、个性化推荐及用户交互优化的深入探索。

国外研究则更关注微信小程序在医疗健康、文化传播和教育等地方的应用。例如,基于微信小程序的孕妇血糖管理系统、早产儿成长跟踪系统等研究,展示了小程序在健康管理领域的应用潜力。此外,国外研究还关注多模态信息融合技术在菜谱图像检索中的应用,探索通过图像识别和深度学习提升菜谱数据的检索精度。在餐饮知识传播方面,研究者提出了网络菜单推荐模型,以改善用户在不同场景下的菜品选择体验。相比之下,国外的研究更侧重于数据分析、智能推荐和用户行为研究,但在微信小程序在菜谱学习和社交分享方面的具体应用仍较少。因此,结合国内外研究成果,进一步探索微信小程序在菜谱学习、智能推荐及用户交互方面的优化策略,能够为该领域的发展提供新的方向和思路。

  1. 相关技术介绍
    1. B/S框架

B/S(Browser/Server)架构是一种基于浏览器和服务器的应用架构模式。它以Web浏览器作为客户端,服务器端通过Web技术提供应用服务。客户端通过浏览器与服务器进行交互,用户无需安装专门的客户端应用程序,只需要通过互联网连接即可访问应用程序[1]。在B/S架构中,客户端主要承担用户界面的呈现和基本的输入输出功能,而核心的业务处理、数据存储等操作则由服务器端完成。这种架构的核心优势在于无需在每个客户端机器上安装或更新软件,只要用户的浏览器符合要求,就可以使用系统。

B/S(Browser/Server)架构是一种网络架构模型,其主要特点是客户端通过浏览器与服务器进行通信,所有的业务逻辑和数据处理都在服务器端完成,客户端仅负责展示数据[2]。B/S架构本质上是一种客户端-服务器模式的变体,它通过将传统的C/S(Client/Server)架构中的客户端功能移到浏览器中,简化了客户端的开发和维护工作。在B/S架构中,用户通过浏览器发送请求,浏览器负责展示从服务器获取的数据,服务器则处理请求并返回响应。该架构避免了安装和配置客户端软件的麻烦,也减少了对客户端硬件的依赖,适合于需要大规模部署和跨平台支持的应用系统。

B/S模式三层结构图如图2-1所示。

图2-1  B/S模式三层结构图

    1.  SpringBoot框架

SpringBoot是一个用于简化Spring应用开发的开源框架,通过减少开发人员配置和依赖的复杂性,使得开发者能够快速构建基于Spring的生产级应用。SpringBoot基于Spring框架之上,提供了一种自配置的方式,使得开发者可以以最少的配置来启动和开发Spring应用[3]。它通过约定优于配置的原则,将常见的配置预设,使得开发人员能够聚焦于业务逻辑的实现,而不必过多关注繁琐的配置和环境搭建。

SpringBoot框架的核心特点之一是其自动配置功能。它能够根据项目中已存在的类和库,自动推断出开发环境的配置需求,减少了手动配置的工作量。SpringBoot还提供了嵌入式Web服务器支持(如Tomcat、Jetty等),使得应用可以以独立的Java应用形式运行,不再依赖外部的Web容器。这种特性使得SpringBoot特别适合于微服务架构的构建。SpringBoot还通过其提供的启动器(Starters)简化了常见功能的集成,例如数据库连接、消息队列、缓存、认证与授权等,从而提升了开发效率[4]。

    1.  Vue技术

Vue.js是一款用于构建用户界面的渐进式JavaScript框架,提供一种灵活而高效的方式来开发单页面应用(SPA)。Vue的设计理念是通过尽量简化开发过程,提供一种声明式的方式来构建用户界面[5]。Vue.js通过数据驱动的视图模型,允许开发者以声明式语法绑定数据与视图,使得应用的状态和界面表现更加简洁和可维护。它的核心思想是通过组件化开发将复杂的UI拆分为可重用的独立模块,从而提升了代码的模块化、可维护性和可扩展性。

Vue.js具备响应式数据绑定和虚拟DOM的特性。响应式数据绑定意味着当数据变化时,Vue会自动更新与之绑定的DOM元素,从而实现视图的实时更新。虚拟DOM则是Vue.js的一种优化手段,通过将对DOM的操作抽象为一个虚拟的DOM树来提高性能,减少实际DOM操作的开销[6]。Vue还提供了丰富的插件和工具,如Vue Router用于路由管理,Vuex用于状态管理,方便开发者构建复杂的前端应用。Vue的灵活性和简洁性使其成为现代Web开发中常用的前端框架之一。

    1.  MySQL数据库

MySQL是一种开源的关系型数据库管理系统(RDBMS),基于SQL(结构化查询语言)进行数据操作。作为一个被广泛使用的数据库系统,MySQL具有高度的性能、可扩展性和可靠性。MySQL使用表格结构来存储数据,每个表由多个列和行组成,数据通过SQL查询语言进行操作[7]。MySQL支持多种数据类型,如整数、浮动小数、字符串、日期等,以满足不同应用场景对数据存储的需求。在实际应用中,MySQL通常用于存储和管理结构化数据,通过索引、视图、触发器等功能提升数据查询的效率和数据的完整性。

MySQL支持ACID事务特性(原子性、一致性、隔离性、持久性),确保数据库操作的可靠性和数据的一致性。它还支持多种存储引擎,其中InnoDB是最常用的存储引擎,具备事务支持、行级锁定和外键约束等特性,适用于高并发、高可靠性的数据存储需求。MySQL可以通过主从复制、分区和分库分表等技术实现横向扩展,以应对大规模数据存储和高负载的应用需求。MySQL还具有灵活的权限管理机制,支持用户角色管理、细粒度的权限控制等,保障数据的安全性。

  1. 需求分析
    1. 可行性分析
      1. 技术可行性

从技术可行性角度来看,所选技术能够充分满足当前应用需求。B/S架构具有良好的跨平台特性,借助浏览器端渲染与服务器端处理,能够实现不同操作系统和设备上的无缝访问。SpringBoot框架基于成熟的Spring生态,自动配置机制降低了开发与部署的复杂度,支持高效开发和微服务架构的实现。Vue.js作为前端技术,其响应式数据绑定和虚拟DOM优化使得大规模应用的构建与维护更加高效。MySQL数据库在数据存储、查询优化方面具有强大能力,其ACID事务特性与高并发支持能够保证数据一致性与系统稳定性,且广泛应用于多种行业,具备可扩展性和高效性。

      1. 操作可行性

从操作可行性角度,所有选用的技术都有良好的文档支持和广泛的开发社区。B/S架构的实施依赖于常见的Web技术,技术栈成熟,操作流程规范,适合企业级应用的快速部署与运维。SpringBoot框架简化了Spring应用的配置与开发,集成了嵌入式Web服务器,使得开发者能够快速启动项目,减少了对开发环境和部署环境的依赖。Vue.js以组件化、响应式的设计思想,极大提升了前端开发的效率与代码复用性,操作简便。MySQL数据库提供了易于管理的用户界面,操作界面直观,支持多种操作系统,适合日常的数据库管理和维护工作。

      1. 经济可行性

从经济可行性角度,所有选用的技术均为开源软件,降低了开发与部署成本。B/S架构减少了客户端软件的安装和更新需求,减轻了IT维护成本。SpringBoot框架通过减少配置和自动化部署,降低了开发和运营的时间成本。Vue.js提供了快速开发的能力,减少了前端开发的人员需求。MySQL作为开源数据库,不仅在授权成本上具有优势,而且通过其高效的查询与事务处理能力,可以在保证性能的同时降低硬件资源的投入,实现资源的高效利用。

    1. 系统性能需求分析

1.可用性需求

系统必须具备高可用性,以确保其在各种使用场景下能够稳定运行。为满足可用性要求,系统应当具备自恢复能力和冗余机制,避免因单点故障而导致的服务中断。具体而言,系统的部署架构应支持负载均衡和集群配置,通过多个实例的协作提高整体系统的可用性。系统应提供详尽的监控与告警机制,能够实时追踪系统运行状态,及时发现潜在问题并触发自动恢复操作或通知管理员。在用户体验方面,系统需要提供清晰的错误提示信息,并能够在发生异常时通过回滚操作或其他容错机制,保证用户的操作不受到严重影响。

2.可靠性需求

可靠性要求系统在长时间运行中保持稳定,能够有效应对各种可能的故障和压力。系统设计应支持高可用的数据库架构,采用数据库主从复制、分片等技术以实现数据的可靠存储与访问。应用层应具备容错能力,在面对硬件故障、网络中断等意外情况时,能够保持系统的正常服务或在故障恢复后迅速恢复数据和业务流程。系统应具备日志记录功能,能够全面记录操作过程和异常信息,从而为问题追踪与系统优化提供数据支持。系统的可靠性还需要通过压力测试和稳定性测试来验证,确保在大规模用户访问及高并发场景下能够正常运行,不发生崩溃或数据丢失现象。

3.安全性需求

系统的安全性需求必须得到高度重视,确保系统和用户数据的保密性、完整性和可用性。为实现数据安全,系统应采用加密技术,特别是在用户认证、敏感数据传输和存储过程中,采用SSL/TLS协议进行加密通信,确保数据在传输过程中不被窃取或篡改。系统应支持用户身份验证与授权管理,采用如OAuth、JWT等安全机制防止未授权访问。访问控制应细化到资源级别,确保不同角色的用户只能访问其权限范围内的功能。为了防止恶意攻击,系统还应加强对常见攻击方式(如SQL注入、XSS攻击、CSRF攻击等)的防护,通过输入验证、输出转义、会话管理等技术措施提高系统的安全性。系统应定期进行安全审计与漏洞扫描,及时发现并修补可能的安全漏洞,保障系统的长期安全运营。

    1. 功能需求分析

功能需求分析是对系统所需功能进行详细描述的过程,明确系统的目标、功能模块及其相互关系。在此阶段,结合用户需求、业务流程和技术架构,识别系统必须实现的各项功能,并对其优先级、实现方式和约束条件进行梳理。通过功能需求分析,确保系统设计能够满足实际需求,且具有良好的可用性、可维护性和扩展性,为后续的系统开发和测试提供明确的指导和依据。

      1. 用户功能

用户可登录系统,浏览菜谱信息,学习烹饪知识,查看公告信息,管理个人资料,收藏菜谱,发布烹饪心得,搜索菜谱。

用户用例图如图3-1所示。

图3-1 用户用例图

      1. 管理员功能

管理员可管理排行信息,管理资讯,管理交流,管理宠物信息,管理订单列表,管理订单配送。

管理员用例图如图3-2所示。

图3-2 管理员用例图

    1. 系统总体流程设计
      1. 数据开发流程

系统开发流程的主要步骤,从需求分析到系统完成的全过程。流程包括需求分析、总体设计(结构、功能、数据)、详细设计(模块、编码)、模块整合与调用,以及测试、扩展和完善,最终完成系统的开发。本系统的开发流程如图3-3所示

图3-3系统开发流程图

      1. 用户登录流程

用户输入用户名和密码后,系统先检查输入是否为空,再验证用户名是否存在,若存在则通过用户名获取密码并校验。若密码正确则登录成功,否则提示密码错误。若用户名不存在或无法登录,提示用户操作无效。如图3-4所示。

图3-4登录流程图

      1. 系统操作流程

用户首先进入系统登录界面,输入用户名和密码后,系统验证信息是否正确。若验证失败,返回登录界面重新输入;若验证成功,则进入功能界面,执行相应功能处理后结束操作流程。操作流程如图3-5所示。

图3-5 系统操作流程图

      1. 添加信息流程

管理员可以添加信息,用户添加可以自己权限内的信息,输入信息后,要想利用这个软件来进行系统的安全管理,首先需要登录到该软件中。添加信息流程如图3-6所示。

图3-6 添加信息流程图

      1. 修改信息流程

用户首先选择需要修改的记录,输入修改后的数据,系统判断输入数据是否合法。若数据不合法,提示重新输入;若数据合法,则将修改后的数据写入数据库,完成操作后流程结束。修改信息流程图如图3-7所示。

图3-7 修改信息流程图

      1. 删除信息流程

用户选择需要删除的记录后,系统判断是否确认删除。若未确认,返回选择环节;若确认删除,则更新数据库,删除对应记录,完成操作后流程结束。删除信息流程图如图3-8所示。

图3-8删除信息流程图

  1. 系统设计
    1. 系统架构设计

系统由表现层、业务逻辑层、数据访问层和数据库服务器组成。表现层通过浏览器(如IE、Chrome、Firefox)与用户交互,采用FreeMarker、Bootstrap、jQuery等技术实现界面呈现。业务逻辑层负责处理系统的核心业务逻辑,通过分模块设计实现功能分离。数据访问层使用MyBatis框架连接数据库,执行数据的增删改查操作。数据库服务器采用MySQL进行数据存储和管理,为系统提供稳定的数据库支持。整个架构通过Tomcat服务器完成用户请求的接收和处理,确保系统的高效运行[8]。整个系统架构如图4-1所示。

图4-1 系统架构图

    1. 系统总体功能设计

系统功能结构图如图4-2所示。

图4-2 系统功能结构图

      1. 注册时序图

用户通过注册模块发送注册请求,系统完成注册后返回确认信息。随后,用户通过登录模块发送登录请求,系统验证用户信息后允许访问目标系统。用户完成操作后可选择退出,系统终止会话。注册时序图,如图4-3所示。

图4-3 注册时序图

      1. 登录时序图

管理员输入登录信息后,登录界面将信息传递至前台管理界面,随后通过SpringBoot框架读取数据库中的用户信息并返回。系统验证信息,若验证成功则登录成功,若验证失败则返回错误提示。登录时序图如图4-4所示。

图4-4登录时序图

      1. 管理员修改用户信息时序图

管理员输入登录信息后,进入用户信息管理模块,选择增删改查操作并提交命令至数据库。数据库执行操作后返回成功状态,系统显示用户管理界面并提示操作成功。管理员修改用户信息时序图如图4-5所示。

图4-5管理员修改用户信息时序图

      1. 管理员管理系统信息时序图

管理员通过访问系统发起请求,系统接收访问后转向系统信息模块进行管理操作。管理完成后,系统返回管理结果至系统,最终反馈给管理员,管理员可选择退出。管理员管理系统信息时序图如图4-6所示。

图4-6管理员管理系统信息时序图

    1. 数据库设计

数据库设计是系统开发中至关重要的环节,为系统提供高效、规范的数据存储和管理方案。设计过程包括需求分析、实体设计、表设计和逻辑结构设计。首先,通过分析业务需求,确定系统的核心实体及其属性,同时明确实体间的关系。接着,将实体抽象为具体的数据库表,为每张表定义字段名、数据类型、主键和外键,通过主外键关系和关联表设计,保证数据的完整性和一致性。最后,数据库逻辑设计进一步优化表之间的关系,通过索引、视图和存储过程提升查询效率和操作性能。整个设计需严格遵循规范,避免数据冗余和冲突,确保系统在高并发访问和复杂数据处理场景下的稳定性和高效性。

      1. 数据库实体设计

数据库实体设计是数据库设计的关键步骤,对实际业务逻辑中涉及的实体及其属性进行抽象建模,明确系统中的主要信息对象及其关系[9]。在实体设计中,根据需求分析确定系统的核心实体,如用户、角色、权限、社团信息等,提取实体的主要属性,如用户的ID、姓名、联系方式,社团的ID、名称、类型等,同时定义各实体之间的关系,包括一对一、一对多、多对多等。在设计过程中,注重实体的完整性、规范性和唯一性,确保设计能够满足系统功能需求,并为后续的表设计提供清晰的结构框架。实体设计需遵循数据库设计的标准化要求,避免数据冗余和不必要的复杂度。

以下将展示系统的全局E-R图。

系统全局E-R图如图4-7所示。

图4-7系统E-R图

      1. 数据库表设计

数据库表设计基于实体设计,将抽象的实体映射为具体的表结构。设计过程中,为每个实体定义表名、字段名及数据类型 [10]。根据业务需求,合理定义主键、外键及约束条件,确保表之间的关联性,例如通过外键建立用户表和角色表之间的关系。表设计时注重数据存储的完整性、一致性,并通过索引优化查询效率,最终确保数据库结构能够支持系统的功能需求。以下是系统的数据库表设计展示。

表 4-1-access_token(登陆访问时长)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

token_id

int

临时访问牌ID

2

token

varchar

64

临时访问牌

3

info

text

65535

信息

4

maxage

int

最大寿命:默认2小时

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

7

user_id

int

用户编号

表 4-2-article(文章)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

article_id

mediumint

文章id

2

title

varchar

125

标题

3

type

varchar

64

文章分类

4

hits

int

点击数

5

praise_len

int

点赞数

6

create_time

timestamp

创建时间

7

update_time

timestamp

更新时间

8

source

varchar

255

来源

9

url

varchar

255

来源地址

10

tag

varchar

255

标签

11

content

longtext

4294967295

正文

12

img

varchar

255

封面图

13

description

text

65535

文章描述

表 4-3-article_type(文章分类)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_id

smallint

分类ID

2

display

smallint

显示顺序

3

name

varchar

16

分类名称

4

father_id

smallint

上级分类ID

5

description

varchar

255

描述

6

icon

text

65535

分类图标

7

url

varchar

255

外链地址

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-4-auth(用户权限管理)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

auth_id

int

授权ID

2

user_group

varchar

64

用户组

3

mod_name

varchar

64

模块名

4

table_name

varchar

64

表名

5

page_title

varchar

255

页面标题

6

path

varchar

255

路由路径

7

parent

varchar

64

父级菜单

8

parent_sort

int

父级菜单排序

9

position

varchar

32

位置

10

mode

varchar

32

跳转方式

11

add

tinyint

是否可增加

12

del

tinyint

是否可删除

13

set

tinyint

是否可修改

14

get

tinyint

是否可查看

15

field_add

text

65535

添加字段

16

field_set

text

65535

修改字段

17

field_get

text

65535

查询字段

18

table_nav_name

varchar

500

跨表导航名称

19

table_nav

varchar

500

跨表导航

20

option

text

65535

配置

21

create_time

timestamp

创建时间

22

update_time

timestamp

更新时间

表 4-5-code_token(验证码)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

code_token_id

int

验证码ID

2

token

varchar

255

令牌

3

code

varchar

255

验证码

4

expire_time

timestamp

失效时间

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

表 4-6-collect(收藏)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

collect_id

int

收藏ID

2

user_id

int

收藏人ID

3

source_table

varchar

255

来源表

4

source_field

varchar

255

来源字段

5

source_id

int

来源ID

6

title

varchar

255

标题

7

img

varchar

255

封面

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-7-comment(评论)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

comment_id

int

评论ID

2

user_id

int

评论人ID

3

reply_to_id

int

回复评论ID

4

content

longtext

4294967295

内容

5

nickname

varchar

255

昵称

6

avatar

varchar

255

头像地址

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

9

source_table

varchar

255

来源表

10

source_field

varchar

255

来源字段

11

source_id

int

来源ID

表 4-8-cooking_experience(烹饪心得)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

cooking_experience_id

int

烹饪心得ID

2

registered_user

int

注册用户

3

recipe_name

varchar

64

菜谱名称

4

tips_title

varchar

64

心得标题

5

recipe_type

varchar

64

菜谱类型

6

release_date

date

发布日期

7

experience_content

text

65535

心得内容

8

experience_details

text

65535

心得详情

9

create_time

datetime

创建时间

10

update_time

timestamp

更新时间

11

source_table

varchar

255

来源表

12

source_id

int

来源ID

13

source_user_id

int

来源用户

表 4-9-hits(用户点击)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

hits_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

表 4-10-notice(公告)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

notice_id

mediumint

公告ID

2

title

varchar

125

标题

3

content

longtext

4294967295

正文

4

create_time

timestamp

创建时间

5

update_time

timestamp

更新时间

表 4-11-praise(点赞)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

praise_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

status

tinyint

点赞状态:1为点赞,0已取消

表 4-12-recipe_information(菜谱信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

recipe_information_id

int

菜谱信息ID

2

publish_user

int

发布用户

3

recipe_name

varchar

64

菜谱名称

4

recipe_type

varchar

64

菜谱类型

5

recipe_calories

varchar

64

食谱热量

6

cooking_steps

varchar

64

烹饪步骤

7

cooking_time

varchar

64

烹饪时间

8

recipe_efficacy

varchar

64

食谱功效

9

release_time

date

发布时间

10

recipe_picture

varchar

255

菜谱图片

11

teaching_video

varchar

255

教学视频

12

cooking_difficulty

varchar

64

烹饪难度

13

list_of_ingredients

text

65535

食材清单

14

recipe_details

longtext

4294967295

食谱详情

15

praise_len

int

点赞数

16

collect_len

int

收藏数

17

comment_len

int

评论数

18

examine_state

varchar

16

审核状态

19

cooking_experience_limit_times

int

心得上传限制次数

20

create_time

datetime

创建时间

21

update_time

timestamp

更新时间

表 4-13-recipe_type(菜谱类型)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

recipe_type_id

int

菜谱类型ID

2

recipe_type

varchar

64

菜谱类型

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

表 4-14-registered_user(注册用户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

registered_user_id

int

注册用户ID

2

user_name

varchar

64

用户姓名

3

user_gender

varchar

64

用户性别

4

user_phone_number

varchar

16

用户电话

5

examine_state

varchar

16

审核状态

6

user_id

int

用户ID

7

create_time

datetime

创建时间

8

update_time

timestamp

更新时间

表 4-15-schedule(日程管理)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

schedule_id

smallint

日程ID

2

content

varchar

255

日程内容

3

scheduled_time

datetime

计划时间

4

user_id

int

用户ID

5

create_time

datetime

创建时间

6

update_time

datetime

更新时间

表 4-16-score(评分)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

score_id

int

评分ID

2

user_id

int

评分人

3

nickname

varchar

64

昵称

4

score_num

double

评分

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

7

source_table

varchar

255

来源表

8

source_field

varchar

255

来源字段

9

source_id

int

来源ID

表 4-17-sensitive_vocabulary(敏感词汇)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

sensitive_vocabulary_id

int

敏感词汇ID

2

sensitive_vocabulary

varchar

64

敏感词汇

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

表 4-18-slides(轮播图)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

slides_id

int

轮播图ID

2

title

varchar

64

标题

3

content

varchar

255

内容

4

url

varchar

255

链接

5

img

varchar

255

轮播图

6

hits

int

点击量

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

表 4-19-upload(文件上传)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

upload_id

int

上传ID

2

name

varchar

64

文件名

3

path

varchar

255

访问路径

4

file

varchar

255

文件路径

5

display

varchar

255

显示顺序

6

father_id

int

父级ID

7

dir

varchar

255

文件夹

8

type

varchar

32

文件类型

表 4-20-user(用户账户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_id

int

用户ID

2

state

smallint

账户状态:(1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

所在用户组

4

login_time

timestamp

上次登录时间

5

phone

varchar

11

手机号码

6

phone_state

smallint

手机认证:(0未认证|1审核中|2已认证)

7

username

varchar

16

用户名

8

nickname

varchar

16

昵称

9

password

varchar

64

密码

10

email

varchar

64

邮箱

11

email_state

smallint

邮箱认证:(0未认证|1审核中|2已认证)

12

avatar

varchar

255

头像地址

13

open_id

varchar

255

针对获取用户信息字段

14

create_time

timestamp

创建时间

表 4-21-user_group(用户组)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

group_id

mediumint

用户组ID

2

display

smallint

显示顺序

3

name

varchar

16

名称

4

description

varchar

255

描述

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

register

smallint

注册位置

9

create_time

timestamp

创建时间

10

update_time

timestamp

更新时间

  1. 系统实现
    1. 用户功能实现
      1. 登录

用户可通过账号密码登录系统,登录成功后,可访问个人中心、浏览菜谱、查看公告等。若忘记密码,可通过手机号或邮箱找回,确保账户安全与顺畅使用。登录界面如图5-1所示。

图5-1登录界面

      1. 菜谱信息

用户进入菜谱信息页面,可浏览各种菜谱的名称、图片、食材、步骤等详细信息。通过搜索栏输入菜谱名称或筛选分类,快速查找目标菜谱。点击菜谱详情,可查看完整做法、用户评论及相关菜谱推荐。菜谱信息界面如图5-2所示。

图5-2菜谱信息界面

      1. 公告信息

用户可在公告信息页面查看最新网站公告,如关于我们、联系方式、网站介绍等,帮助用户快速获取重要信息,提高平台使用效率。公告信息界面如图5-3所示。

图5-3公告信息界面

      1. 我的

用户可在“我的”页面管理个人资料,包括修改头像、用户名、密码等信息。支持查看收藏的菜谱、发布的烹饪心得、学习记录及浏览历史。用户还能自定义偏好设置,优化个性化学习体验。我的界面如图5-4所示。

图5-4我的界面

    1. 管理员功能实现
      1. 系统用户

管理员登录后台进入系统用户页面,查看注册用户与管理员列表。可进行用户权限分配、封禁违规账号、重置密码等操作,确保平台用户管理规范。支持搜索功能,快速查找目标用户,提高管理效率。系统用户界面如图5-5所示。

图5-5系统用户界面

      1. 菜谱类型管理

管理员进入菜谱类型管理页面,查看现有菜谱分类信息。可新增、编辑或删除菜谱分类,调整分类排序,以优化用户查找体验。支持关键词搜索,确保分类管理高效、精准。菜谱类型管理界面如图5-6所示。

图5-6菜谱类型管理界面

      1. 菜谱信息管理

管理员进入菜谱信息管理页面,查看所有上传的菜谱信息。可编辑菜谱名称、食材、步骤及配图,确保内容完整性。支持审核用户提交的菜谱,删除违规内容,保障平台内容质量。菜谱信息管理界面如图5-7所示。

图5-7菜谱信息管理界面

      1. 烹饪心得管理

管理员进入烹饪心得管理页面,查看用户发布的心得内容。可审核心得,屏蔽或删除涉及违规或不适宜的内容。支持关键词筛选,快速定位敏感内容,提高平台内容安全性。烹饪心得管理界面如图5-8所示。

图5-8烹饪心得管理界面

      1. 系统管理

管理员进入系统管理页面,配置平台基础功能,如轮播图管理、敏感词过滤、访问权限设置等。可上传、修改或删除轮播图,调整展示顺序,确保首页内容动态更新。系统管理界面如图5-9所示。

图5-9系统管理界面

      1. 资源管理

管理员进入资源管理页面,管理菜谱知识及其分类。可新增、修改或删除菜谱知识内容,调整分类结构,优化用户学习体验。支持关键词搜索,确保内容管理便捷、高效。资源管理界面如图5-10所示。

图5-10资源管理界面

  1. 系统测试
    1. 测试环境

系统的测试环境如表6-1所示。

表6-1 测试环境

类别

配置项

详细信息

硬件环境

服务器CPU

Intel Xeon E5-2680 v4

内存

32GB DDR4

硬盘

1TB SSD

网络带宽

100Mbps

软件环境

操作系统

Windows Server 2019

数据库

MySQL 8.0

Web服务器

Tomcat 9.0

开发框架

SpringBoot 2.5

前端框架

Vue.js 2.6

Java版本

JDK 11

浏览器

Chrome 88, Firefox 85

    1. 测试目的

系统测试的主要目的是确保系统的功能、性能和稳定性满足需求规格说明书中的要求,并验证系统在实际使用环境中的可用性和可靠性。通过测试,可以发现软件中的缺陷、漏洞和潜在问题,确保系统运行的准确性、完整性和安全性。在功能测试中,目的是验证系统各功能模块是否按设计实现预期功能,例如用户登录、信息管理、数据查询等核心功能是否准确执行。性能测试的目的是验证系统在高并发、数据量大等压力场景下的响应时间和处理能力,确保系统具备良好的性能。兼容性测试的目的是确保系统在不同的硬件、软件和浏览器环境中能正常运行。测试还包括对异常处理和边界条件的验证,确保系统在异常场景下能够正确处理和恢复。最终,通过测试确保系统可以安全稳定地部署上线,为用户提供可靠的服务。

    1. 测试方法

系统测试采用多种测试方法,以全面验证系统的功能和性能。功能测试采用黑盒测试方法,通过设计测试用例直接验证系统功能是否符合需求,无需了解内部代码逻辑。例如,设计用例验证用户登录模块,通过输入合法和非法的用户名与密码,检查系统响应是否符合预期。性能测试采用压力测试和负载测试方法,通过模拟高并发用户访问、数据处理的场景,评估系统的响应时间、吞吐量和稳定性。兼容性测试通过在不同操作系统、浏览器和硬件设备上运行系统,验证其在不同环境中的适应性[11]。异常测试通过设计边界条件和异常输入,检查系统对非法数据和操作的处理能力。测试用例的设计需覆盖系统的所有功能模块和接口,确保测试过程的全面性。通过系统测试方法的综合应用,可以有效发现问题,并为系统的优化和改进提供依据。

    1. 测试内容

系统的测试用例表格如下图所示。

表6-2 系统测试用例表

测试项

测试用例

问题

结论

系统用户

进入用户管理页面 查看用户列表

符合预期

系统用户

搜索特定用户 查看搜索结果

符合预期

系统用户

编辑用户信息 提交修改

符合预期

系统用户

删除用户 确认删除操作

符合预期

菜谱类型管理

进入菜谱类型管理页面 查看类别列表

符合预期

菜谱类型管理

新增菜谱类别 输入类别信息 保存

符合预期

菜谱类型管理

编辑菜谱类别 修改名称 提交

符合预期

菜谱信息管理

进入菜谱管理页面 查看菜谱列表

符合预期

菜谱信息管理

搜索菜谱 通过关键词筛选

符合预期

菜谱信息管理

编辑菜谱信息 修改食材和步骤

符合预期

烹饪心得管理

查看用户发布的烹饪心得 进行审核

符合预期

烹饪心得管理

删除违规心得内容 确认删除

符合预期

系统管理

进入轮播图管理 上传新图片

符合预期

系统管理

修改敏感词列表 添加新词

符合预期

公告信息管理

进入公告管理页面 查看公告列表

符合预期

公告信息管理

发布新公告 输入标题和内容

符合预期

    1. 测试结论

本次测试针对在线菜谱学习与分享平台的主要功能模块进行了全面验证,包括系统用户、菜谱类型管理、菜谱信息管理、烹饪心得管理、系统管理、公告信息管理及资源管理等。测试过程中,分别针对正常输入、异常输入及边界情况进行了系统性测试,重点检查了用户登录、数据存储、交互响应、权限控制以及安全机制等核心功能的稳定性与可靠性。所有测试用例均按照预定流程执行,系统整体运行稳定,主要功能均符合设计预期,未发现严重影响系统使用的功能缺陷。此外,在安全性测试方面,验证码验证、密码找回、敏感词过滤等功能均有效运行,进一步提升了系统的安全性和合规性。

在测试过程中,虽然系统功能基本满足需求,但仍发现了一些优化点。例如,部分页面在高并发访问时存在短暂的加载延迟,用户体验仍有进一步提升的空间。此外,在敏感词过滤测试中,部分特殊字符组合未能被准确识别,可能导致不适当内容绕过审核。因此,建议后续优化数据库查询效率,进一步优化页面加载速度,同时完善敏感词过滤规则,确保内容审核的精准度。总体而言,该平台具备较高的可用性与稳定性,可满足用户在线学习与交流的需求,经过进一步优化后,将能提供更流畅的使用体验。

  1. 总结

本研究围绕现代用户对便捷、高效的烹饪学习需求,结合微信小程序的轻量化特性,设计并实现了一款在线菜谱学习与分享平台。采用SpringBoot构建后端,结合MySQL进行数据存储,并以Vue开发前端,实现跨端交互与高效渲染。平台涵盖管理员和注册用户两类角色,提供从菜谱浏览、烹饪心得分享到公告管理、敏感词过滤等一系列功能,满足用户个性化学习和社交需求。测试结果表明,系统功能完整、运行稳定,具备较高的可用性和安全性。通过微信小程序的便捷性,用户可随时随地获取菜谱知识,降低烹饪学习的门槛,提升互动交流的乐趣。这一平台不仅丰富了数字化学习模式,也促进了烹饪文化的传播。

在本项目的开发过程中,我们深刻体会到技术与用户需求相结合的重要性。从系统架构的选型,到前后端协同,再到数据安全与用户体验优化,每一步都充满了挑战,也伴随着成长。尽管本平台已实现预期目标,但在高并发处理、智能推荐、社区互动等方面仍有优化空间。未来,可进一步引入大数据分析与人工智能技术,优化个性化推荐算法,为用户提供更精准、更贴心的烹饪学习体验。这不仅是一次技术探索,更是一次对数字化学习方式的深思。希望本研究能为未来的在线学习平台提供借鉴,让科技助力更多人的美食梦想。

参考文献

  1. 刘江涛,王亮亮,吴庆茹,等.基于B/S模式的铁路勘测设计案例信息化管理系统设计与实现[J].铁路计算机应用,2021,30(03):32-35.
  2. 张丹丹,李弘.基于B/S架构的办公管理系统设计与开发[J].铁路通信信号工程技术,2024,21(09):44-48+106.
  3. 王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.
  4. 熊永平.基于SpringBoot框架应用开发技术的分析与研究[J].电脑知识与技术,2021,15(36):76-77.
  5. 赵媛.基于Vue的Web系统前端性能优化分析[J].电脑编程技巧与维护,2024,(09):44-46.
  6. 秦冬.浅析Vue框架在前端开发中的应用[J].信息与电脑(理论版),2024,36(13):61-63.
  7. 李艳杰.MySQL数据库下存储过程的综合运用研究[J].现代信息科技,2023,7(11):80-82+88.
  8. 陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020,(01):14-15+28.
  9. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.
  10. 马艳艳,吴晓光.计算机软件与数据库的设计策略分析[J].电子技术,2024,53(05):104-105.
  11. 李俊萌.计算机软件测试技术与开发应用策略分析[J].信息记录材料,2023,24(03):50-52.
  12. 徐琳君,王嘉萱,逯连静.农业期刊微信小程序精准推送服务模式探索[J].编辑学报,2024,36(S1):87-89.
  13. 侯超,陈相.综合性城市地图集微信小程序开发技术研究与实践[J].测绘地理信息,2025,50(01):90-95.DOI:10.14188/j.2095-6045.20240566.
  14. 韦宇颖,叶呈亮,蒋磊.基于微信小程序实验室样品管理系统的设计和实现[J].现代信息科技,2024,8(24):100-104.DOI:10.19850/j.cnki.2096-4706.2024.24.020.
  15. Chen R ,Xie H ,Duan S , et al.The catch-up growth follow-up management system use and need for the parents of premature infants after discharge based on a WeChat mini program: A cross-sectional survey in China.[J].Medicine,2024,103(50):e40883.
  16. Wang Q ,Zhang K ,Zhang X , et al.WeChat mini-program, a preliminary applied study of the gestational blood glucose management model for pregnant women with gestational diabetes mellitus.[J].Diabetes research and clinical practice,2024,219111943.
  17. He H ,Ye G ,Li K , et al.Research on the Design of WeChat Applet of Persimmon Dye Culture from The Perspective of Scenario Construction[J].Journal of Innovation and Development,2024,9(1):43-50.
  18. OckéM ,Rossum V C ,CarvalhoC , et al.Advice for the update of the EU Menu guidance: results of the ERA EU Menu project[J].EFSA Supporting Publications,2024,21(1):
  19. McCauley D K .The Networking “Menu”: Fostering Student Networking in Online Management Courses[J].Management Teaching Review,2024,9(1):67-81.
  20. 孙嘉良.基于多模态信息融合的菜谱图像检索方法研究[D].电子科技大学,2023.DOI:10.27005/d.cnki.gdzku.2023.000433.

致谢

在本项目的开发与研究过程中,得到了许多人的支持与帮助,在此深表感谢。首先,感谢指导老师的悉心指导和宝贵建议,在系统架构设计、技术选型以及功能优化等方面提供了专业的意见,使项目能够顺利推进。同时,感谢团队成员的辛勤努力和紧密合作,从需求分析到代码实现,再到测试与优化,每一个环节都离不开团队的共同努力。大家相互支持、共同攻克技术难题,让整个开发过程充满挑战也收获满满。此外,感谢所有参与测试和反馈的用户,他们的真实体验和建议为系统的优化提供了重要参考,使整体功能更加完善、用户体验更加友好。

此外,要特别感谢家人和朋友在整个开发过程中给予的理解和鼓励,让自己能够全身心投入到项目的设计与实现中。整个过程不仅是对技术能力的提升,更是一次对产品思维、用户需求洞察的深入探索。从最初的构想到最终的实现,经历了不断调整与优化的过程,也体会到了从理论到实践的巨大挑战和成就感。这次经历不仅加深了对技术的理解,也让自己更加坚定了在软件开发和用户体验优化方面的兴趣和追求。希望未来能将这份经验与热情继续投入到更有价值的技术创新中,为更多用户带来便捷、高效的数字化服务。

附录

系统核心代码设计

用户注册

注册页UserController.java,传入user对象,并将\"user_id\"、 \"state\"、 \"user_group\"、\"login_time\"、\"phone\"、\"phone_state\"、 \"username\"、\"nickname\"、\"password\"、\"email\"、\"email_state\"、\"avatar\"、\"create_time\"输入,重点是 \"username\"、\"nickname\"、\"password\"必须输入,通过获取username,数据库查询是否有该用户,如果存在,则提示“用户已存在”,否则执行将UserId置为空(数据库表中该字段已设置自动递增),代码如图所示。

图注册核心代码图

用户登录

登录页,首先传入\"username\"、\"email\"、\"phone\"、\"password\",用户可通过用户名、邮箱、手机号进行登陆,通过判断resultList来确定查询结果,然后执行查询用户组UserGroup,用户组里面不存在,依然报“用户不存在”,执行完以上代码,最后涉及到用户带有“审核”的,会查询examine_state(用户的审核状态),数据库表user_group中含有source_table和source_field进行查询,以上步骤完成,对输入的密码进行存储Token到数据库,匹对账号和密码,数据库中的AccessToken为令牌,用于身份认证,代码如图所示。

用户登录核心代码图

修改密码

修改密码,通过请求data,获取旧密码,并将新密码重新赋值,期间都是需要通过加密,代码如图所示。

修改密码核心代码图

修改数据

修改一个数据,原理与add基本一致,不同点在于通过readConfig()读取关键字,以及通过readQuery()获取URL后面?指定位置的标识,转成Map对象后,执行update操作,同样通过拼接的sql语句执行,执行过程读取query,toWhereSql()语句完成数据库操作,body为修改对象的值,代码如图所示。

修改数据核心代码图

删除数据

删除一条数据,通过readQuery(),获取URL后面的对象地址,删除FROM具体的table,query删除查询FindConfig语句,代码如图示。

图4-11删除数据核心代码图

获取列表

通过请求的参数获取列表数据,代码如图所示。

图获取列表核心代码图

图片上传

通过请求的参数获取列表数据,代码如图4-13所示。

图片上传核心代码图

点赞+收藏+关注博主,私信领取本源代码+数据库