基於微信小程序雲開發實現的婚禮邀請函模板，可自行定制開發

這個婚禮邀請函是之前幫別人做的，現在人家婚禮舉辦過了也沒啥關系了，想着就修改成通用模板進行開源，方便大家尤其是小白們克隆項目之后稍微修改就能夠直接使用。

當時自己開始這個項目時候也是查閱了很多教程文章，但無一列外都需要大量的小程序開發知識儲備，對於當時需要快速構建一個項目的我來說真的焦急，很希望有一個可以直接使用的模板，項目完成后有深入的想法可以再學習。

掃碼體驗

​

項目展示（多圖警告）

首頁

​

照片頁

​

地圖頁

​

祝福頁

​

留言頁

​

項目下載

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. 首頁和祝福頁的兩個轉發按鈕自定義信息的修改

 關注我吧

關注「前端一起學」公眾號 ，看着項目進階學習，讓我們一起學前端，一起進步。有任何不懂的地方，都可以公眾號私信我。

​