企业官网建设流程全解析

温馨提示：本人主页置顶文章(点我)开头有 CSDN 平台官方提供的学长联系方式的名片！

1. 项目背景与意义

随着人们生活水平的提升，烘焙已经从单纯的饮食需求演变为一种生活方式和情感表达方式。越来越多的人希望通过烘焙记录生活点滴、分享创作成果，但传统的记录方式（如纸质笔记、社交平台零散发布）存在信息分散、难以沉淀、缺乏系统管理等问题。

基于Spring Boot的烘焙记忆创作管理系统，旨在为烘焙爱好者提供一个集配方管理、创作记录、作品展示、经验沉淀于一体的数字化平台。该系统不仅帮助用户系统化地管理烘焙配方和创作过程，还能记录每一次烘焙背后的故事与情感，形成个人专属的“烘焙记忆库”。

从技术层面看，该系统采用Spring Boot作为后端核心框架，结合主流的前后端分离架构，具备良好的扩展性、稳定性和可维护性，是Java技术栈在垂直领域应用的一次典型实践。

2. 系统技术栈

本系统采用前后端分离的开发模式，后端以Spring Boot为核心，前端采用Vue.js构建单页应用，数据库使用MySQL存储业务数据，Redis用于缓存热点数据。

3. 系统核心功能模块

系统围绕“烘焙记忆创作”这一核心主题，设计了以下主要功能模块：

• 用户管理模块：支持用户注册、登录、个人信息维护，基于JWT实现无状态认证。
• 配方管理模块：支持烘焙配方的创建、编辑、分类、检索，记录原料配比、步骤、注意事项等。
• 创作记录模块：记录每次烘焙的实践过程，包括时间、环境参数、成品效果、心得感悟等。
• 作品展示模块：支持上传成品图片，形成个人作品集，支持点赞、评论等互动功能。
• 记忆时间轴模块：按时间维度展示用户的烘焙历程，形成可视化的“烘焙记忆时间轴”。
• 数据统计模块：统计用户的创作频次、配方分类分布、作品热度等，辅助用户回顾成长轨迹。

4. 核心代码实现

下面选取系统中最具代表性的几个核心代码片段进行说明。

4.1 配方实体类设计

配方是系统的核心业务对象，采用MyBatis-Plus注解实现对象关系映射。

import com.baomidou.mybatisplus.annotation.IdType; import com.baomidou.mybatisplus.annotation.TableId; import com.baomidou.mybatisplus.annotation.TableName; import lombok.Data; import java.time.LocalDateTime; @Data @TableName("recipe") public class Recipe { @TableId(type = IdType.AUTO) private Long id; /** 配方名称 */ private String name; /** 配方分类（蛋糕/面包/饼干等） */ private String category; /** 原料配比（JSON格式存储） */ private String ingredients; /** 制作步骤 */ private String steps; /** 难度等级 */ private Integer difficulty; /** 预估耗时（分钟） */ private Integer duration; /** 创建人ID */ private Long userId; /** 创建时间 */ private LocalDateTime createTime; /** 更新时间 */ private LocalDateTime updateTime; }

4.2 配方分页查询接口

基于MyBatis-Plus的分页插件，实现配方的条件分页查询，支持按名称模糊搜索和分类筛选。

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper; import com.baomidou.mybatisplus.extension.plugins.pagination.Page; import org.springframework.stereotype.Service; import javax.annotation.Resource; @Service public class RecipeService { @Resource private RecipeMapper recipeMapper; /** 分页查询配方列表 */ public Page<Recipe> pageRecipes(int pageNum, int pageSize, String keyword, String category) { Page<Recipe> page = new Page<>(pageNum, pageSize); LambdaQueryWrapper<Recipe> wrapper = new LambdaQueryWrapper<>(); // 按名称模糊搜索 if (keyword != null && !keyword.isEmpty()) { wrapper.like(Recipe::getName, keyword); } // 按分类筛选 if (category != null && !category.isEmpty()) { wrapper.eq(Recipe::getCategory, category); } // 按创建时间倒序排列 wrapper.orderByDesc(Recipe::getCreateTime); return recipeMapper.selectPage(page, wrapper); } }

4.3 创作记录保存接口

创作记录模块用于沉淀每次烘焙实践的过程数据，包含文字心得和图片附件。

import org.springframework.web.bind.annotation.*; import javax.annotation.Resource; import java.time.LocalDateTime; @RestController @RequestMapping("/api/creation") public class CreationController { @Resource private CreationService creationService; /** 保存创作记录 */ @PostMapping("/save") public Result<Long> saveCreation(@RequestBody CreationDTO dto) { CreationRecord record = new CreationRecord(); record.setRecipeId(dto.getRecipeId()); record.setTitle(dto.getTitle()); record.setContent(dto.getContent()); record.setImages(dto.getImages()); record.setMood(dto.getMood()); record.setUserId(dto.getUserId()); record.setCreateTime(LocalDateTime.now()); creationService.save(record); return Result.success(record.getId()); } }

4.4 JWT认证过滤器

基于Spring Security和JWT实现无状态认证，拦截请求并校验令牌有效性。

import org.springframework.security.authentication.UsernamePasswordAuthenticationToken; import org.springframework.security.core.context.SecurityContextHolder; import org.springframework.stereotype.Component; import org.springframework.web.filter.OncePerRequestFilter; import javax.servlet.FilterChain; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @Component public class JwtAuthenticationFilter extends OncePerRequestFilter { private final JwtUtil jwtUtil; public JwtAuthenticationFilter(JwtUtil jwtUtil) { this.jwtUtil = jwtUtil; } @Override protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws java.io.IOException, javax.servlet.ServletException { String header = request.getHeader("Authorization"); if (header != null && header.startsWith("Bearer ")) { String token = header.substring(7); Long userId = jwtUtil.parseToken(token); if (userId != null && SecurityContextHolder.getContext().getAuthentication() == null) { UsernamePasswordAuthenticationToken authentication = new UsernamePasswordAuthenticationToken(userId, null, null); SecurityContextHolder.getContext().setAuthentication(authentication); } } filterChain.doFilter(request, response); } }

5. 系统架构设计

系统采用经典的三层架构，即表现层、业务逻辑层和数据访问层，各层职责清晰、解耦明显。

flowchart TD A[Vue前端] -->|HTTP/JSON| B[Controller层] B --> C[Service业务层] C --> D[Mapper数据访问层] D --> E[(MySQL数据库)] C --> F[(Redis缓存)] B --> G[JWT认证过滤器] G --> H[Spring Security]

前端通过Axios发起HTTP请求，后端Controller接收请求并完成参数校验，Service层处理核心业务逻辑，Mapper层通过MyBatis-Plus与数据库交互。Redis用于缓存用户会话和热点配方数据，降低数据库压力。

6. 总结与展望

基于Spring Boot的烘焙记忆创作管理系统，将技术实践与生活场景深度融合，既满足了烘焙爱好者记录与分享的需求，又完整覆盖了从用户认证、配方管理到创作沉淀、数据统计的全链路业务闭环。

未来可以在以下方向继续演进：引入推荐算法实现个性化配方推荐；增加社交分享功能，支持作品一键发布到主流社交平台；结合图像识别技术，自动识别成品图片并生成标签；以及开发移动端应用，进一步降低使用门槛。