微信小程序项目总结《一》序言、准备工作、项目构架

序言:

微信之父张小龙说:“小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不关心是否安装太多应用的问题。应用将无处不在,随时随地可用,但又无需安装卸载。”

我个人觉得张小龙是一个十分有情怀的互联网人士,2017年3月27日微信终于向个人开发者提供开发账号和平台,对于计算机专业的我,也是在忍不住想体验一下这个未来将取代原生App的应用(自己开发一段时间后才慢慢发现,未来不会大面积取代,而是两者有机结合,准确点说:小程序是一种介于原生app、和web app的hybrid);

于是在慕课网上学习小程序的开发,也跟着教程实战开发了一个“文章阅读器和电影信息”的项目,并取名《回忆与电影》,这个小程序目前只是体验版,也并不希望能上线,毕竟创意不是自己的,而是自己在学习过程中的认识和理解,所以在博客中记录从4月1日到4月10 日,这十天的开发过程和心得。未来规划在一个月之内开发一个自己创意的小程序上线玩玩。实战项目就得有成果,在序言这块先把效果图放上来:

第一章:准备工作

一个软件开发项目的开发第一步必然都是寻找平台,自然要寻找代码编辑器(IDE),框架,代码编写语言,配置环境变量等等。 小程序也不例外,AppID也就是微信开发账号,网上也有很多关于此的申请步骤,再此不多赘述,其实把微信公共平台(https://mp.weixin.qq.com/)中小程序这一栏里面的信息都填好后,跟着步骤一步步就可以完成。

接下来那就是IDE的下载,官方给的IDE就是“微信web开发者工具”,和webstorm,pycharm都差不多(这里我个人真的很高兴,我们中国终于有自己封装的开发工具,可能是我孤陋寡闻,在研究生学习阶段中,用的编辑器都是国外的),虽然这个IDE名字很low,版本管理,还有使用情况的确值得改善,但是起码有,而且用的是自己的框架封装,作为中国人,真的很骄傲。(创建项目方法自行摸索)

慕课网上说:学习小程序,其实是在学习MINA框架。对的,MINA框架就像Jquery一样为开发提供了丰富的组件和API。(具体框架中的各种API,组件和方法都在微信开发官方文档中查询)

第二章:项目构架

1、MINA和jquery不一样,jquery是典型的操作DOM,获取节点后实现js操作,而小程序从操作 DOM 转为操作数据,基于微信提供的一个过桥工具实现很多H5很难实现的功能,有点类似于hybrid开发,不同于 hybrid开发的方式是:微信开放的接口更为严谨,结构必须采用他提供给我们的组件,外部的框架和插件都不能在这里使用上,让开发者完全脱离操作 DOM,开发思想转变很大。

2、小程序的实现机制

小程序的开发是基于MINA框架进行开发的。微信通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能,对上层提供了一套完整的Javascript Api,使得开发者能够非常方便的使用到微信客户端提供的各种基础功能,快速构建一个应用。框架设计如下:

框架提供了自己的视图层描述语言 WXML(类似Html)和 WXSS(类似CSS)基于 JavaScript 的逻辑层框架,并在视图层与逻辑层之间通过单向数据绑定进行数据传输,使开发者更加聚焦于数据与逻辑上。

3、开发此项目要有Html5和CSS3和javascript的基础。

4、整个项目的项目骨架:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,003评论 25 709
  • 微信小程序相关的文档、教程、开源项目等资源的整理,以便于开发学习使用。 —— —— 收录仅作个人学习使用,涉及侵权...
    Anyers阅读 34,863评论 2 53
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • 11:23,2017年6月27 又不想去上班了,最终还是挣扎着洗了澡换了衣服,去了。日子终究还是要过。 服用米氮平...
    塤子阅读 225评论 0 1
  • 片名:未知死亡 Ghajini 导演:A.R. Murugadoss 编剧:A·R·拉曼 主演:阿米尔·汗 / 缇...
    抽屉电影阅读 454评论 1 0