这个婚礼邀请函是之前帮别人做的，现在人家婚礼举办过了也没啥关系了，想着就修改成通用模板进行开源，方便大家尤其是小白们克隆项目之后稍微修改就能够直接使用。

当时自己开始这个项目时候也是查阅了很多教程文章，但无一列外都需要大量的小程序开发知识储备，对于当时需要快速构建一个项目的我来说真的焦急，很希望有一个可以直接使用的模板，项目完成后有深入的想法可以再学习。

扫码体验

项目展示（多图警告）

首页

照片页

地图页

祝福页

留言页

项目下载

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. 首页和祝福页的两个转发按钮自定义信息的修改

关注「前端一起学」公众号 ，看着项目进阶学习，让我们一起学前端，一起进步。有任何不懂的地方，可以公众号私信我。