微信小程序试水

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里面的同名(单击)响应函数。

组件整理

http://blog.csdn.net/qq510372845/article/details/77980598

上一篇 下一篇

猜你喜欢

热点阅读