1. 项目概述
作为一个在图书行业摸爬滚打多年的从业者，我一直想把自己收藏的数千本二手书数字化管理起来。这个"个人网上书店"项目最初只是我的一个业余爱好，没想到后来发展成了一个完整的电子商务系统。与大型电商平台不同，这个系统更注重个性化展示和精准推荐，特别适合独立书店、藏书爱好者或小型图书经销商使用。
这个系统采用了典型的B/S架构，前端使用Vue.js+Element UI实现响应式布局，后端基于Spring Boot框架，数据库选用MySQL配合Redis缓存。整个开发周期约3个月，期间我不断调整功能模块，最终形成了一个包含商品展示、用户管理、订单处理、支付对接等完整电商功能的系统。
2. 核心需求解析
2.1 用户角色划分
系统主要考虑了三类用户角色：
- 访客：可以浏览图书信息、搜索书目、查看书评
- 注册用户：除访客权限外，可以收藏图书、下单购买、撰写书评
- 管理员：负责图书上架、订单处理、数据统计等后台管理
2.2 功能模块设计
基于上述角色划分，系统需要实现以下核心功能：
- 图书展示与检索系统
- 用户账户管理系统
- 购物车与订单处理流程
- 支付系统对接
- 后台管理界面
提示：对于个人书店项目，建议优先实现核心交易流程，再逐步完善辅助功能，避免一开始就陷入细节而难以推进。
3. 技术架构设计
3.1 前端技术选型
考虑到个人开发者的实际情况，我选择了以下技术栈：
- Vue.js 3：组件化开发，便于功能模块复用
- Element Plus：提供丰富的UI组件，加速开发
- Axios：处理HTTP请求，与后端API交互
- Vue Router：实现前端路由管理
- Vuex：状态管理，共享购物车等全局数据
javascript复制// 示例：图书卡片组件
<template>
<el-card :body-style="{ padding: '0px' }" class="book-card">
<img :src="book.cover" class="image">
<div style="padding: 14px;">
<h3>{{ book.title }}</h3>
<p class="author">{{ book.author }}</p>
<div class="price">¥{{ book.price }}</div>
<el-button type="primary" @click="addToCart">加入购物车</el-button>
</div>
</el-card>
</template>
3.2 后端技术方案
后端采用经典的Spring Boot框架，主要考虑因素包括：
- 开发效率：Spring Boot的自动配置减少了大量样板代码
- 生态丰富：有大量现成的解决方案和插件
- 性能表现：足够支撑个人书店的并发需求
关键依赖包括：
- Spring Security：认证与授权
- MyBatis-Plus：数据库操作
- Redis：缓存热门图书和会话信息
- Swagger：API文档生成
4. 数据库设计
4.1 核心表结构
数据库设计遵循第三范式，主要包含以下表：
| 表名 | 主要字段 | 说明 |
|---|---|---|
| books | id, title, author, isbn, price, stock | 图书基本信息 |
| users | id, username, password, email | 用户账户信息 |
| orders | id, user_id, total_amount, status | 订单主表 |
| order_items | id, order_id, book_id, quantity | 订单明细 |
| reviews | id, book_id, user_id, content, rating | 书评信息 |
4.2 索引优化
为提高查询性能，特别为以下字段创建了索引：
- books表的isbn字段（唯一索引）
- orders表的user_id字段
- 所有外键字段
- 高频查询条件组合（如author+category）
sql复制-- 示例：创建组合索引
CREATE INDEX idx_author_category ON books(author, category);
5. 关键功能实现
5.1 图书检索系统
实现了一个支持多种条件的图书检索功能：
- 基本搜索：标题、作者、ISBN模糊匹配
- 高级筛选：价格区间、出版年份、图书分类
- 排序选项：按价格、评分、销量等排序
java复制// 后端搜索接口示例
@GetMapping("/books/search")
public Page<Book> searchBooks(
@RequestParam(required = false) String keyword,
@RequestParam(required = false) String author,
@RequestParam(required = false) Double minPrice,
@RequestParam(required = false) Double maxPrice,
@RequestParam(defaultValue = "0") int page,
@RequestParam(defaultValue = "10") int size) {
QueryWrapper<Book> query = new QueryWrapper<>();
if (StringUtils.isNotBlank(keyword)) {
query.like("title", keyword).or().like("isbn", keyword);
}
// 其他条件处理...
return bookService.page(new Page<>(page, size), query);
}
5.2 购物车实现
购物车功能需要考虑以下特殊场景：
- 用户登录前后的购物车合并
- 库存实时校验
- 促销优惠计算
前端使用Vuex管理购物车状态，后端使用Redis临时存储未登录用户的购物车信息。
6. 支付系统集成
6.1 支付流程设计
支付流程包括以下步骤：
- 用户提交订单
- 系统生成支付请求
- 跳转到支付网关
- 支付结果异步通知
- 订单状态更新
6.2 支付安全措施
为确保支付安全，实现了以下机制：
- 订单金额服务端校验
- 支付签名验证
- 支付结果异步通知+主动查询双重确认
- 敏感信息加密传输
7. 性能优化实践
7.1 缓存策略
采用多级缓存提升系统响应速度：
- 页面静态化：对不常变的图书详情页生成静态HTML
- Redis缓存：缓存热门图书信息、首页数据
- 浏览器缓存：合理设置HTTP缓存头
7.2 数据库优化
通过以下方式减轻数据库压力：
- 读写分离：查询走从库，写入走主库
- 慢查询分析：定期优化执行计划
- 连接池调优：合理设置连接数
8. 部署方案
8.1 服务器环境
项目最终部署在以下环境中：
- 阿里云ECS（2核4G）
- Nginx作为反向代理和静态资源服务器
- MySQL 8.0数据库
- Redis缓存服务
8.2 CI/CD流程
建立了自动化部署流程：
- Git提交触发Jenkins构建
- 自动运行单元测试
- Docker镜像构建与推送
- 滚动更新线上服务
9. 项目总结与改进方向
经过三个月的开发和优化，系统已经具备了完整的电商功能，日均能处理数百个访问请求。但在实际运营中，也发现了一些需要改进的地方：
- 搜索体验优化：考虑引入Elasticsearch提升搜索质量和速度
- 推荐系统：基于用户行为实现个性化图书推荐
- 移动端体验：当前响应式设计在移动端还有提升空间
- 库存预警：需要增加库存预警和自动补货提醒功能
注意事项：个人项目在初期不必追求大而全，应该先打造最小可行产品(MVP)，再根据实际需求逐步扩展功能。我在开发过程中就曾陷入"功能蔓延"的陷阱，导致某些次要功能花费了过多时间。