|
41 | 41 | * **状态管理**: Pinia |
42 | 42 | * **HTTP客户端**: Axios |
43 | 43 | * **构建工具**: Vite |
44 | | - |
45 | | -<div style="border-radius: 5px;"> |
46 | | - <img alt="gif" style="border-radius: 10px; " height="200" width="350" src="docs/2月8日_1_.gif"/> |
47 | | -</div> |
| 44 | +* **后台管理地址**: http://localhost:3000/admin |
48 | 45 |
|
49 | 46 | ## 📂 项目结构 |
50 | | - |
51 | 47 | ``` |
52 | | -E-commerce/ # 电商系统根目录 |
53 | | -├── e-commerce-server/ # 后端服务 |
54 | | -│ ├── common/ # 公共模块 |
| 48 | +E-commerce/ # 仓库根目录(示例) |
| 49 | +├── e-commerce-server/ # 后端服务(Spring Boot) |
| 50 | +│ ├── common/ # 公共模块(工具、常量等) |
55 | 51 | │ ├── entrance/ # 入口模块 |
56 | 52 | │ ├── order/ # 订单模块 |
57 | 53 | │ ├── web/ # Web API模块 |
58 | | -│ │ ├── api-admin/ # 管理端API |
59 | | -│ │ ├── api-client/ # 客户端API |
60 | | -│ │ └── api-common/ # API公共模块 |
61 | | -│ └── sql/ # 数据库脚本 |
| 54 | +│ │ ├── api-admin/ # 管理端 API |
| 55 | +│ │ ├── api-client/ # 客户端 API |
| 56 | +│ │ └── api-common/ # 公共 API 模块 |
| 57 | +│ └── sql/ # 数据库脚本与初始化 |
62 | 58 | │ |
63 | | -└── e-commerce-vue/ # 前端应用 |
| 59 | +└── e-commerce-vue/ # 前端应用(Vue 3 + TypeScript) |
64 | 60 | ├── src/ |
65 | 61 | │ ├── pages/ # 页面组件 |
66 | | - │ │ ├── admin/ # 后台管理页面 |
67 | | - │ │ └── client/ # 客户端页面 |
68 | | - │ ├── components/ # 公共组件 |
69 | | - │ ├── http/ # API接口 |
70 | | - │ ├── stores/ # 状态管理 |
71 | | - │ └── router/ # 路由配置 |
72 | | - └── public/ # 静态资源 |
| 62 | + │ │ ├── admin/ # 后台管理页面(Dashboard、管理页等) |
| 63 | + │ │ └── client/ # 客户端页面(首页、商品、用户中心等) |
| 64 | + │ ├── components/ # 公共可复用组件 |
| 65 | + │ ├── layouts/ # 布局组件(Header/Footer/Layout) |
| 66 | + │ ├── views/ # 视图目录(按页面组织) |
| 67 | + │ ├── router/ # 路由配置 |
| 68 | + │ ├── stores/ # Pinia 状态管理 |
| 69 | + │ ├── http/ # API 封装(axios 实例与接口) |
| 70 | + │ ├── utils/ # 工具函数、通用帮助方法 |
| 71 | + │ ├── assets/ # 静态资源(图片、样式等) |
| 72 | + │ └── main.ts # 应用入口 |
| 73 | + ├── public/ # 公共静态资源(直接暴露) |
| 74 | + ├── index.html # 前端入口页 |
| 75 | + ├── package.json # 依赖与脚本 |
| 76 | + └── vite.config.ts # Vite 配置 |
73 | 77 | ``` |
74 | 78 |
|
| 79 | + |
| 80 | +说明: |
| 81 | +- 后端(e-commerce-server)为 Spring Boot 项目,包含模块化结构与数据库脚本。 |
| 82 | +- 前端(e-commerce-vue)为 Vue 3 + TypeScript + Vuetify 项目,按功能模块划分目录,方便维护与扩展。 |
| 83 | +- 以上为简洁且实用的目录视图,按需可以在对应目录下补充 README 或文档以说明每个子目录的详细用途。 |
| 84 | + |
75 | 85 | ## 🖼️ 系统界面展示 |
76 | 86 |
|
77 | 87 | ### 🏠 客户端界面 |
|
0 commit comments