基于微信小程序云开发实现的婚礼邀请函模板,能够自行定制开发

这个婚礼邀请函是以前帮别人作的,如今人家婚礼举办过了也没啥关系了,想着就修改为通用模板进行开源,方便你们尤为是小白们克隆项目以后稍微修改就可以直接使用。前端

当时本身开始这个项目时候也是查阅了不少教程文章,但无一列外都须要大量的小程序开发知识储备,对于当时须要快速构建一个项目的我来讲真的焦急,很但愿有一个能够直接使用的模板,项目完成后有深刻的想法能够再学习。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. 首页和祝福页的两个转发按钮自定义信息的修改

关注我吧

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

微信公众号

相关文章
相关标签/搜索