{{ item.title }}
+
+ {{ formatTime(item.timestamp) }}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/components/business/FlashSaleCard.vue b/flash-sale-frontend/src/components/business/FlashSaleCard.vue
new file mode 100644
index 0000000..7838cec
--- /dev/null
+++ b/flash-sale-frontend/src/components/business/FlashSaleCard.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/components/business/ProductCard.vue b/flash-sale-frontend/src/components/business/ProductCard.vue
new file mode 100644
index 0000000..a194c05
--- /dev/null
+++ b/flash-sale-frontend/src/components/business/ProductCard.vue
@@ -0,0 +1,107 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ discountPercent }}% OFF
+
+
+
+
+
+
+
+ {{ data.productName }}
+ + +
+ ¥{{ data.flashPrice }}
+ ¥{{ data.originalPrice }}
+
+
+
+
+
+
+
+
+ 剩余: {{ data.remainingStock }}件
+ {{ stockPercent }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/components/common/AppFooter.vue b/flash-sale-frontend/src/components/common/AppFooter.vue
new file mode 100644
index 0000000..c34c133
--- /dev/null
+++ b/flash-sale-frontend/src/components/common/AppFooter.vue
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/components/common/AppHeader.vue b/flash-sale-frontend/src/components/common/AppHeader.vue
new file mode 100644
index 0000000..076b167
--- /dev/null
+++ b/flash-sale-frontend/src/components/common/AppHeader.vue
@@ -0,0 +1,186 @@
+
+
+ ![]()
+
+
+
+
+
+
+ 仅剩 {{ data.stock }} 件
+
+
+
+
+
+ {{ data.name }}
+ + ++ {{ data.description || '暂无描述' }} +
+ + +
+ ¥{{ data.price }}
+ 库存: {{ data.stock }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/components/common/NotificationCenter.vue b/flash-sale-frontend/src/components/common/NotificationCenter.vue
new file mode 100644
index 0000000..0ddcf36
--- /dev/null
+++ b/flash-sale-frontend/src/components/common/NotificationCenter.vue
@@ -0,0 +1,442 @@
+
+
+ ![]()
+
+
+
+
+
+ ![]()
+
+
+
+ 文件名：{{ previewName }}
+文件大小：{{ formatFileSize(previewSize) }}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/components/common/SearchComponent.vue b/flash-sale-frontend/src/components/common/SearchComponent.vue
new file mode 100644
index 0000000..addbab1
--- /dev/null
+++ b/flash-sale-frontend/src/components/common/SearchComponent.vue
@@ -0,0 +1,443 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 消息通知
+
+
+
+
+
+ 全部已读
+
+
+ 清空
+
+
+
+
+
+
+
+
+ 标记已读
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+ {{ formatTime(item.timestamp) }}
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+ {{ formatTime(item.timestamp) }}
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+ {{ formatTime(item.timestamp) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/composables/useWebSocket.ts b/flash-sale-frontend/src/composables/useWebSocket.ts
new file mode 100644
index 0000000..a5fc831
--- /dev/null
+++ b/flash-sale-frontend/src/composables/useWebSocket.ts
@@ -0,0 +1,219 @@
+import { ref, onUnmounted } from 'vue'
+import { ElNotification } from 'element-plus'
+import { useUserStore } from '@/stores/user'
+
+export interface WebSocketMessage {
+ type: 'FLASH_SALE_START' | 'FLASH_SALE_END' | 'ORDER_STATUS' | 'STOCK_UPDATE' | 'SYSTEM_NOTICE'
+ data: any
+ timestamp: number
+}
+
+class WebSocketService {
+ private ws: WebSocket | null = null
+ private reconnectTimer: number | null = null
+ private heartbeatTimer: number | null = null
+ private reconnectAttempts = 0
+ private maxReconnectAttempts = 5
+ private listeners: Map
+
+
+
+
+
+
+
+ 搜索历史
+
+ 清空
+
+
+
+
+
+
+
+
+ 热门搜索
+
+
+
+
+
+
+
+ 搜索建议
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.type === 'product' ? '商品' : '秒杀' }}
+ ¥{{ item.price }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 商品
+ 秒杀
+
+
+
+
+ 搜索
+
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/layouts/MainLayout.vue b/flash-sale-frontend/src/layouts/MainLayout.vue
new file mode 100644
index 0000000..1efa0d0
--- /dev/null
+++ b/flash-sale-frontend/src/layouts/MainLayout.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+ 管理后台
+
+
+
+
+
+
+
+
+
+ 管理后台
+
+
+ {{ currentPageTitle }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/main.ts b/flash-sale-frontend/src/main.ts
new file mode 100644
index 0000000..35601d5
--- /dev/null
+++ b/flash-sale-frontend/src/main.ts
@@ -0,0 +1,27 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+import App from './App.vue'
+import router from './router'
+
+// 全局样式
+import 'element-plus/dist/index.css'
+import './styles/index.scss'
+
+const app = createApp(App)
+
+// 注册所有图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}
+
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus, {
+ locale: zhCn,
+})
+
+app.mount('#app')
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/admin/dashboard.vue b/flash-sale-frontend/src/pages/admin/dashboard.vue
new file mode 100644
index 0000000..05a029d
--- /dev/null
+++ b/flash-sale-frontend/src/pages/admin/dashboard.vue
@@ -0,0 +1,382 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/admin/flashsales.vue b/flash-sale-frontend/src/pages/admin/flashsales.vue
new file mode 100644
index 0000000..2711540
--- /dev/null
+++ b/flash-sale-frontend/src/pages/admin/flashsales.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ statistics.totalUsers }}
+ 用户总数
+
+
+
+
+
+
+
+
+ {{ statistics.totalProducts }}
+ 商品总数
+
+
+
+
+
+
+
+
+ {{ statistics.totalOrders }}
+ 订单总数
+
+
+
+
+
+
+
+ ¥{{ statistics.totalSales.toFixed(2) }}
+ 销售总额
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 本周
+ 本月
+ 本年
+
+
+
+ 销售趋势
+
+
+
+
+
+ 商品分类分布
+
+
+
+
+
+
+
+ ¥{{ row.totalAmount }}
+
+
+
+
+
+ {{ getOrderStatusText(row.status) }}
+
+
+
+
+
+
+
+
+
+ 查看全部
+
+ 最新订单
+
+
+
+
+ ¥{{ row.price }}
+
+
+
+
+
+ {{ row.stock }}
+
+
+
+
+
+
+
+ 查看全部
+
+ 热门商品
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/admin/orders.vue b/flash-sale-frontend/src/pages/admin/orders.vue
new file mode 100644
index 0000000..6d8ff0f
--- /dev/null
+++ b/flash-sale-frontend/src/pages/admin/orders.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ 秒杀活动管理
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/admin/products.vue b/flash-sale-frontend/src/pages/admin/products.vue
new file mode 100644
index 0000000..6e85163
--- /dev/null
+++ b/flash-sale-frontend/src/pages/admin/products.vue
@@ -0,0 +1,46 @@
+
+
+
+
+ 订单管理
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/admin/users.vue b/flash-sale-frontend/src/pages/admin/users.vue
new file mode 100644
index 0000000..04de29f
--- /dev/null
+++ b/flash-sale-frontend/src/pages/admin/users.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ 商品管理
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/cart/index.vue b/flash-sale-frontend/src/pages/cart/index.vue
new file mode 100644
index 0000000..409c731
--- /dev/null
+++ b/flash-sale-frontend/src/pages/cart/index.vue
@@ -0,0 +1,342 @@
+
+
+
+
+ 用户管理
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/error/404.vue b/flash-sale-frontend/src/pages/error/404.vue
new file mode 100644
index 0000000..49778b1
--- /dev/null
+++ b/flash-sale-frontend/src/pages/error/404.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+ 去购物
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全选（{{ cartStore.selectedCount }}/{{ cartStore.itemCount }}）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ {{ item.productName }}
+
+
+
+
+
+
+
+
+
+ ¥{{ item.price }}
+
+
+ 库存: {{ item.stock }}
+
+
+
+
+
+
+ 删除
+
+
+
+ 小计：
+
+ ¥{{ (item.price * item.quantity).toFixed(2) }}
+
+
+
+
+
+
+
+ 继续购物
+
+
+
+
+
+
+ 去结算（{{ cartStore.selectedCount }}）
+
+
+
+
+ 订单结算
+ + +
+
+
+
+
+ 商品总额
+ ¥{{ cartStore.totalPrice.toFixed(2) }}
+
+
+ 运费
+ 免运费
+
+
+ 优惠
+ -¥0.00
+
+
+
+
+
+
+ 应付总额
+
+ ¥{{ cartStore.totalPrice.toFixed(2) }}
+
+
+ + 已选 {{ cartStore.selectedCount }} 件，共 {{ cartStore.totalQuantity }} 件 +
+
+
+ 为你推荐
+
+
+
+ ![]()
+
+
+
+ {{ item.name }}
+¥{{ item.price }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/flashsale/detail.vue b/flash-sale-frontend/src/pages/flashsale/detail.vue
new file mode 100644
index 0000000..ceaf15c
--- /dev/null
+++ b/flash-sale-frontend/src/pages/flashsale/detail.vue
@@ -0,0 +1,334 @@
+
+
+
+
+
+
+ 404
+页面未找到
+抱歉，您访问的页面不存在或已被移除
+ +
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/flashsale/index.vue b/flash-sale-frontend/src/pages/flashsale/index.vue
new file mode 100644
index 0000000..3bd9451
--- /dev/null
+++ b/flash-sale-frontend/src/pages/flashsale/index.vue
@@ -0,0 +1,273 @@
+
+
+
+
+ 首页
+ 秒杀活动
+ {{ flashSale?.productName || '详情' }}
+
+
+
+
+
+
+ 加载中...
+
+
+ 返回秒杀列表
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ {{ flashSale.productName }}
+ + +
+
+
+
+
+ 秒杀价
+ ¥{{ flashSale.flashPrice }}
+ ¥{{ flashSale.originalPrice }}
+
+ {{ discountPercent }}% OFF
+
+
+
+
+
+
+ 开始时间：{{ formatTime(flashSale.startTime) }}
+结束时间：{{ formatTime(flashSale.endTime) }}
+
+
+
+
+
+ 库存情况
+
+ 剩余 {{ flashSale.remainingStock }} / {{ flashSale.flashStock }} 件
+
+
+
+
+
+
+
+
+ 距离结束还有
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看商品详情
+
+
+
+
+
+
+ 活动说明
+
+
+ • 秒杀商品数量有限，先到先得
+• 每个用户限购{{ flashSale.limitPerUser }}件
+• 秒杀成功后请在30分钟内完成支付
+• 商品售出后不支持退换
+
+
+ 活动详情
+ +
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/home/index.vue b/flash-sale-frontend/src/pages/home/index.vue
new file mode 100644
index 0000000..7823ad1
--- /dev/null
+++ b/flash-sale-frontend/src/pages/home/index.vue
@@ -0,0 +1,260 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 限时抢购，先到先得
+
+
+
+
+
+
+
+ 全部
+ 即将开始
+ 进行中
+ 已结束
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ statistics.upcoming }}
+ 即将开始
+
+
+ {{ statistics.active }}
+ 正在进行
+
+
+ {{ statistics.participated }}
+ 我的参与
+
+
+ {{ statistics.success }}
+ 抢购成功
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/order/detail.vue b/flash-sale-frontend/src/pages/order/detail.vue
new file mode 100644
index 0000000..61bcd6c
--- /dev/null
+++ b/flash-sale-frontend/src/pages/order/detail.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看全部
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+ 查看全部
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+ 系统特性
+
+
+
+
+ 秒杀抢购
+高并发秒杀系统，支持大量用户同时抢购
+
+
+ 防超卖
+分布式锁机制，确保库存数据一致性
+
+
+ Redis缓存
+五种数据类型应用，毫秒级响应
+
+
+ 接口限流
+多种限流策略，防止恶意刷单
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/order/index.vue b/flash-sale-frontend/src/pages/order/index.vue
new file mode 100644
index 0000000..62e33e8
--- /dev/null
+++ b/flash-sale-frontend/src/pages/order/index.vue
@@ -0,0 +1,407 @@
+
+
+
+
+ 首页
+ 我的订单
+ 订单详情
+
+
+
+
+
+
+ 加载中...
+
+
+ 返回订单列表
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStatusText(order.status) }}
+
+
+
+
+ 订单状态
+
+
+ 立即付款
+ 取消订单
+
+
+
+ 确认收货
+
+
+
+ 评价
+ 再次购买
+
+
+
+
+
+
+ 收货信息
+
+
+
+ 收货人：
+ {{ order.address.name }} {{ order.address.phone }}
+
+
+ 收货地址：
+
+ {{ order.address.province }}
+ {{ order.address.city }}
+ {{ order.address.district }}
+ {{ order.address.address }}
+
+
+
+ 暂无收货信息
+
+
+
+
+
+ 商品信息
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item.productName }}
+
+ 单价：¥{{ item.price }} × {{ item.quantity }}
+
+
+
+ ¥{{ item.subtotal }}
+
+
+
+ 商品总额
+ ¥{{ order.totalAmount }}
+
+
+ 运费
+ ¥0.00
+
+
+ 优惠
+ -¥{{ (order.totalAmount - order.paymentAmount).toFixed(2) }}
+
+
+ 实付金额
+ ¥{{ order.paymentAmount }}
+
+
+
+ 订单信息
+
+
+
+ 订单编号：
+ {{ order.orderNo }}
+
+ 复制
+
+
+
+ 创建时间：
+ {{ formatTime(order.createdAt) }}
+
+
+ 付款时间：
+ {{ formatTime(order.paidAt) }}
+
+
+ 支付方式：
+ {{ getPaymentMethodText(order.paymentMethod) }}
+
+
+ 发货时间：
+ {{ formatTime(order.shippedAt) }}
+
+
+ 完成时间：
+ {{ formatTime(order.completedAt) }}
+
+
+ 订单备注：
+ {{ order.remark }}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/product/detail.vue b/flash-sale-frontend/src/pages/product/detail.vue
new file mode 100644
index 0000000..2f8d215
--- /dev/null
+++ b/flash-sale-frontend/src/pages/product/detail.vue
@@ -0,0 +1,314 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ stat.count }}
+ {{ stat.label }}
+
+
+
+
+
+
+
+ 全部
+ 待付款
+ 待发货
+ 待收货
+ 已完成
+ 已取消
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+ 去购物
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStatusText(order.status) }}
+
+
+
+
+
+ 订单号：{{ order.orderNo }}
+ {{ formatTime(order.createdAt) }}
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item.productName }}
+
+ ¥{{ item.price }} × {{ item.quantity }}
+
+
+
+ ¥{{ item.subtotal }}
+
+
+
+ 实付金额：
+
+ ¥{{ order.paymentAmount || order.totalAmount }}
+
+
+
+
+ 查看详情
+
+
+
+
+
+ 立即付款
+
+
+ 取消订单
+
+
+
+
+
+ 确认收货
+
+
+
+
+
+ 评价
+
+
+ 再次购买
+
+
+
+
+
+ 删除订单
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/product/index.vue b/flash-sale-frontend/src/pages/product/index.vue
new file mode 100644
index 0000000..a971c6b
--- /dev/null
+++ b/flash-sale-frontend/src/pages/product/index.vue
@@ -0,0 +1,227 @@
+
+
+
+
+ 首页
+ 商品列表
+ {{ product?.name || '商品详情' }}
+
+
+
+
+
+
+ 加载中...
+
+
+ 返回商品列表
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ 已售罄
+
+
+ ![]()
+
+
+
+ {{ product.name }}
+ + +{{ product.description || '暂无描述' }}
+ + +
+
+
+
+
+ 价格
+ ¥{{ product.price }}
+
+
+
+
+
+
+ 销量
+
+ {{ product.sales || 0 }}
+
+ 库存
+
+ {{ product.stock }}
+
+ 浏览
+
+ {{ product.views || 0 }}
+
+
+
+
+
+
+
+
+
+
+ 立即购买
+
+
+
+
+
+ {{ isFavorited ? '已收藏' : '收藏' }}
+
+
+
+
+
+
+ 商品信息
+-
+
- 商品编号 +
- {{ product.id }} +
- 商品分类 +
- {{ product.category }} +
- 上架时间 +
- {{ formatTime(product.createdAt) }} +
- 更新时间 +
- {{ formatTime(product.updatedAt) }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 暂无规格参数
+
+
+ -
+
- ✓ 7天无理由退换 +
- ✓ 正品保证 +
- ✓ 极速发货 +
- ✓ 售后无忧 +
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/user/login.vue b/flash-sale-frontend/src/pages/user/login.vue
new file mode 100644
index 0000000..bd1e714
--- /dev/null
+++ b/flash-sale-frontend/src/pages/user/login.vue
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 精选好物，品质保证
+
+
+
+
+
+
+
+
+
+
+
+ 默认
+ 价格升序
+ 价格降序
+ 销量
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/user/profile.vue b/flash-sale-frontend/src/pages/user/profile.vue
new file mode 100644
index 0000000..0bc4fe5
--- /dev/null
+++ b/flash-sale-frontend/src/pages/user/profile.vue
@@ -0,0 +1,309 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登 录
+
+
+
+ 或
+
+
+
+
+
+
+
+
+
+
+
+
+ 欢迎回来
+登录到秒杀系统
+
+ 记住我
+ 忘记密码？
+
+
+
+
+
+
+
+
+
+ 还没有账号？
+
+ 立即注册
+
+
+
+
+ 测试账号
+
+
+ 普通用户: user / 123456
+管理员: admin / 123456
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/pages/user/register.vue b/flash-sale-frontend/src/pages/user/register.vue
new file mode 100644
index 0000000..67fd47d
--- /dev/null
+++ b/flash-sale-frontend/src/pages/user/register.vue
@@ -0,0 +1,197 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ userStore.username[0] }}
+
+
+
+
+ {{ userStore.username }}
+{{ userStore.user?.email }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存修改
+
+
+
+
+
+
+ 基本信息
+ +
+
+ {{ infoForm.username[0] }}
+
+ 更换头像
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 修改密码
+
+
+
+
+
+
+ 账号安全
+ +
+
+
+
+
+
+
+
+
+ 收货地址
+
+
+
+
+
+
+
+
+
+
+ {{ addr.name }}
+ {{ addr.phone }}
+
+ 默认
+
+
+ + {{ addr.province }} {{ addr.city }} {{ addr.district }} {{ addr.address }} +
+
+ 编辑
+ 删除
+
+
+
+ 我的订单
+请访问
+
+
+
+
+
+
\ No newline at end of file
diff --git a/flash-sale-frontend/src/router/guards.ts b/flash-sale-frontend/src/router/guards.ts
new file mode 100644
index 0000000..3a176c9
--- /dev/null
+++ b/flash-sale-frontend/src/router/guards.ts
@@ -0,0 +1,44 @@
+import type { Router } from 'vue-router'
+import { useUserStore } from '@/stores/user'
+import { ElMessage } from 'element-plus'
+
+export function setupGuards(router: Router) {
+ // 路由前置守卫
+ router.beforeEach(async (to, from, next) => {
+ const userStore = useUserStore()
+
+ // 设置页面标题
+ document.title = `${to.meta.title || '秒杀系统'} - 高并发电商抢购平台`
+
+ // 需要登录的页面
+ if (to.meta.requiresAuth && !userStore.isLoggedIn) {
+ ElMessage.warning('请先登录')
+ next({
+ path: '/login',
+ query: { redirect: to.fullPath }
+ })
+ return
+ }
+
+ // 需要管理员权限的页面
+ if (to.meta.requiresAdmin && userStore.user?.role !== 'ADMIN') {
+ ElMessage.error('无权访问')
+ next('/')
+ return
+ }
+
+ // 已登录用户访问登录/注册页面
+ if ((to.path === '/login' || to.path === '/register') && userStore.isLoggedIn) {
+ next('/')
+ return
+ }
+
+ next()
+ })
+
+ // 路由后置守卫
+ router.afterEach((to, from) => {
+ // 页面切换后滚动到顶部
+ window.scrollTo(0, 0)
+ })
+}
\ No newline at end of file
diff --git a/flash-sale-frontend/src/router/index.ts b/flash-sale-frontend/src/router/index.ts
new file mode 100644
index 0000000..52039ab
--- /dev/null
+++ b/flash-sale-frontend/src/router/index.ts
@@ -0,0 +1,139 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
+import { setupGuards } from './guards'
+
+// 路由配置
+const routes: RouteRecordRaw[] = [
+ {
+ path: '/',
+ component: () => import('@/layouts/MainLayout.vue'),
+ children: [
+ {
+ path: '',
+ name: 'Home',
+ component: () => import('@/pages/home/index.vue'),
+ meta: { title: '首页' }
+ },
+ {
+ path: 'flashsale',
+ name: 'FlashSale',
+ component: () => import('@/pages/flashsale/index.vue'),
+ meta: { title: '秒杀活动' }
+ },
+ {
+ path: 'flashsale/:id',
+ name: 'FlashSaleDetail',
+ component: () => import('@/pages/flashsale/detail.vue'),
+ meta: { title: '秒杀详情' }
+ },
+ {
+ path: 'products',
+ name: 'Products',
+ component: () => import('@/pages/product/index.vue'),
+ meta: { title: '商品列表' }
+ },
+ {
+ path: 'product/:id',
+ name: 'ProductDetail',
+ component: () => import('@/pages/product/detail.vue'),
+ meta: { title: '商品详情' }
+ },
+ {
+ path: 'cart',
+ name: 'Cart',
+ component: () => import('@/pages/cart/index.vue'),
+ meta: { title: '购物车', requiresAuth: true }
+ },
+ {
+ path: 'orders',
+ name: 'Orders',
+ component: () => import('@/pages/order/index.vue'),
+ meta: { title: '我的订单', requiresAuth: true }
+ },
+ {
+ path: 'order/:id',
+ name: 'OrderDetail',
+ component: () => import('@/pages/order/detail.vue'),
+ meta: { title: '订单详情', requiresAuth: true }
+ },
+ {
+ path: 'profile',
+ name: 'Profile',
+ component: () => import('@/pages/user/profile.vue'),
+ meta: { title: '个人中心', requiresAuth: true }
+ }
+ ]
+ },
+ {
+ path: '/login',
+ name: 'Login',
+ component: () => import('@/pages/user/login.vue'),
+ meta: { title: '登录' }
+ },
+ {
+ path: '/register',
+ name: 'Register',
+ component: () => import('@/pages/user/register.vue'),
+ meta: { title: '注册' }
+ },
+ {
+ path: '/admin',
+ component: () => import('@/layouts/AdminLayout.vue'),
+ meta: { requiresAuth: true, requiresAdmin: true },
+ children: [
+ {
+ path: '',
+ name: 'AdminDashboard',
+ component: () => import('@/pages/admin/dashboard.vue'),
+ meta: { title: '管理后台' }
+ },
+ {
+ path: 'products',
+ name: 'AdminProducts',
+ component: () => import('@/pages/admin/products.vue'),
+ meta: { title: '商品管理' }
+ },
+ {
+ path: 'flashsales',
+ name: 'AdminFlashSales',
+ component: () => import('@/pages/admin/flashsales.vue'),
+ meta: { title: '秒杀管理' }
+ },
+ {
+ path: 'orders',
+ name: 'AdminOrders',
+ component: () => import('@/pages/admin/orders.vue'),
+ meta: { title: '订单管理' }
+ },
+ {
+ path: 'users',
+ name: 'AdminUsers',
+ component: () => import('@/pages/admin/users.vue'),
+ meta: { title: '用户管理' }
+ }
+ ]
+ },
+ {
+ path: '/:pathMatch(.*)*',
+ name: 'NotFound',
+ component: () => import('@/pages/error/404.vue'),
+ meta: { title: '页面未找到' }
+ }
+]
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes,
+ scrollBehavior(to, from, savedPosition) {
+ if (savedPosition) {
+ return savedPosition
+ } else {
+ return { top: 0 }
+ }
+ }
+})
+
+// 设置路由守卫
+setupGuards(router)
+
+export default router
\ No newline at end of file
diff --git a/flash-sale-frontend/src/stores/cart.ts b/flash-sale-frontend/src/stores/cart.ts
new file mode 100644
index 0000000..025a3f7
--- /dev/null
+++ b/flash-sale-frontend/src/stores/cart.ts
@@ -0,0 +1,167 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { CartItem } from '@/types/api'
+import { cartApi } from '@/api/modules/cart'
+import { ElMessage } from 'element-plus'
+
+export const useCartStore = defineStore('cart', () => {
+ // 状态
+ const items = ref
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 我已阅读并同意
+ 用户协议
+ 和
+ 隐私政策
+
+
+
+
+
+ 注 册
+
+
+
+
+
+
+
+
+
+
+
+ 创建账号
+加入秒杀系统
+
+ 已有账号？
+
+ 立即登录
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/product-detail.jsp b/src/main/webapp/WEB-INF/views/product-detail.jsp
new file mode 100644
index 0000000..72fad38
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/product-detail.jsp
@@ -0,0 +1,383 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+
+
+
+
+
+
+
+
+
+
+
+
+ + 系统监控 + +
+
+
+
+
+
+
+
+
+
+
+ 0%
+ CPU 使用率
+
+
+
+
+
+
+ 0%
+ 内存使用率
+
+
+
+
+
+
+ 0
+ 在线用户
+
+
+
+
+
+
+ 0
+ 今日请求
+
+
+
+
+
+
+
+
+
+
+ + 服务状态 +
+ +
+
+
+
+
+
+
+
+ 应用服务
+
+ 运行中
+
+
+
+
+ Redis 服务
+
+ 检查中...
+
+
+
+
+ MySQL 服务
+
+ 检查中...
+
+
+
+
+
+
+ + 系统性能趋势 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 秒杀活动监控 +
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+ + 系统告警 +
+
+
+
+
+
+
+ 系统运行正常
+
+
+
+
+
+
+
+
+
+ + 实时日志 +
+
+
+
+
+
+
+
+
+ [INFO] 系统监控页面已加载
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${product.name}
+ +
+ 限时秒杀
+
+
+
+ ¥
+
+
+
+ 距离秒杀开始还有
+
+
+
+ 00
+ 天
+
+
+ 00
+ 时
+
+
+ 00
+ 分
+
+
+ 00
+ 秒
+
+
+
+ 距离秒杀结束还有
+
+
+
+ 00
+ 时
+
+
+ 00
+ 分
+
+
+ 00
+ 秒
+
+
+
+ 秒杀活动已结束
+
+ ¥
+
+
+
+
+
+
+
+
+ 库存：
+
+
+ ${flashSale.remainingStock} 件
+
+
+ ${product.stock} 件
+
+
+
+
+ 销量：
+ ${product.sales} 件
+
+
+
+ 商品描述
+${product.description != null ? product.description : '暂无描述'}
+
+
+
+
+
+
+
+
+ 
+
+
+
+ ${user.username}
+
+ ${user.email}
+
+
+ 加入时间：
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 0
+ 总订单数
+
+
+
+
+ ¥0.00
+ 累计消费
+
+
+
+
+ 0
+ 秒杀成功
+
+
+
+
+ 0
+ 收藏商品
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 个人信息 +
+ +
+
+
+
+
+
+
+
+ + 订单历史 +
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+ + 秒杀记录 +
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+