3

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

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

扫码体验

小程序码

项目展示(多图警告)

首页

首页

照片页

照片页

地图页

地图页


祝福页

祝福页


留言页

留言页

项目下载

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

关注我吧

关注「前端一起学」公众号 ,看着项目进阶学习,让我们一起学前端,一起进步。

微信公众号


wendZzoo
45 声望2 粉丝

The harder you work, the more progress you make.