1. 程式人生 > >微信小程式--投票小程式設計與實現(圖片、視訊釋出、分組、稽核、排名)

微信小程式--投票小程式設計與實現(圖片、視訊釋出、分組、稽核、排名)

### 投票微信小程式設計與實現(圖片、視訊釋出、分組、稽核、排名) ​ 之前接到一個需求,設計一個類似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