## ? 項(xiàng)目概述
這是一個(gè)基于 **uni-app** 框架開發(fā)的人格測(cè)試小程序源碼,名為 "SBTI"(Silly Big Personality Test),專為微信小程序設(shè)計(jì),也可擴(kuò)展到其他平臺(tái)。
## ? 核心功能
### 1. **雙版本題庫系統(tǒng)**
- **標(biāo)準(zhǔn)版**:適合首次測(cè)試,節(jié)奏更快
- **擴(kuò)展版**:題庫更大(105道題),題目風(fēng)格更強(qiáng)、更有傳播性
- 支持隨機(jī)題序,提升重復(fù)測(cè)試體驗(yàn)
### 2. **完整測(cè)試流程**
- **首頁引導(dǎo)**:精美的視覺設(shè)計(jì),包含版本選擇
- **答題頁面**:自動(dòng)跳題交互,支持上一題返回
- **結(jié)果計(jì)算**:基于多維度人格算法
- **結(jié)果展示**:包含人格代號(hào)、名稱、匹配度等核心信息
### 3. **社交傳播能力**
- 首頁支持隨機(jī)分享文案
- 結(jié)果頁支持直接分享
- 內(nèi)置分享文案和類型圖片映射
- 適合裂變傳播和社交擴(kuò)散
### 4. **商業(yè)化功能**
- **激勵(lì)視頻廣告**:已接入廣告邏輯
- **免費(fèi)策略**:首次測(cè)試可直接查看結(jié)果
- **付費(fèi)解鎖**:第二次及之后需觀看激勵(lì)廣告解鎖結(jié)果
- **本地緩存**:自動(dòng)記錄測(cè)試次數(shù)
### 5. **人格維度分析**
從題庫數(shù)據(jù)可以看出,測(cè)試涵蓋多個(gè)心理維度:
- **S維度**(Social/社交):社交表現(xiàn)、面子問題
- **M維度**(Money/金錢):消費(fèi)觀念、經(jīng)濟(jì)態(tài)度
- **E維度**(Emotion/情感):情緒管理、內(nèi)心真實(shí)想法
- **L維度**(Life/生活):生活態(tài)度、努力程度
## ? 界面特色
### 視覺設(shè)計(jì)
- **自定義導(dǎo)航欄**:帶有動(dòng)態(tài)光效的標(biāo)題動(dòng)畫
- **現(xiàn)代化UI**:簡約清新的綠色主題配色
- **響應(yīng)式布局**:適配不同屏幕尺寸
- **精美卡片設(shè)計(jì)**:圓角、陰影、漸變效果
### 交互動(dòng)畫
- **標(biāo)題掃光動(dòng)畫**:持續(xù)的視覺吸引效果
- **進(jìn)度條動(dòng)畫**:答題進(jìn)度可視化
- **分析頁面動(dòng)效**:浮動(dòng)光球、進(jìn)度條動(dòng)畫
- **平滑過渡**:頁面切換流暢
## ? 技術(shù)架構(gòu)
### 前端框架
- **uni-app**:跨平臺(tái)開發(fā)框架
- **Vue 3**:現(xiàn)代前端框架
- **微信小程序**:主要目標(biāo)平臺(tái)
### 項(xiàng)目結(jié)構(gòu)
```
├── pages/index/index.vue # 主頁面(首頁+答題+結(jié)果)
├── common/
│ ├── newdata.json # 擴(kuò)展版題庫數(shù)據(jù)(105題)
│ ├── sbti-data.js # 題庫配置(空文件待填充)
│ └── sbti-engine.js # 測(cè)試引擎邏輯(空文件待填充)
├── static/image/ # 人格類型圖片資源
└── 配置文件 # manifest.json, pages.json等
```
## ? 商業(yè)價(jià)值
### 適用場(chǎng)景
- 人格測(cè)試小程序
- 娛樂測(cè)評(píng)類產(chǎn)品
- 社交裂變工具
- 內(nèi)容號(hào)引流
- 廣告變現(xiàn)輕應(yīng)用
### 可定制內(nèi)容
- 品牌視覺素材
- 題庫內(nèi)容和結(jié)果類型
- 分享文案和頁面文案
- 廣告位配置
- 免費(fèi)策略調(diào)整
## ? 技術(shù)亮點(diǎn)
1. **產(chǎn)品化包裝**:完整的用戶體驗(yàn)流程
2. **模塊化設(shè)計(jì)**:題庫、引擎、頁面分離
3. **易二次開發(fā)**:清晰的代碼結(jié)構(gòu)
4. **多端兼容**:基于uni-app的跨平臺(tái)能力
5. **性能優(yōu)化**:本地緩存、懶加載等
## ? 市場(chǎng)定位
這不是一個(gè)簡單的答題模板,而是一套已經(jīng)具備:
- **產(chǎn)品感**:完整的用戶旅程設(shè)計(jì)
- **傳播力**:社交分享機(jī)制
- **商業(yè)化**:廣告變現(xiàn)能力
- **擴(kuò)展性**:易于定制和擴(kuò)展
這個(gè)項(xiàng)目非常適合想要快速上線測(cè)試類產(chǎn)品的開發(fā)者或團(tuán)隊(duì),可以作為基礎(chǔ)進(jìn)行二次開發(fā)和品牌包裝。
基于對(duì)項(xiàng)目代碼的深入分析,我為這個(gè)SBTI人格測(cè)試小程序源碼設(shè)計(jì)了以下SEO優(yōu)化的標(biāo)題方案:
## ? 推薦主標(biāo)題
**"SBTI人格測(cè)試小程序源碼 uni-app雙題庫完整版 | 含激勵(lì)廣告+分享裂變功能"**
## ? 備選SEO標(biāo)題方案
### 方案一(功能導(dǎo)向)
**"uni-app人格測(cè)試小程序源碼 SBTI雙版本題庫 激勵(lì)視頻廣告變現(xiàn) 社交分享裂變"**
### 方案二(商業(yè)價(jià)值導(dǎo)向)
**"可商用SBTI人格測(cè)試源碼 uni-app微信小程序 雙題庫隨機(jī)出題 廣告解鎖結(jié)果"**
### 方案三(技術(shù)特性導(dǎo)向)
**"SBTI性格測(cè)試小程序完整源碼 Vue3 uni-app框架 標(biāo)準(zhǔn)版擴(kuò)展版題庫 激勵(lì)廣告集成"**
### 方案四(長尾關(guān)鍵詞優(yōu)化)
**"人格測(cè)試小程序源碼下載 SBTI趣味測(cè)評(píng) uni-app開發(fā) 雙版本題庫 激勵(lì)視頻廣告 分享傳播"**
## ? SEO關(guān)鍵詞分析
### 核心關(guān)鍵詞
- **主要詞**:人格測(cè)試小程序源碼、SBTI測(cè)試、uni-app源碼
- **功能詞**:雙題庫、激勵(lì)廣告、分享裂變、隨機(jī)出題
- **技術(shù)詞**:uni-app、Vue3、微信小程序、完整源碼
### 長尾關(guān)鍵詞組合
- "可商用的人格測(cè)試小程序源碼"
- "帶廣告變現(xiàn)的測(cè)試類小程序"
- "uni-app人格測(cè)評(píng)完整項(xiàng)目"
- "支持分享裂變的測(cè)試源碼"
- "SBTI性格測(cè)試雙版本題庫"
## ? 標(biāo)題優(yōu)化建議
### 最Z佳實(shí)踐標(biāo)題(推薦使用)
```
SBTI人格測(cè)試小程序源碼 uni-app雙題庫完整版 | 激勵(lì)廣告+分享裂變+隨機(jī)出題
```
### 標(biāo)題優(yōu)勢(shì)分析
1. **品牌識(shí)別**:突出"SBTI"特色品牌
2. **技術(shù)棧明確**:標(biāo)明"uni-app"便于開發(fā)者搜索
3. **核心賣點(diǎn)**:強(qiáng)調(diào)"雙題庫完整版"
4. **功能亮點(diǎn)**:包含"激勵(lì)廣告+分享裂變"商業(yè)化功能
5. **長度適中**:符合搜索引擎顯示要求
### 頁面Meta描述建議
```html
```
這樣的標(biāo)題既突出了項(xiàng)目的核心技術(shù)特點(diǎn),又強(qiáng)調(diào)了商業(yè)價(jià)值,能夠有效吸引目標(biāo)用戶群體的搜索流量。
## ? 核心功能模塊
### 1?? **用戶端 (H5)** - 面向最終用戶
#### **首頁 (Home.vue)**
- 展示品牌Slogan:"MBTI已經(jīng)過時(shí),SBTI來了"
- 背景圖片可配置
- "開始測(cè)試"按鈕,生成游客ID并跳轉(zhuǎn)到測(cè)試頁面
#### **測(cè)試頁面 (Test.vue)**
- **31道測(cè)試題目**,支持圖文混排
- 每題3個(gè)選項(xiàng)(總是如此/有時(shí)如此/很少如此)
- 進(jìn)度條顯示答題進(jìn)度
- 支持上一題/下一題導(dǎo)航
- 答案自動(dòng)保存,可隨時(shí)返回修改
- 提交后通過**科學(xué)評(píng)分算法**計(jì)算人格類型
#### **結(jié)果頁面 (Result.vue)**
- 顯示測(cè)試結(jié)果圖片和人格類型標(biāo)簽
- **解鎖機(jī)制**:
- ? 未解鎖狀態(tài):只顯示標(biāo)題,描述被隱藏
- ? **支付解鎖**: 集成虎皮椒支付,微信支付解鎖完整報(bào)告
- ? **分享解鎖**: 分享到朋友圈后自動(dòng)解鎖(4秒延遲模擬)
- **分享海報(bào)生成**:
- 使用html2canvas生成帶二維碼的分享海報(bào)
- 包含結(jié)果圖、人格類型、描述和二維碼
- 支持下載海報(bào)到本地
- 重新測(cè)試功能
---
### 2?? **管理后臺(tái) (Admin)** - 面向管理員
#### **題目管理 (Questions.vue)**
- 增刪改查測(cè)試題目
- 富文本編輯器(WangEditor)編輯題目內(nèi)容
- 上傳圖片作為題目配圖
- 啟用/禁用題目
- 排序控制
- **選項(xiàng)管理**: 為每道題配置3個(gè)選項(xiàng)及其分值
#### **結(jié)果圖管理 (ResultImages.vue)**
- 管理10種人格類型的結(jié)果展示配置
- 每種人格類型可配置:
- 標(biāo)題 (如"你是DEAD型人格")
- 描述文案
- 結(jié)果圖片
- 排序和啟用狀態(tài)
- 支持按人格類型篩選
#### **VIP套餐管理 (VIP.vue)**
- **套餐管理**: 創(chuàng)建/編輯/刪除VIP套餐
- 設(shè)置套餐名稱、價(jià)格、時(shí)長(天)、描述
- 啟用/禁用套餐
- **訂單管理**: 查看所有支付訂單
- 訂單號(hào)、用戶ID、套餐ID、金額、狀態(tài)
- 狀態(tài)包括: pending(待支付)、completed(已完成)
#### **數(shù)據(jù)統(tǒng)計(jì) (Stats.vue)**
- 核心數(shù)據(jù)卡片展示:
- 測(cè)試參與人數(shù)
- 完整報(bào)告解鎖數(shù)
- VIP開通數(shù)
- 廣告總播放數(shù)
- 分享次數(shù)
- ECharts圖表可視化:
- 測(cè)試參與趨勢(shì)圖
- 數(shù)據(jù)對(duì)比圖(本周vs上周)
- 支持日期范圍篩選
#### **其他管理功能**
- **用戶管理**: 查看用戶列表、答題記錄、VIP記錄
- **圖片資源管理**: 管理首頁圖、題目圖、結(jié)果圖等
- **廣告管理**: 配置廣告內(nèi)容和優(yōu)先級(jí)
- **系統(tǒng)設(shè)置**:
- 微信AppID/AppSecret配置
- 虎皮椒支付參數(shù)配置
- 解鎖費(fèi)用設(shè)置
---
## ? 核心技術(shù)特性
### **人格類型評(píng)分算法**
系統(tǒng)定義了**10種搞笑人格類型**:
1. **DEAD** (死者) - 精神麻木,行尸走肉
2. **MALO** (嗎嘍) - 生活重壓下的打工人
3. **ATM-er** (送錢者) - 人形提款機(jī)
4. **SHIT** (狗屎人) - 情商低到令人發(fā)指
5. **尤物** - 人間尤物,清醒通透
6. **舔狗** - 卑微的愛情追求者
7. **卷王** - 內(nèi)卷之王
8. **躺平** - 躺平青年
9. **社恐** - 社交恐懼癥
10. **焦慮怪** - 永遠(yuǎn)在擔(dān)心未來
**評(píng)分邏輯**:
- 每個(gè)題目的3個(gè)選項(xiàng)對(duì)應(yīng)不同人格類型的加分
- 例如:選擇"總是身心疲憊" → DEAD+3分, MALO+3分, 躺平+2分, 焦慮怪+2分
- 遍歷所有答案累加各人格類型得分
- 得分最z高的人格類型即為最終結(jié)果
- 如果最z高分≤0,默認(rèn)為"尤物"
### **支付系統(tǒng)**
- 集成**虎皮椒支付** (第三方支付網(wǎng)關(guān))
- 支持微信掃碼支付
- 異步回調(diào)處理:
- 驗(yàn)證簽名安全性
- 更新訂單狀態(tài)
- 自動(dòng)解鎖測(cè)試結(jié)果
- 可選升級(jí)為VIP會(huì)員
### **微信生態(tài)集成**
- 微信OAuth2.0授權(quán)登錄
- 微信JS-SDK集成(用于自定義分享)
- 朋友圈分享引導(dǎo)交互
### **數(shù)據(jù)安全**
- 使用事務(wù)確保數(shù)據(jù)一致性(答案提交、支付回調(diào)等)
- 簽名驗(yàn)證防止支付篡改
- 游客ID機(jī)制保護(hù)用戶隱私
---
## ?? 數(shù)據(jù)庫設(shè)計(jì)
主要數(shù)據(jù)表:
- **users** - 用戶表(openid, nickname, avatar, is_vip, vip_expire_time)
- **questions** - 題目表(content, image_url, is_enabled, sort_order)
- **options** - 選項(xiàng)表(question_id, content, score)
- **user_answers** - 用戶答題記錄
- **results** - 測(cè)試結(jié)果表(user_id, result_type, result_label, result_desc, image_url, is_unlocked)
- **result_images** - 結(jié)果圖配置表(result_type, title, descri-ption, image_url)
- **vip_packages** - VIP套餐表
- **orders** - 訂單表
- **images** - 圖片資源表
- **share_stats** - 分享統(tǒng)計(jì)表
- **settings** - 系統(tǒng)設(shè)置表(key_name, value)
---
## ? 產(chǎn)品亮點(diǎn)
1. **幽默化人格測(cè)試** - 將傳統(tǒng)MBTI轉(zhuǎn)化為更接地氣的搞笑人格類型
2. **雙重解鎖機(jī)制** - 付費(fèi)+分享,提高轉(zhuǎn)化率和傳播性
3. **科學(xué)評(píng)分算法** - 基于多維度題目動(dòng)態(tài)計(jì)算,非隨機(jī)結(jié)果
4. **可視化分享海報(bào)** - 自動(dòng)生成帶二維碼的精美海報(bào)
5. **完善的管理后臺(tái)** - 全流程內(nèi)容管理和數(shù)據(jù)分析
6. **靈活的配置系統(tǒng)** - 所有文案、圖片、價(jià)格均可后臺(tái)配置
這是一個(gè)完整的商業(yè)化H5測(cè)試應(yīng)用,具備用戶增長、變現(xiàn)和數(shù)據(jù)運(yùn)營的全套能力! ?
基于對(duì)項(xiàng)目代碼的深入分析,我為這個(gè)SBTI人格測(cè)試H5系統(tǒng)設(shè)計(jì)了以下幾個(gè)SEO優(yōu)化的推廣標(biāo)題:
## ? 推薦標(biāo)題方案
### **方案一(綜合型 - 推薦)**
```
SBTI人格測(cè)試H5系統(tǒng)源碼 |全棧開源項(xiàng)目 | 支持微信分享解鎖+虎皮椒支付 | 含管理后臺(tái)
```
**SEO關(guān)鍵詞覆蓋:**
- SBTI人格測(cè)試 (核心功能)
- H5系統(tǒng)源碼 (產(chǎn)品類型)
- Vue3 + Node.js (技術(shù)棧)
- 全棧開源項(xiàng)目 (項(xiàng)目性質(zhì))
- 微信分享解鎖 (特色功能)
- 虎皮椒支付 (變現(xiàn)能力)
- 管理后臺(tái) (完整度)
---
### **方案二(技術(shù)導(dǎo)向型)**
```
人格測(cè)試系統(tǒng)源碼 | 前后端分離H5項(xiàng)目 | 科學(xué)評(píng)分算法 | 完整商業(yè)級(jí)解決方案
```
**優(yōu)勢(shì):** 突出技術(shù)架構(gòu)和商業(yè)價(jià)值,吸引開發(fā)者
---
### **方案三(功能亮點(diǎn)型)**
```
搞笑人格測(cè)試H5源碼下載 | 10種人格類型動(dòng)態(tài)評(píng)分 | 支付解鎖+分享裂變 | 數(shù)據(jù)統(tǒng)計(jì)后臺(tái) | 開箱即用
```
**優(yōu)勢(shì):** 強(qiáng)調(diào)產(chǎn)品特色和易用性,吸引創(chuàng)業(yè)者
---
### **方案四(長尾關(guān)鍵詞型)**
```
SBTI人格測(cè)試小程序H5源碼 | 集成微信支付和分享海報(bào)生成 | 附部署教程
```
**優(yōu)勢(shì):** 包含年份、平臺(tái)、具體功能,適合精準(zhǔn)搜索
---
### **方案五(簡潔有力型)**
```
SBTI人格測(cè)試系統(tǒng)完整源碼 | 全棧項(xiàng)目 | 支持付費(fèi)解鎖和病毒式傳播 | 含后臺(tái)管理系統(tǒng)
```
**優(yōu)勢(shì):** 簡潔明了,突出核心價(jià)值
---
## ? SEO優(yōu)化建議
### **頁面Meta標(biāo)簽配置:**
```html
```
---
### **內(nèi)容營銷關(guān)鍵詞布局:**
**一級(jí)關(guān)鍵詞(高搜索量):**
- 人格測(cè)試源碼
- H5測(cè)試系統(tǒng)
- Vue3項(xiàng)目源碼
**二級(jí)關(guān)鍵詞(中等競(jìng)爭(zhēng)):**
- SBTI測(cè)試系統(tǒng)
- 微信分享解鎖
- 支付集成源碼
- 管理后臺(tái)模板
**長尾關(guān)鍵詞(精準(zhǔn)流量):**
人格測(cè)試完整項(xiàng)目
- 帶支付功能的H5測(cè)試源碼
- 可商用的人格測(cè)試系統(tǒng)
- 支持二次開發(fā)的測(cè)試項(xiàng)目
---
## ? 推廣文案要點(diǎn)
平臺(tái)發(fā)布時(shí),建議在README中包含:
1. **項(xiàng)目截圖** - 首頁、測(cè)試頁、結(jié)果頁、管理后臺(tái)
2. **功能清單** - 詳細(xì)列出所有功能模塊
3. **技術(shù)棧說明** - MySQL等
4. **在線演示** - 提供Demo鏈接
5. **快速開始** - 安裝和部署步驟
6. **應(yīng)用場(chǎng)景** - 個(gè)人學(xué)習(xí)、畢業(yè)設(shè)計(jì)、創(chuàng)業(yè)項(xiàng)目、企業(yè)定制
7. **更新日志** - 體現(xiàn)項(xiàng)目活躍度
---
## ? 最終推薦
**最z佳標(biāo)題組合:**
```
主標(biāo)題: SBTI人格測(cè)試H5系統(tǒng)源碼 |全棧項(xiàng)目 | 微信分享解鎖+支付變現(xiàn)
副標(biāo)題: 完整商業(yè)級(jí)解決方案 | 科學(xué)評(píng)分算法 | 管理后臺(tái) | 開箱即用 | 附部署教程
```
這個(gè)標(biāo)題既突出了核心技術(shù),又強(qiáng)調(diào)了商業(yè)價(jià)值(支付+分享裂變),同時(shí)說明了完整性(含后臺(tái)+教程),能夠吸引目標(biāo)用戶群體! ?




