微信小程式--投票小程式設計與實現(圖片、視訊釋出、分組、稽核、排名)
阿新 • • 發佈:2021-01-08
### 投票微信小程式設計與實現(圖片、視訊釋出、分組、稽核、排名)
之前接到一個需求,設計一個類似H5 投票系統之類的小程式,我絞盡腦汁,冥思苦想,最後終於做了出來。
再次感謝 @文曉港 的`ColorUI`微信樣式元件庫,實在是開發者的好幫手。秉持開源精神,該小程式程式碼已**全部開源**。後臺使用的雲開發,申請個雲開發環境,部署成功即可直接使用。
#### 1.專案分析
用語言描述下專案流程
1. 在`AdminList`中的小程式使用者為小程式管理員,可以釋出投票活動和稽核活動中的帖子。即個人中心中的按鈕,釋出和稽核為管理員獨見。
2. 投票活動有期限限制,由管理員選擇投票活動持續的時間。比如說2月1日到2月10日。時間為獨佔性的,同一天內,只允許存在一個投票活動。如果活動時間存在重疊部分,上傳活動時會被提醒。
3. 開啟小程式,查詢今天的投票活動。並根據查詢到的活動id檢索參加該投票活動的帖子。
4. 普通使用者可以發帖(需要經過稽核才可以在首頁被展示),發帖含視訊,那麼詳情頁`swiper`就會以視訊形式展示,如果只有圖片,就是第一張圖片。
5. 投票帖子都會被記錄下來,點選記錄檢視可以檢視帖子詳情。
#### 2.專案預覽
> 首頁和排名頁
> 活動釋出與貼子稽核
> 帖子釋出和詳情展示
還有部分其他頁面,自行`star`後下載部署檢視。
#### 3.部署提示和自查
> 快速建表
`app.js`中有註釋掉的`cloud.InitCollection();`,取消該句註釋,即可快速建表,需要雲函式已經部署。雲資料集合中生成對應的表之後可以加上註釋。
> 問題自查順序
1. 是否修改`project.config.json`中的appid為自己的
2. 是否開啟了雲環境(建立後最好需要等待一段時間10min左右)
3. 是否修改了配置檔案對應的環境id
~~~js
module.exports={
UseCloud:true,
CloudId:'', //雲開發環境id
TraceUser:true, //記錄使用者訪問日誌
AdaptStorge:true, //允許快取使用者資料
SevDomain:'http://localhost', //伺服器的域名
AdminMode:true, //管理員許可權模式
AdminList:[
'openid'
]
}
~~~
4. 是否上傳並部署了雲函式
共有三個雲函式,可以右鍵選擇,上傳 - 雲端安裝依賴並部署
5. 是否建立了雲資料集合
6. 雲資料集合訪問許可權是否和文件所說的一致
7. 以上都沒問題,還是部署失敗,可以在開源專案`issue`中提出
#### 4.開源地址 - ⭐一下,求不白嫖
https://gitee.com/Kindear/mvote