毕业季一到,校园里的二手书、考研资料、宿舍小电器都会迎来一波交易高峰,而真正能让学生放心发布和购买的校内平台其实不多。最近我把一套“前后端分离校园网上店铺设计与实现系统”完整梳理了一遍,技术栈是SpringBoot+Vue+MyBatis+MySQL,整体跑下来之后发现,这个组合在课程设计和初级实战项目里确实非常经典。这篇文章不打算讲PPT式的架构图,而是从业务场景、数据库设计、后端接口、前端对接、部署验收一路写到踩坑修复,尽量给出一条可复现的完整路径。
校园店铺系统看起来和普通商城差不多,但如果只是把电商模板抄过来改个名,后面会越做越别扭。真正动手之前,得先把校园场景的特殊性想明白,再决定表结构和业务流程怎么取舍。下面我按自己的实践顺序展开。
1. 校园网上店铺:这个系统的定位与选型逻辑
1.1 不要把校园店铺当成普通商城来设计
很多人一看到“店铺系统”,第一反应就是照搬京东淘宝那套完整电商流程:商品SKU、库存、物流、发票、支付网关,全都要做。但实际上校园场景的定位完全不同,我把它拆成三个关键点:
第一,用户身份有天然边界。系统面向的是在校学生和教职工,注册时可以用学号或工号作为用户名,再设置一个角色字段区分管理员与普通用户。这样就不需要复杂的实名认证体系,老带新、内部邀请这些机制也都不用考虑,登录认证的成本会降低很多。
第二,商品形态非常集中。主要就是二手书、数码配件、课程资料、体育用品这类低频但真实存在的交易,商品单价不高,订单也简单。这种场景下不需要做物流公司选择、运费模板、发票申请,交易闭环通常是“校内自提、约定地点交接”。我在设计订单模块时,直接砍掉了物流轨迹,只保留模拟支付和订单状态流转,功能完整度够用,又不会把自己拖进订单系统的大坑。
第三,信任机制可以做得比普通平台更轻。因为买卖双方都在同一个学校范围内,身份相对透明,所以收藏数、浏览量、用户评价这些数据就有实际意义,可以作为排序和推荐的基础。没必要上大平台那种复杂的信用分体系,一个简单的评价表加交易次数统计就足够了。
搞清楚这三点,后面的数据库设计和接口规划都会变得很顺。校园店铺系统真正的核心不是“全”,而是把“身份认证—商品发布—下单交易—订单闭环”这条线走通。
1.2 SpringBoot+Vue+MyBatis+MySQL是“标准答案”吗
这个组合之所以高频出现在各种项目里,是因为每一层的选型都踩在了“开发效率”和“学习价值”的交叉点上。
SpringBoot负责后端接口和业务逻辑。它内置Tomcat,把一个完整服务打包成可执行jar,部署就是一条java -jar命令的事。相比传统的SSH整合,SpringBoot省掉了大量XML配置,注解驱动的开发方式对小团队和单人开发都非常友好。
Vue负责前端页面。组件化开发加上Vue Router、Vuex(或者Pinia),单页面应用的体验明显比传统的JSP+ jQuery好很多。配合Element UI这类组件库,后台管理页面几乎是拖拽级的速度在搭建,首页、列表、表单、弹窗这些常规功能都能快速落地。
MyBatis的独特优势在于SQL可控。商品的列表筛选可能会组合多个条件,订单管理需要多表联查,这些复杂查询在XML文件里维护非常直观。相比JPA在复杂查询时生成的SQL难以掌控,MyBatis让开发者始终清楚自己执行的是什么,出问题也好排查。
MySQL就更不用说了,免费、稳定、资料多。无论是学习还是实际部署,都是最不折腾的选择。
前后端分离本身还有个隐藏收益:前端和后端可以独立开发、独立部署,两边只要约定好接口文档就行。这个模式在面试中被问到的频率非常高,亲手做一遍完整项目,比背十道八股文都有效。
1.3 动手前的准备清单
如果是第一次做这种完整项目,建议先把环境准备齐,避免做到一半发现版本不兼容。
后端推荐JDK 1.8或11,Maven 3.6及以上,IDEA。JDK 1.8虽然老,但兼容性最好,很多课程设计和生产环境的项目还在用。前端需要Node.js 14+和npm,Vue CLI或者Vite都行。数据库用MySQL 5.7或8.0,再加一个Navicat或者DataGrip管理工具。接口调试我习惯用Apifox,比Postman在内网环境下更方便。
基础要求方面,至少要会写基本SQL、看得懂SpringBoot常用注解、能写简单的Vue组件。如果完全零基础,直接看这个项目会有点吃力,建议先跑通一个后端的HelloWorld接口,再来看整体代码。
需要模型API调用? 免费领10W Token,多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 数据库设计:校园交易场景下的表结构拆解
2.1 八张核心表覆盖全部业务
数据库是整个系统的地基,表结构设计得好,后面写接口和前端对接都会很省心。我当时从业务需求反推,最终定了八张表:用户表、分类表、商品表、购物车表、收藏表、收货地址表、订单表、评价表。
用户表的核心字段包括user_id、username(学号)、password、nickname、avatar、phone、role、status、create_time。password必须是加密后的密文,绝不能用明文。role用整型区分,1表示普通用户,2表示管理员,这样后台权限判断就是一个if判断的事。
商品表是最复杂的一张表:goods_id、seller_id、category_id、title、description、price、original_price、images、stock、sales、status、views、create_time。images字段建议用JSON数组或者逗号分隔的路径字符串,因为一个商品会有多张图片,新建一个商品图片表当然可以,但在这个体量下会显得冗余。
订单表我做了简化,一个订单只对应一个商品,不搞订单明细表。字段包括order_id、order_no、user_id(买家)、seller_id、goods_id、address_id、goods_title、goods_image、goods_price、quantity、total_price、status、create_time、pay_time。这里最关键的是把商品标题、图片、价格冗余存进订单表,形成“快照”,否则卖家修改商品信息或删除商品后,历史订单的展示数据就会失真。
购物车表和收藏表比较轻量:cart_id、user_id、goods_id、quantity、checked、create_time;favorite_id、user_id、goods_id、create_time。地址表则记录contact_name、contact_phone、address、is_default,方便下单时直接选择。
2.2 字段设计里的几个关键决策
先说价格。价格字段必须用decimal(10,2),不能使用float或double。浮点数在计算机中存储不精确,即使只是做简单的累加,也可能出现0.99999这种诡异结果。真的踩过这个坑之后,我再也不敢用浮点存金额。
再说删除策略。商品删除不要物理删除,而是用一个status字段做逻辑删除,比如1在售、2下架、3删除。这样既不影响正在进行的订单追溯,也能让后台管理人员看到完整的操作痕迹。用户注销也是同理,用status标记即可。
图片存储方面,数据库里存相对路径,比如 /upload/goods/202403/xxx.jpg,不要把图片转成base64直接塞进数据库。如果这样做了,数据库很快会膨胀到几百MB,查询速度也会被拖垮。图片文件本身放在服务器磁盘或者对象存储里,数据库只负责记住路径。
关于外键,我的建议是不加物理外键,只在逻辑上维护关联关系。比如商品表的seller_id对应user表的user_id,但不建FOREIGN KEY约束。这样做的好处是删除和迁移数据时自由度大,同时避免了外键带来的性能损耗。这个取舍在面试中也经常被问到,一般回答“逻辑外键+应用层保证一致性”是加分项。
2.3 MyBatis操作MySQL的高频写法
用MyBatis写SQL时,有几个写法几乎每个项目都会用到。
第一个是动态更新。更新商品信息时,前端可能只传了部分字段,如果写死UPDATE语句,没传的字段就会被覆盖成默认值。用
第二个是模糊查询。搜索功能需要关键字匹配商品标题和描述,正确的写法是like concat('%', #{keyword}, '%'),不要用'%' + #{keyword} + '%',虽然很多教程这么写,但在某些数据库配置下会出问题。
第三个是多条件分页查询。例如商品列表页的筛选条件可能有分类、价格区间、商品状态、关键字。如果每个组合都写一条SQL,根本不现实,用动态SQL拼接where条件就灵活得多。
第四个是驼峰映射。数据库字段通常是create_time这种下划线风格,而Java实体属性是createTime。在application.yml里配置map-underscore-to-camel-case: true,MyBatis就能自动完成映射,省掉大量resultMap。
我举个商品列表查询的XML片段,这是整个项目里最常用的一个SQL:
xml复制<select id="selectGoodsList" resultType="com.example.mall.entity.Goods">
SELECT g.*, c.name AS category_name
FROM goods g
LEFT JOIN category c ON g.category_id = c.category_id
<where>
<if test="keyword != null and keyword != ''">
AND g.title LIKE concat('%', #{keyword}, '%')
</if>
<if test="categoryId != null">
AND g.category_id = #{categoryId}
</if>
<if test="minPrice != null">
AND g.price >= #{minPrice}
</if>
<if test="maxPrice != null">
AND g.price <= #{maxPrice}
</if>
AND g.status = 1
</where>
ORDER BY g.create_time DESC
LIMIT #{offset}, #{pageSize}
</select>
注意这里把销售状态status=1直接放在where条件里,从源头保证了列表页只能看到在售商品,这个习惯非常好。分页用的是手动LIMIT,因为项目规模用不着引入PageHelper,一个手写分页更容易讲清楚原理。
3. 后端SpringBoot:从登录认证到订单闭环
3.1 工程分包:目录结构直接影响后期维护
后端项目的分包方式,我强烈建议按业务模块来,而不是纯按Controller、Service、Mapper这种技术层来分。我自己的目录结构是这样的:
code复制com.example.mall
├── config # 跨域配置、静态资源映射、JWT拦截器注册
├── controller # 接口层
│ ├── admin # 管理员接口
│ └── user # 用户端接口
├── service # 业务逻辑层
├── mapper # MyBatis Mapper接口
├── entity # 数据库实体
├── dto # 请求参数对象
├── vo # 返回给前端的对象
├── common # 统一结果返回、异常处理、常量
└── util # JWT工具类、日期工具类等
为什么要单独分dto和vo?因为请求参数和返回数据不应该直接暴露数据库实体。比如密码字段绝对不能出现在返回给前端的数据里;再比如创建时间字段,数据库返回的是timestamp,前端需要格式化后的字符串,用vo包装一层就很容易控制字段范围。用Result
3.2 JWT认证:自己写拦截器就能解决,不用引Security
很多新手一看到认证需求就直接引入Spring Security,结果被一堆过滤器链和配置搞得头皮发麻。对一个校园店铺系统来说,自己写JWT工具类加拦截器完全够用,而且思路更清晰。
完整登录认证链路是这样的:
用户提交学号和密码后,后端用BCrypt算法验证密码。BCrypt加密的特点是自动加盐,即使两个用户密码相同,生成的密文也不同,安全性比MD5高一个量级。验证通过后生成JWT,把userId和role放进token的自定义载荷部分,设置过期时间,比如7天。token返回给前端,前端保存到localStorage,每次请求时在Authorization请求头里携带。
后端写一个拦截器,拦截除登录接口和部分公开接口外的所有请求。拦截器解析token,如果有效就把用户信息存到ThreadLocal中,方便后续Service层随时获取当前登录用户;如果无效或过期,直接返回401状态码,提示前端跳转登录页。管理员专属接口再额外校验角色,不通过就返回403。
这个方案的好处是每个环节都可以自己控制,出问题时能迅速定位。比如token过期,只需要看拦截器里的过期判断;比如某个接口匿名也能访问,只需要看拦截器排除列表的配置。如果用Spring Security,绝大部分时间都花在理解框架抽象上了。
3.3 商品模块与文件上传:本地存储也是一种务实选择
商品发布是用户端最核心的功能,它涉及一个很多初学者容易搞不清楚的点——文件上传。
前端的做法是使用FormData对象,把商品字段和图片文件一起提交,请求头不能手动设置Content-Type,要让浏览器自动带上multipart/form-data边界。后端用MultipartFile接收图片,然后把文件写入本地磁盘的一个固定目录,比如项目部署目录下的upload/goods/文件夹,文件名用UUID加时间戳生成,避免重名。写入成功后,返回给前端一个相对路径,比如 /upload/goods/202403/uuid.jpg。
为了让这个相对路径能被浏览器直接访问,需要配置SpringBoot的静态资源映射:
java复制@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/upload/**")
.addResourceHandler("file:" + uploadPath);
}
这个配置的含义是:凡是访问 /upload/ 开头的路径,都去磁盘上的uploadPath目录里找对应的文件。uploadPath建议配置成绝对路径,可以通过配置文件注入,而不是写死。这里非常容易踩坑,图片明明传上去了,在服务器磁盘也能看到文件,但浏览器就是404。要么是映射路径没生效,要么是开发环境IDE的工作目录和jar包运行目录不一致,导致上传路径“飘”了。解决的办法是统一用绝对路径,并且在日志里打印出来确认。
3.4 订单状态机:少即是多的闭环设计
订状态不需要搞得很复杂,核心就五个状态:待支付、已支付、已取消、已确认收货、已完成。我甚至还把“已完成”和“已确认收货”合并成了一个状态,因为校园交易没有七天无理由退款这种复杂逻辑。
下单流程的完整链路是:
校验商品是否存在且在售,校验库存是否充足,然后生成订单号,订单号用时间戳加随机数防止重复。创建订单后立即扣减库存,这里必须加上@Transactional事务注解,扣库存和生成订单要么全部成功,要么全部失败。如果不加事务,扣了库存但订单创建失败,商品就会悄悄丢失库存。
支付环节做成模拟支付,点击支付按钮就修改订单状态为已支付,不需要对接真实的支付接口。如果对接真实支付,需要处理回调验签和掉单问题,复杂度至少翻倍,课程设计阶段完全没必要。
超时未支付订单的处理,我用Spring自带的@Scheduled注解写了一个定时任务,每两分钟扫描一次订单表,把超过三十分钟未支付的订单自动取消,并回补库存。这个机制虽然简单,但能体现项目在业务完整性上的思考,答辩时讲出来是一个加分项。
订单状态流转还要考虑用户权限问题,普通用户只能操作自己的订单,管理员能查看全部订单。这个权限校验不能只写在controller层,service层也要做一次,防止有人直接绕过接口层调用Service方法。
4. 前端Vue:页面、路由与接口对接的实战细节
4.1 页面结构:用户端加管理端两条线
前端页面我按用户端和管理端两条线来组织,路由分开配置,登录后根据角色决定默认跳转页面。
用户端的核心页面包括:首页、商品列表页、商品详情页、购物车页、订单列表页、个人中心、发布商品页。首页放搜索框、分类导航和最新商品推荐;商品列表页支持多条件筛选,点分类、按价格区间过滤、按销量排序;商品详情页是信息最密集的页面,包括轮播图、商品信息、卖家信息、收藏按钮、加入购物车和立即购买按钮。
管理端页面相对简单:商品管理、分类管理、订单管理、用户管理。用Element UI的表格组件加弹窗表单就能快速搭建。两个端复用同一套登录体系和axios封装,只是路由和菜单不同。
4.2 axios封装:token注入和响应拦截是必配
几乎每个页面都要发起请求,所以axios请求层必须统一封装。我创建了一个utils/request.js,核心逻辑就三部分:
第一,创建axios实例并设置baseURL为/api。第二,请求拦截器从localStorage取出token,写入Authorization请求头。第三,响应拦截器统一处理返回状态:如果业务code为401,说明登录过期,清空本地存储并跳转登录页;如果code不为200,弹出错误提示;如果HTTP状态码为500,统一提示服务器异常。
这样封装之后,业务代码里的请求就非常干净,比如获取订单列表只需要调用封装的get方法,不用重复写错误处理。前端也能根据返回的数据结构快速判断接口是否设计合理。
4.3 路由守卫与用户状态持久化
路由守卫是登录态管理的关键。在Vue Router里注册一个全局前置守卫,每次路由跳转前判断目标路由是否需要登录。如果用户没有token且需要登录,直接跳转到登录页;如果有token但本地没有用户信息,调用接口拉取一次用户信息,保证页面刷新后还能保持登录状态。
这里有个容易踩的坑:Vuex里的数据在页面刷新后会清空,如果用户信息只存在Vuex里,刷新后就会出现导航栏显示“未登录”的情况。解决办法是使用vuex-persistedstate插件把用户状态持久化到localStorage,或者在每次刷新后重新请求用户信息接口。我选择了后者,因为用户信息里包含最新的头像和昵称,重新拉取能保证数据实时性,代价只是多一次接口请求,完全可以接受。
路由守卫代码示例:
javascript复制router.beforeEach((to, from, next) => {
const token = localStorage.getItem('token')
if (to.meta.requiresAuth && !token) {
next({ path: '/login', query: { redirect: to.fullPath } })
return
}
if (token && !store.state.user.userInfo) {
store.dispatch('user/getUserInfo').then(() => {
next()
})
return
}
next()
})
注意处理了循环跳转的情况,避免登录页反复跳转自身。这里每次拉取用户信息时,如果token已经过期,响应拦截器会跳登录页,不会陷入死循环。
4.4 几个容易被忽略的细节
商品详情页的轮播图,如果图片地址失效,需要给图片绑定onerror事件,显示默认占位图。否则前端会出现裂图,演示的时候会很尴尬。
价格格式化的逻辑,我建议写成全局过滤器或者公共方法,保证全站价格展示统一为两位小数。比如199元显示为199.00,这样订单总价看起来更规范。
商品列表的图片加载用懒加载指令,图片在进入视口时才加载,首屏响应速度会快很多。数据量大时,这个优化效果非常明显。
购物车角标数量是通过Vuex维护的,每次加入购物车或删除商品后,重新计算数量,并且从本地接口同步。导航栏上的数量要实时变化,不能等页面刷新才更新。
发布商品表单用FormData提交时,表单校验要在提交前完成,避免后端返回错误提示后才想起还有必填项没填。建议在提交按钮里加上loading状态,防止用户连点造成重复提交。
5. 部署上线:前后端分离项目的完整链路与验收清单
5.1 本地联调:Vue proxy和CORS二选一
本地开发阶段最常见的跨域问题,我有两套解决方案。
第一套是前端配代理。在vue.config.js里配置devServer.proxy,把所有/api开头的请求转发到后端地址。这样做的好处是前端代码里只需要写相对路径,不需要区分开发和生产环境。
第二套是后端配CORS。在SpringBoot里写一个配置类,允许指定的前端地址跨域访问。前端直接请求后端完整地址。
我推荐第一套方案,因为生产环境用Nginx做的事情和这个代理一模一样,开发和生产保持一致,能少踩很多坑。后端默认端口改成9090,避免和前端脚手架默认的8080端口冲突。
5.2 后端打包与启动
后端打包命令很简单:
bash复制mvn clean package -DskipTests
打包完成后会生成一个可执行的jar包,直接运行:
bash复制java -jar mall.jar --server.port=8080
这里要注意配置文件的拆分。开发环境和生产环境的数据库地址、文件上传路径、日志路径都不一样,最好用application.yml作为主配置,application-dev.yml和application-prod.yml分别存放不同环境的配置。启动时通过--spring.profiles.active=prod指定环境,或者用环境变量覆盖关键配置,不要把生产环境数据库密码写死在代码仓库里。
5.3 前端构建与Nginx配置
前端构建之后会生成dist目录,里面是纯静态文件。把它们复制到服务器的Nginx配置目录下即可。
Nginx配置的几个核心点:
nginx复制server {
listen 80;
server_name your-domain.com;
root /usr/share/nginx/html/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /upload/ {
alias /var/www/upload/;
}
}
最关键的两行是try_files和proxy_pass。try_files用于处理前端history路由的刷新404问题,没有这一行,点击商品详情页后刷新就直接报404。proxy_pass转发了api请求,注意不能带末尾的斜杠,否则会把/api前缀剥掉,导致后端接口路径对不上。
5.4 部署验收清单
部署完成后不要急着收工,建议按清单做一次全流程回归测试:
| 功能模块 | 验收操作 | 预期结果 |
|---|---|---|
| 登录注册 | 注册新账号并成功登录 | 页面跳转首页,导航栏显示昵称 |
| 商品发布 | 发布带图片的商品 | 图片可正常预览,首页可见新商品 |
| 商品搜索 | 按关键字模糊搜索 | 返回匹配商品列表 |
| 购物车 | 添加商品、修改数量、结算下单 | 订单生成,库存扣减 |
| 订单流转 | 模拟支付、取消订单 | 状态正确变化,超时订单自动取消 |
| 权限控制 | 普通用户访问管理接口 | 返回403,前端无权限提示 |
| 刷新重载 | 刷新任意详情页 | 页面正常渲染,无404 |
| 前后端日志 | 检查后端日志和Nginx错误日志 | 无异常堆栈 |
这个清单看起来简单,实际跑完能发现至少三五个隐藏问题。不要等答辩或者演示当天再回归测试,那时候再改bug,心态会很崩。
6. 实测踩坑:这套系统最常见的几个问题与排查思路
6.1 跨域通了但请求头带不上token
这是个很隐蔽的问题。前端明明在请求拦截器里加了Authorization头,后端登录接口也正常,但访问其他接口时提示用户未登录。
排查思路先看前端请求的Headers里有没有token字段。如果没有,多半是拦截器代码执行顺序或者判断逻辑有问题,比如在设置token之前就return了请求配置。如果请求头里有token但后端拿不到,就要看Nginx配置,自定义请求头名称中如果带下划线,默认会被Nginx丢弃。解决办法是统一使用Authorization这个标准头,不自定义带下划线的header。
6.2 SQL在Navicat能跑,MyBatis查出来却是null
这是MyBatis新手最常见的问题。SQL语句在Navicat里执行完全正常,但接口返回的实体对象里,create_time字段是null,其他字段正常。
大部分情况是驼峰映射没开启。数据库字段create_time映射到Java属性createTime,需要配置mapUnderscoreToCamelCase。如果配置了还是null,就要检查Mapper接口的resultType和resultMap是否混用了,联表查询必须用resultMap显式声明字段映射关系,不能只依赖驼峰转换。
6.3 图片上传成功,访问404
图片上传接口返回成功,数据库里也有路径,但浏览器打开图片就是404。这个问题我在自己项目里也查了很久。
核心原因通常是静态资源映射的路径和上传路径不一致。比如上传时用的是相对路径,部署后工作目录变了,图片写到了另一个目录;而静态资源映射指向的目录还是原来的。解决办法是在配置文件里统一维护一个绝对路径的上传根目录,比如 /data/mall/upload,配置文件里同时注入到上传逻辑和静态资源映射中,保证它们永远指向同一个地方。
另外要注意Linux服务器的文件权限,Nginx运行用户对上传目录要有读权限,否则有映射也读不到文件。
6.4 订单接口越权:任意用户能看或改别人的订单
这个坑要重点说。如果查询订单的SQL只写了按用户状态过滤,没有拼接当前登录用户的id,那么任何登录用户只要改一下订单id就能看到别人的订单信息。我在代码审查时还发现过更严重的:取消订单接口只校验了订单状态,没有校验操作人是不是订单的买家。
正确的做法是,service层从当前登录上下文中获取userId,查询条件强制拼接user_id = 当前用户。管理员端可以看全部订单,但要在controller层标注角色权限。这个权限问题在答辩演示时是相当致命的,一定优先处理。
6.5 部署后用history路由刷新就404
前端用了Vue Router的history模式后,部署到服务器只要一刷新页面就是404,这是Nginx没有配置try_files导致的。前端路由是纯前端逻辑,服务器上并没有detail/3这个真实文件,刷新时Nginx找不到资源就会返回404。加上try_files $uri $uri/ /index.html之后,所有未命中的路径都会回退到index.html,由前端路由接管,刷新问题就解决了。
6.6 中文乱码和时区问题
数据库连接URL一定要加characterEncoding=utf8,建库时使用utf8mb4字符集。如果连接串没指定编码,插入中文会变成问号。时区问题也一样,连接url加上serverTimezone=Asia/Shanghai,否则时间处理会差八个小时。
这套系统功能不算复杂,但把所有环节完整走通之后,对前后端分离项目每一层的理解都会明显加深。我个人最大的体会是:做这类项目,重要的不是堆功能,而是把认证授权、事务处理、状态流转、跨域配置、静态资源访问这几个核心点彻底想明白。如果时间有限,建议先把商品发布和图片上传环节拆出来单独练,本地存储、路径映射、前端预览这一条链路跑通,整个项目就等于稳了一半。最后再补一句,上线的最后一天一定要做全流程回归测试,一边点功能一边看后端日志和Nginx错误日志,发现问题当场修,比起在演示现场手忙脚乱要踏实得多。
