FavoriteLoading
0

微信小程序实战指北

微信小程序开发实战

花了2.5的白天,写写小程序

本文就将从以下3个方面阐述:

  • 作品展示和简单描述
  • 有哪些超级实用的功能?
  • 个人如何极速开发微信小程序?

mark


DEMO作品展示

首页

主题是yoga:

mark

  • 轮播图:视频 / 图片
  • lbs地理位置显示 / 路线导航
  • 直接拨打电话 /一键保存联系人到通讯录
  • 公告列表
  • 微信卡卷
  • 直接发起微信客服对话
  • 直接分享到朋友和微信群
  • 4个Tab选项卡

课程预约

mark

  • 每天的课程裂列表展示[周一到周日]
  • 点击,可跳转到详情介绍页
  • 点击预约,可触发模版消息
  • 直接微信支付
  • 后台主动用短信通知商家
  • 访客数据可视化分析展示

mark

音乐列表🎵

mark

会员中心

最后一个页面还需要完善
用来测试了一下很多功能
待完善的功能包括:

  • 表单反馈系统
  • 发表文字和照片 [类似朋友圈]
  • 关于我们 [文章内容展示]

mark


有哪些强大的功能?

官方提供的功能非常丰富且强大

首先,可开发者文档
建议你直接搜索小程序示例
看看官方展示的动态效果

mark

界面设计ui可直接参考:zanui

mark

我将用思维导图简单陈列

基本组件

mark

动态界面和硬件接口

mark

数据存储和获取

mark

强大好用的功能

mark


如何极速入门微信小程序?

个人是从以下资料入手,仅供参考

mark

  • 微信官方文档
  • 视频:好奇猫-微信小程序之吻
  • 书籍:微信小程序快速开发(视频指导版)
  • 开源框架
    1.vue风格开发的wepy
    2.开源界面库zanui-webap

关于后端

mark

一个完整的功能,离不开数据的增删查改
以及后端的认证响应
建议直接使用Baas的云服务
比如;

  • 知晓云
  • Bmob
  • leancloud

推荐微信小程序

mark

目前我已经拥有3个小程序

  • 博客小程序 [wordpress内容同步]
  • 微信小店 [需要公司资质]
  • 瑜伽DEMO小程序 [此文展示,Beta版并未发布]

希望和你做朋友

欢迎添加微信 hackrobot

会邀请你加入到我们的群
mark


更多精彩文章

把你的微信变成超级营销机器人
短信群发--低成本营销SMS喵
知乎Robot--自动点赞+评论+群发私信

小心!3分钟黑掉你的安卓手机
5分钟把U盘变为随身系统


加入我们的私密社群

加入小密圈

mark


点击原文,即可加入小密圈:

http://t.xiaomiquan.com/mu3ZVRV

mark

你有什么问题或者看法,不妨在留言区评论噢.