手工预约商店

起凡2025/6/21大约 6 分钟

项目简介

手工预约系统是一个开源的在线预约平台，专为手工制作体验店设计，允许用户在线浏览各类手工项目、选择预约时间段并完成支付。系统支持不同手工项目设置不同的收费标准，以及灵活的计费方式。

手工预约系统采用典型的前后端分离架构，整体架构设计清晰，各模块职责明确，便于维护和扩展。

后端采用Spring Boot框架，采用模块化、分层设计，各模块之间通过清晰的接口进行交互。

后端项目按功能划分为多个核心模块：

handicraft模块：手工预约核心业务模块
- handicraft.booking：预约时间段管理
- handicraft.category：手工项目分类管理
- handicraft.item：手工项目详情管理
- handicraft.order：手工预约订单管理
- handicraft.root：手工项目基础信息管理
order模块：通用订单管理模块，处理订单创建、查询、支付等
payment模块：支付相关功能，集成微信支付等第三方支付平台
user模块：用户管理，包括用户信息、权限等
- user.root：用户基础信息管理
- user.wechat：微信用户集成
product模块：商品管理（如材料包等）
coupon模块：优惠券管理
dict模块：系统字典管理
infrastructure模块：基础设施模块，提供公共组件和配置
- infrastructure.aop：AOP切面管理
- infrastructure.config：系统配置
- infrastructure.jimmer：ORM框架集成
- infrastructure.model：数据模型基础类
其他辅助模块：如地址管理、菜单管理、支付管理、退款管理等

每个业务模块内部采用经典的MVC分层架构：

基于Vue 3 + TypeScript + Vite构建的单页应用，采用组件化、模块化设计：

主要页面模块包括：

基于Taro + Vue 3 + TypeScript构建的跨平台应用，支持多端部署：

主要页面模块包括：

在小程序端我选择使用京东的Taro小程序开发框架。其实采用Taro，Uni-App，微信小程序官方语法
这三个框架开发并没有多大的差别。它们的配置，目录结构，API，都是遵循统一的规范。主要差别是在于Taro对于Vue3+TypeScript
支持较好。

技术	说明	官网
Taro	小程序统一开发框架	https://docs.taro.zone/
Vue3	Vue 基于标准 HTML 拓展了一套模板语法。Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM	https://cn.vuejs.org/
NutUI	支持TypeScript提示的TaroUI组件库，80+ 高质量组件，覆盖移动端主流场景	https://nutui.jd.com/taro/vue/4x/#/zh-CN/guide/intro
Pinia	全局状态管理框架，支持TypeScript类型提示	https://pinia.web3doc.top/
TypeScript	让 JS 具备类型声明	https://www.typescriptlang.org/
ESLint	语法校验和格式整理	https://eslint.org/

技术	说明	官网
SpringBoot3	Web应用开发框架，需要JDK17及以上版本	https://spring.io/projects/spring-boot
SaToken	一个轻量级 Java 权限认证框架，主要解决：登录认证、权限认证、单点登录、OAuth2.0、分布式Session会话、微服务网关鉴权等一系列权限相关问题	https://sa-token.cc/
Jimmer	不仅有Mybatis的灵活性也有Hibernate的复用性	https://babyfish-ct.github.io/jimmer-doc/zh/
QiFanGenerator	自己写的代码生成器，快速生成前后端增删改查。	无官网，在代码里面参考`@GenEentity`和`@GenXXXField`注解就行了
阿里云OSS	存储图片，学习用途基本上免费。	对象存储 OSS-阿里云帮助中心 (aliyun.com)
微信小程序服务端API	用户登录，订阅消息等接口	微信开放文档 (qq.com)
微信支付V3	用户支付订单	微信支付开发者文档 (qq.com)
腾讯地图Api	通过地址详情解析出省、市、区	腾讯地图

技术	说明	官网
Vite	开箱即用的现代前端打包工具	https://cn.vitejs.dev/
Vue3	Vue 基于标准 HTML 拓展了一套模板语法。Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM	https://cn.vuejs.org/
Vue Router	Vue官方路由管理框架	https://router.vuejs.org/
ElementUI Plus	支持TypeScript提示的Vue3前端UI框架	https://element-plus.gitee.io/zh-CN/
Pinia	全局状态管理框架，支持TypeScript类型提示	https://pinia.web3doc.top/
TypeScript	让 JS 具备类型声明	https://www.typescriptlang.org/
ESLint	语法校验和格式整理	https://eslint.org/
DayJS	日期取值/赋值/运算等操作	https://dayjs.fenxianglu.cn/
LodashJs	JS各种常用的工具方法	https://www.lodashjs.com/

git remote add origin https://github.com/qifan777/handmade-shop.git