一、前期規(guī)劃（必須先想清楚）

1. 確定新功能用途

• 比如：大轉(zhuǎn)盤、簽到游戲、集卡、翻牌、盲盒等

2. 明確規(guī)則

• 消耗：積分 / 余額 / 次數(shù)限制

• 獎品：優(yōu)惠券、積分、商品、包郵、會員

• 限制：每日次數(shù)、總次數(shù)、是否需要登錄

3. 確定頁面結(jié)構(gòu)

• 后臺：列表 → 添加 / 編輯 → 獎品管理 → 記錄

• 前端：活動列表 → 游戲頁 → 中獎記錄

二、數(shù)據(jù)庫層（建表）

1. 新建至少 3 張表（通用結(jié)構(gòu)）

• 活動主表：活動名稱、時間、規(guī)則、開關(guān)

• 獎品表：獎品類型、概率、庫存、圖片

• 用戶參與記錄表：誰、什么時候、中了什么

2. 表名統(tǒng)一前綴：crmeb_

3. 字段遵循 CRMEB 風(fēng)格：int 時間戳、is_show、sort、uid 等

三、后端開發(fā)（TP6）流程

1. 新建 DAO 層（數(shù)據(jù)查詢）

2. 新建 Services 層（業(yè)務(wù)邏輯）

• 活動列表

• 活動詳情

• 參與 / 抽獎邏輯

• 次數(shù)校驗

• 發(fā)獎邏輯（積分 / 優(yōu)惠券 / 商品）

• 記錄寫入

3. 新建 API 控制器（給前端調(diào)用）

4. 配置路由（route.php）

5. 加上登錄鑒權(quán)中間件

6. 加上后臺管理控制器（給管理員用）

四、后臺管理端（Vue）流程

1. 新增菜單（系統(tǒng) → 權(quán)限 → 菜單管理）

2. 配置路由（router/activity.js）

3. 開發(fā) 3 個頁面

• 活動列表頁

• 添加 / 編輯活動頁

• 獎品配置頁

4. 對接后端接口

5. 配置權(quán)限節(jié)點（控制誰能看能改）

6. 編譯后臺（npm run build）并上傳

五、移動端（uniapp）流程

1. 在 pages.json 新增頁面路由

2. 開發(fā)頁面

• 活動列表

• 游戲主頁面

• 我的中獎記錄

3. 封裝 API 請求

4. 寫交互邏輯（點擊抽獎、動畫、彈窗）

5. 對接用戶登錄狀態(tài)

6. 測試 H5 / 小程序 顯示正常

六、接入商城裝修（DIY 頁面）

1. 新增 DIY 組件

• 組件展示文件

• 組件配置文件

2. 注冊到首頁裝修組件庫

3. 后臺店鋪裝修 → 拖拽組件到首頁

4. 設(shè)置跳轉(zhuǎn)鏈接到游戲頁面

七、個人中心入口配置

1. 打開移動端個人中心頁面

2. 添加菜單圖標(biāo) + 文字

3. 綁定跳轉(zhuǎn)路徑

4. 控制顯示 / 隱藏

八、測試流程

1. 后臺創(chuàng)建活動、設(shè)置獎品、概率

2. 前端進入頁面、參與游戲

3. 檢查：

• 次數(shù)限制是否生效

• 積分是否正確扣除

• 獎品是否正確發(fā)放

• 記錄是否生成

• 庫存是否減少

• 未登錄是否攔截

4. 測試異常情況：庫存為 0、活動過期、超次數(shù)

九、上線流程

1. 上傳所有后端文件

2. 執(zhí)行 SQL 建表

3. 清除 TP 緩存：php think clear

4. 上傳編譯后的后臺代碼

5. 打包小程序 / H5 并發(fā)布

6. 后臺更新緩存、更新菜單