基於微信小程序雲開發實現的婚禮邀請函模板,能夠自行定製開發

這個婚禮邀請函是以前幫別人作的,如今人家婚禮舉辦過了也沒啥關係了,想着就修改爲通用模板進行開源,方便你們尤爲是小白們克隆項目以後稍微修改就可以直接使用。前端

當時本身開始這個項目時候也是查閱了不少教程文章,但無一列外都須要大量的小程序開發知識儲備,對於當時須要快速構建一個項目的我來講真的焦急,很但願有一個能夠直接使用的模板,項目完成後有深刻的想法能夠再學習。vue

掃碼體驗

小程序碼

項目展現(多圖警告)

首頁git

首頁

照片頁github

照片頁

地圖頁npm

地圖頁


祝福頁小程序

祝福頁


留言頁微信

留言頁

項目下載

https://github.com/Zuowendong/wechat-invitation微信開發

項目部署

  1. 項目目錄下執行 npm install
  2. 進入項目執行 npm run dev
  3. 在微信開發者工具中預覽

代碼詳解

代碼也沒啥好解釋的,會看的就本身看了。不肯意看的詳解了也沒啥意義,想要學習的話仍是須要前期準備相關知識儲備:mpvue,小程序開發,小程序雲開發。看官方的開發文檔就能夠了。工具

定製開發

  1. AppID(小程序ID)修改爲本身的
  2. main.js中初始雲開發環境名修改爲本身的
  3. service文件中雲開發config修改爲本身的雲開發環境名
  4. 首頁的婚宴舉辦信息、音樂資源的引用地址的修改
  5. 首頁和照片頁的圖片資源引用 ,都在封裝的組件 indexSwiper.vue、swiper.vue中
  6. 地圖頁的導航經緯度和新人電話號碼的修改
  7. 消息頁的祝福視頻資源引用
  8. 首頁和祝福頁的兩個轉發按鈕自定義信息的修改

關注我吧

關注「前端一塊兒學」公衆號 ,看着項目進階學習,讓咱們一塊兒學前端,一塊兒進步。學習

微信公衆號

相關文章
相關標籤/搜索