定制看需求,一般幾小時(shí)內(nèi)完成,也不貴。

1、自動(dòng):在上方保障服務(wù)中標(biāo)有自動(dòng)發(fā)貨的商品,拍下后,將會(huì)自動(dòng)收到來自賣家的商品獲?。ㄏ螺d)鏈接;
2、手動(dòng):未標(biāo)有自動(dòng)發(fā)貨的的商品,拍下后,賣家會(huì)收到郵件、短信提醒,也可通過QQ或訂單中的電話聯(lián)系對(duì)方。
1、源碼默認(rèn)交易周期:自動(dòng)發(fā)貨商品為1天,手動(dòng)發(fā)貨商品為3天,買家有1次額外延長3天交易周期的權(quán)利;
2、若上述交易周期雙方依然無法完成交易,任意一方可發(fā)起追加周期(1~60天)的請(qǐng)求,對(duì)方同意即可延長。
1、描述:源碼描述(含標(biāo)題)與實(shí)際源碼不一致的(例:描述PHP實(shí)際為ASP、描述的功能實(shí)際缺少、版本不符等);
2、演示:有演示站時(shí),與實(shí)際源碼小于95%一致的(但描述中有"不保證完全一樣、有變化的可能性"類似顯著聲明的除外);
3、發(fā)貨:手動(dòng)發(fā)貨源碼,在賣家未發(fā)貨前,已申請(qǐng)退款的;
4、安裝:免費(fèi)提供安裝服務(wù)的源碼但賣家不履行的;
5、收費(fèi):額外收取其他費(fèi)用的(但描述中有顯著聲明或雙方交易前有商定的除外);
6、其他:如質(zhì)量方面的硬性常規(guī)問題等。
注:經(jīng)核實(shí)符合上述任一,均支持退款,但賣家予以積極解決問題則除外。
1、互站會(huì)對(duì)雙方交易的過程及交易商品的快照進(jìn)行永久存檔,以確保交易的真實(shí)、有效、安全!
2、互站無法對(duì)如“永久包更新”、“永久技術(shù)支持”等類似交易之后的商家承諾做擔(dān)保,請(qǐng)買家自行鑒別;
3、在源碼同時(shí)有網(wǎng)站演示與圖片演示,且站演與圖演不一致時(shí),默認(rèn)按圖演作為糾紛評(píng)判依據(jù)(特別聲明或有商定除外);
4、在沒有"無任何正當(dāng)退款依據(jù)"的前提下,商品寫有"一旦售出,概不支持退款"等類似的聲明,視為無效聲明;
5、在未拍下前,雙方在QQ上所商定的交易內(nèi)容,亦可成為糾紛評(píng)判依據(jù)(商定與描述沖突時(shí),商定為準(zhǔn));
6、因聊天記錄可作為糾紛評(píng)判依據(jù),故雙方聯(lián)系時(shí),只與對(duì)方在互站上所留的QQ、手機(jī)號(hào)溝通,以防對(duì)方不承認(rèn)自我承諾。
7、雖然交易產(chǎn)生糾紛的幾率很小,但一定要保留如聊天記錄、手機(jī)短信等這樣的重要信息,以防產(chǎn)生糾紛時(shí)便于互站介入快速處理。
1、互站作為第三方中介平臺(tái),依據(jù)交易合同(商品描述、交易前商定的內(nèi)容)來保障交易的安全及買賣雙方的權(quán)益;
2、非平臺(tái)線上交易的項(xiàng)目,出現(xiàn)任何后果均與互站無關(guān);無論賣家以何理由要求線下交易的,請(qǐng)聯(lián)系管理舉報(bào)。
菏澤云起網(wǎng)絡(luò)科技有限公司
客服⑥:179894101122360941784385639872484
客服①:7303809977543449383055
43170125786606540139357053
微信客服
服務(wù)
5.00
效率
5.00
質(zhì)量
5.00
客服
客服QQ: 400****86 (點(diǎn)擊直接對(duì)話)
客服電話:400****86(查看完整電話)
客服郵箱:serve#huzhan.com
管理僅處理交易投訴、舉報(bào)、帳號(hào)、資金等平臺(tái)使用問題;
商品問題請(qǐng)咨詢各商品詳情頁面中顯示的商家客服QQ。