5个高频考点一文搞懂，电商网站开发面试不再慌
自己不会代码想做网站？别急，面试才是第一关。 很多运营转技术、或者想入行做电商开发的朋友，卡就卡在面试上。 今天把【电商网站开发面试】拆碎了讲，帮你一文搞懂底层逻辑。
一、 前端与后端：谁在扛大旗？
电商网站是个大杂烩，前端负责“脸面”，后端负责“大脑”。面试里，这两者的技术栈差异巨大。很多候选人搞不清自己该侧重哪边，导致答题跑偏。
核心差异对比：
| 维度 | 前端开发 (Frontend) | 后端开发 (Backend) |
|---|---|---|
| 核心语言 | JavaScript (ES6+), TypeScript | Java, Go, Python, Node.js |
| 常用框架 | React, Vue.js, Angular | Spring Boot, GoZero, Django |
| 关注重点 | 用户体验、页面渲染速度、兼容性 | 高并发处理、数据一致性、安全性 |
| 典型场景 | 商品详情页滑动、购物车交互 | 订单创建、支付回调、库存扣减 |
代码示例对比：
前端 (Vue.js - 商品卡片组件):
// Vue 3 Composition API
import { ref, onMounted } from 'vue'export default {setup(props) {const product = ref({id: props.id,price: 0,name: ''})onMounted(async () => {// 模拟获取商品详情const res = await fetch(`/api/products/${props.id}`)product.value = await res.json()})return { product }}
}
后端 (Java - 商品查询接口):
// Spring Boot Controller
@RestController
@RequestMapping("/api/products")
public class ProductController {@Autowiredprivate ProductService productService;@GetMapping("/{id}")public ResponseEntity<ProductDTO> getProduct(@PathVariable Long id) {ProductDTO product = productService.findById(id);if (product == null) {throw new ResourceNotFoundException("Product not found");}return ResponseEntity.ok(product);}
}
选型建议： 如果你擅长逻辑推理和数据结构，选后端；如果你更关注视觉呈现和用户交互细节，选前端。面试时，务必明确你的主攻方向，不要两边都浅尝辄止。
二、 数据库选型：关系型 vs 非关系型
电商最头疼的问题就是“快”和“准”的平衡。面试高频考点：为什么订单表用 MySQL，而用户行为日志用 MongoDB？
核心差异对比：
| 维度 | MySQL (关系型) | MongoDB (非关系型) |
|---|---|---|
| 数据模型 | 表、行、列，强 Schema | 文档、集合，弱 Schema |
| 事务支持 | ACID 强一致性 | 多文档事务（4.0+），最终一致性为主 |
| 查询方式 | SQL，适合复杂关联查询 | MQL，适合嵌套文档查询 |
| 扩展方式 | 垂直扩展为主，水平分库分表 | 天然支持水平分片 (Sharding) |
| 典型场景 | 订单、支付、用户账户 | 用户画像、商品标签、日志记录 |
代码示例对比：
MySQL (创建订单表 - 强调事务):
-- 开启事务，确保扣库存和生成订单原子性
START TRANSACTION;-- 1. 扣减库存 (乐观锁)
UPDATE products SET stock = stock - 1 WHERE id = 101 AND stock > 0;
-- 检查影响行数，如果为0说明库存不足-- 2. 插入订单
INSERT INTO orders (user_id, product_id, status)
VALUES (1, 101, 'PENDING');COMMIT;
MongoDB (记录用户行为 - 灵活结构):
// 插入一条复杂的用户行为日志
db.userBehavior.insertOne({userId: 1001,timestamp: new Date(),action: "view_product",productId: 101,context: {source: "search_result",searchKeyword: "wireless mouse",position: 3},device: {type: "mobile",os: "iOS 15",browser: "Safari"}
})
选型建议： 面试时，不要只背概念。要能说出：“因为订单涉及钱，必须强一致性，所以用 MySQL 事务；而用户点击流数据量大、结构多变，用 MongoDB 写入更快，查询更灵活。” 这种场景化的回答才得分。
三、 缓存策略：Redis 如何救火？
高并发大促（如双11）时，数据库扛不住怎么办？Redis 是标准答案。面试必问：缓存穿透、击穿、雪崩怎么解决？
核心差异对比：
| 维度 | 无缓存 (直连DB) | Redis 缓存 (一级缓存) |
|---|---|---|
| 响应速度 | 毫秒级 (10-50ms) | 微秒级 (1-5ms) |
| DB 压力 | 极高，容易 OOM 或连接耗尽 | 极低，大部分请求被拦截 |
| 数据一致性 | 实时一致 | 最终一致 (需处理失效策略) |
| 典型问题 | 无 | 缓存穿透、击穿、雪崩 |
代码示例对比：
Java (Spring Cache - 基础读写):
@Service
public class ProductServiceImpl implements ProductService {@Autowiredprivate ProductRepository repo;// 读取时先查缓存，没有再查库并放入缓存@Cacheable(value = "products", key = "#id")public ProductDTO findById(Long id) {return repo.findDtoById(id).orElseThrow(...);}// 更新时删除缓存，下次读取重新加载@CacheEvict(value = "products", key = "#product.id")public void update(ProductDTO product) {repo.save(product.toEntity());}
}
Redis Lua 脚本 (解决超卖问题 - 原子性扣减):
-- 脚本: 原子性检查并扣减库存
-- KEYS[1]: 库存Key (e.g., stock:101)
-- ARGV[1]: 扣减数量local stock = tonumber(redis.call('get', KEYS[1]))
if (stock == false) thenreturn -1 -- 键不存在
end
if (stock < tonumber(ARGV[1])) thenreturn -2 -- 库存不足
end
redis.call('decrby', KEYS[1], ARGV[1])
return 0 -- 成功
选型建议：
面试中，重点讲“为什么用 Lua 脚本”。因为 GET 和 DECR 如果分两步做，在高并发下会有竞态条件。Lua 脚本在 Redis 内是单线程执行的，天然原子，这是解决电商超卖的核心技巧。
四、 安全与合规：ICP 备案与 SSL
很多技术候选人忽略非代码部分，但这是上线的“生死线”。面试中，如果问“网站上线前还要做什么？”只答“部署”是不够的。
核心差异对比：
| 维度 | 国内服务器 (阿里云/腾讯云) | 海外服务器 (AWS/GCP) |
|---|---|---|
| 域名解析 | 必须绑定已备案域名 | 无需备案，可直接解析 |
| 访问速度 | 国内用户极快 | 国内用户访问慢，不稳定 |
| 合规要求 | 工信部ICP备案系统 强制要求 | 无强制备案，但需遵守当地法律 |
| SSL 证书 | 免费证书多，申请流程严格 | Let's Encrypt 等免费，流程简单 |
| 适用场景 | 面向国内用户的企业站、商城 | 面向海外用户的外贸站、SaaS |
配置示例：
Nginx 配置 (强制 HTTPS + 备案信息注释):
server {listen 80;server_name www.yourshop.com;# 国内访问必须已备案，否则会被运营商拦截return 301 https://$server_name$request_uri;
}server {listen 443 ssl;server_name www.yourshop.com;# SSL 证书配置ssl_certificate /etc/nginx/ssl/yourshop.com.crt;ssl_certificate_key /etc/nginx/ssl/yourshop.com.key;ssl_protocols TLSv1.2 TLSv1.3;# 安全头配置，防止点击劫持和 MIME 嗅探add_header X-Frame-Options DENY;add_header X-Content-Type-Options nosniff;location / {proxy_pass http://127.0.0.1:8080;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;}
}
选型建议： 面试时，主动提及工信部ICP备案系统的流程。说明你知道国内上线的合规成本（时间周期约 7-20 个工作日），并强调 SSL 证书对 HTTPS 的信任背书作用。这显示你具备“全栈”思维，而不仅仅是写代码。
五、 总结与选型指南
电商网站开发面试，考的不仅是技术，更是场景匹配能力。
- 如果你侧重前端：重点准备 Vue/React 的性能优化、组件化设计、移动端适配。
- 如果你侧重后端：重点准备 MySQL 索引优化、Redis 缓存策略、微服务架构。
- 通用必备：HTTP 协议、Linux 基础、Nginx 配置、以及工信部ICP备案系统等合规流程。
最后，留个话头： 技术选型没有最好，只有最合适。但在面试中，你要能清晰说出“为什么选这个”。
建站花了多少钱？留言说说真实价格。 不管是自己 DIY 还是找外包，从几千到几万都有，评论区聊聊你的预算和踩坑经历，帮后来人避避坑。