1. 项目概述：校园外卖服务系统的技术架构与业务价值
校园外卖系统作为高校生活服务数字化的重要载体，其技术实现需要兼顾高并发场景下的稳定性和学生群体的使用体验。这套基于SpringBoot+Vue3+MyBatis的前后端分离架构，通过模块化设计解决了传统单体应用的扩展性问题。我曾参与过三所高校的外卖平台部署，发现日均订单量在用餐高峰期可达3000+，这对系统的响应速度和事务处理能力提出了严苛要求。
MySQL数据库在此类场景中展现出独特优势：其ACID特性保障了订单状态的一致性，而通过合理的分表策略（如按日期水平分表）可有效控制单表数据量在500万行以内。系统采用InnoDB引擎配合行级锁机制，在促销活动期间仍能保持秒级响应，这是NoSQL方案难以实现的。
2. 技术栈深度解析
2.1 SpringBoot后端设计精要
采用SpringBoot 2.7.x版本构建的RESTful API服务，通过JWT实现无状态认证。关键配置示例：
java复制@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable()
.authorizeRequests()
.antMatchers("/api/auth/**").permitAll()
.anyRequest().authenticated()
.and()
.addFilter(new JwtAuthenticationFilter(authenticationManager()));
}
}
事务管理采用声明式注解：
java复制@Transactional(rollbackFor = Exception.class)
public OrderDTO createOrder(OrderCreateVO vo) {
// 库存校验
if(!inventoryService.check(vo.getItems())) {
throw new BusinessException("库存不足");
}
// 订单创建
Order order = convertToEntity(vo);
orderMapper.insert(order);
// 库存扣减
inventoryService.deduct(vo.getItems());
return convertToDTO(order);
}
2.2 Vue3前端工程化实践
前端采用Vue3+TypeScript+Pinia的组合方案，通过Composition API实现逻辑复用。典型页面加载优化策略：
- 路由级代码分割
javascript复制const routes = [
{
path: '/menu',
component: () => import('@/views/MenuView.vue') // 动态导入
}
]
- API请求封装示例：
typescript复制const http = axios.create({
baseURL: import.meta.env.VITE_API_URL,
timeout: 10000
})
http.interceptors.response.use(response => {
return response.data
}, error => {
if(error.response?.status === 401) {
router.push('/login')
}
return Promise.reject(error)
})
2.3 MyBatis高级应用技巧
针对复杂查询场景，采用动态SQL提升灵活性：
xml复制<select id="selectOrders" resultType="OrderDTO">
SELECT * FROM orders
<where>
<if test="userId != null">
AND user_id = #{userId}
</if>
<if test="status != null">
AND status = #{status}
</if>
<if test="startTime != null and endTime != null">
AND create_time BETWEEN #{startTime} AND #{endTime}
</if>
</where>
ORDER BY create_time DESC
LIMIT #{offset}, #{pageSize}
</select>
二级缓存配置（需谨慎使用）：
xml复制<cache eviction="LRU" flushInterval="60000" size="512" readOnly="true"/>
3. 数据库设计与优化
3.1 核心表结构设计
| 表名 | 关键字段 | 索引设计 | 说明 |
|---|---|---|---|
| users | id, username(mobile), password, salt | 唯一索引:username | 采用PBKDF2加密 |
| restaurants | id, name, location(GEO), status | 空间索引:location | 支持LBS查询 |
| foods | id, restaurant_id, name, price, stock | 联合索引:(restaurant_id,status) | 冗余图片URL |
| orders | id, user_id, restaurant_id, total_amount | 联合索引:(user_id,create_time) | 分表键 |
| order_items | id, order_id, food_id, quantity | 联合索引:(order_id,food_id) | 关联订单明细 |
3.2 性能优化实战
- 慢查询优化案例：
sql复制-- 优化前（全表扫描）
EXPLAIN SELECT * FROM orders WHERE status = 1 AND create_time > '2023-01-01';
-- 优化后（强制索引）
ALTER TABLE orders ADD INDEX idx_status_time (status, create_time);
EXPLAIN SELECT * FROM orders FORCE INDEX(idx_status_time)
WHERE status = 1 AND create_time > '2023-01-01';
- 连接池配置（HikariCP）：
yaml复制spring:
datasource:
hikari:
maximum-pool-size: 20
minimum-idle: 5
connection-timeout: 30000
idle-timeout: 600000
max-lifetime: 1800000
4. 前后端协同开发要点
4.1 接口规范设计
采用OpenAPI 3.0标准定义契约：
yaml复制paths:
/api/orders:
post:
tags: [Order]
summary: 创建订单
requestBody:
required: true
content:
application/json:
schema:
$ref: '#/components/schemas/OrderCreateVO'
responses:
201:
description: 创建成功
content:
application/json:
schema:
$ref: '#/components/schemas/OrderDTO'
4.2 跨域与安全配置
SpringBoot跨域配置类：
java复制@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("https://your-domain.com")
.allowedMethods("*")
.allowedHeaders("*")
.allowCredentials(true)
.maxAge(3600);
}
}
前端axios安全设置：
javascript复制axios.defaults.withCredentials = true
axios.defaults.xsrfCookieName = 'XSRF-TOKEN'
axios.defaults.xsrfHeaderName = 'X-XSRF-TOKEN'
5. 部署与监控方案
5.1 容器化部署
Docker Compose示例：
yaml复制version: '3'
services:
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
volumes:
- mysql_data:/var/lib/mysql
ports:
- "3306:3306"
backend:
build: ./backend
ports:
- "8080:8080"
depends_on:
- mysql
frontend:
build: ./frontend
ports:
- "80:80"
5.2 性能监控配置
SpringBoot Actuator集成：
yaml复制management:
endpoints:
web:
exposure:
include: health,metrics,prometheus
metrics:
export:
prometheus:
enabled: true
Grafana监控面板关键指标：
- 应用层：JVM内存、GC次数、接口QPS
- 数据库：活跃连接数、查询延迟、锁等待
- 业务层：订单创建成功率、平均处理时长
6. 典型问题排查实录
6.1 订单超卖问题
现象：促销活动期间商品库存出现负数
解决方案：
- 悲观锁方案：
java复制@Select("SELECT * FROM foods WHERE id=#{id} FOR UPDATE")
Food selectForUpdate(Long id);
- 乐观锁方案：
java复制@Update("UPDATE foods SET stock=stock-#{num}, version=version+1
WHERE id=#{id} AND version=#{version}")
int deductStockWithVersion(@Param("id") Long id,
@Param("num") Integer num,
@Param("version") Integer version);
6.2 分布式事务场景
跨服务调用（订单+库存）的Saga模式实现：
java复制// 1. 创建订单（主事务）
Order order = orderService.create(orderDTO);
// 2. 扣减库存（子事务）
try {
inventoryClient.deduct(order.getItems());
} catch (Exception e) {
// 触发补偿操作
orderService.cancel(order.getId());
throw e;
}
7. 扩展功能实现思路
7.1 实时推送方案
WebSocket消息服务示例：
java复制@ServerEndpoint("/ws/notifications")
@Component
public class NotificationEndpoint {
@OnOpen
public void onOpen(Session session) {
sessions.add(session);
}
@OnMessage
public void onMessage(String message) {
// 处理消息
}
}
前端连接管理：
javascript复制const socket = new WebSocket(`wss://your-domain.com/ws/notifications?token=${token}`);
socket.onmessage = (event) => {
const notification = JSON.parse(event.data);
showToast(notification.content);
};
7.2 智能推荐算法
基于协同过滤的菜品推荐：
python复制# 使用Surprise库实现
from surprise import Dataset, KNNBasic
data = Dataset.load_builtin('ml-100k')
algo = KNNBasic(sim_options={'user_based': False})
algo.fit(data.build_full_trainset())
def recommend_items(user_id, n=5):
user_inner_id = algo.trainset.to_inner_uid(user_id)
neighbors = algo.get_neighbors(user_inner_id, k=10)
# 根据邻居用户喜好生成推荐