微信小程序试水
2018-01-30 本文已影响0人
十月石榴2013
参考书:《从零开始学微信小程序开发》
从零开始学微信小程序开发
1. 软件结构
一般来说,一套软件的应用架构包括数据层、业务逻辑层、服务层、控制层、展示层、用户等多个层次。
应用程序架构
本质上来说,微信小程序只是系统的展示层(前端程序),通常还需要有数据层、业务逻辑层、服务层、控制层等同上所说的后端程序为微信小程序提供支持。
前端程序有“前端的逻辑层“、视图层”等分层结构。
XML文件中存放的是小程序的布局。
CSS文件中存放的是容器组件View中对某个View的属性设置。
HTML与CSS的区别:
https://zhidao.baidu.com/question/340631243.html
(网页现在的新标准是W3C。目前的模式是html+css+javascript,如何理解呢,就是html是网页的结构,CSS是网页的样式,javascript是行为。结构就是盖房子先要把结构建出来,然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS,比如你用DW的属性面板来设置一个字的字体、颜色和大小,当你选好后,就会自动生成一个.style1的[红色代码]之间不知道你注意过没有,这就是CSS,这样讲的话你应该能理解html和CSS的区别了吧。CSS的名称就叫“[层叠样式表]”,从字面也就能理解了。)
编写一个小程序页面的基本步骤
1. 结构准备
① 新建相关文件夹和文件,
② app.json中将之添加到page数组中。
2. json文件:设置导航栏参数等页面参数
3. wxml文件:编写UI布局
4. wcss:美化UI
备忘录:
bindtap
微信小程序 视图控件与bindtap之间的问题:http://blog.csdn.net/u014294325/article/details/53405204
wxml里面某控件的bindtap属性的属性值,对应着js里面的同名(单击)响应函数。