微信小程序(一)


(一)目录结构

快速创建了一个 QuickStart 项目,看到微信小程序中就四种类型的文件
js ———- JavaScrip文件(页面逻辑)
json ——– 项目配置文件,负责窗口颜色等等(页面配置)
wxml ——- 类似HTML文件(页面结构)
wxss ——- 类似CSS文件(页面样式表)

程序入口文件:
根目录下有:app.json、app.js、app.wxml、app.wxss 和 project.config.json
此外: pages/logs 目录下还有一个 logs.json

app.json小程序配置
必须要有这个文件,如果没有这个文件,IDE会报错,因为微信框架把这个作为配置文件入口, 只需创建这个文件,里面写个大括号就行。以后会在这里对整个小程序的全局配置。记录了页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。

app.js
必须要有这个文件,没有也是会报错!但是这个文件创建一下就行什么都不需要写。以后可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。


project.config.json:工具配置

page.json:页面配置
其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置

wxss模板:app.wxss
和 HTML 非常相似,有标签、属性等等构成。
这个文件不是必须的。因为它只是个全局CSS样式文件。
1:标签名字有点不一样,小程序中,将常用的日历,弹窗组件包装起来,提高开发效率。小程序的 WXML 用的标签是 view, button, text 等等,这些标签就是小程序包装好的基本能力,还提供了地图、视频、音频等等组件能力 。
2:多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式。

wxml模板:app.wxml
这个也不是必须的,而且这个并不是指主界面。因为小程序的主页面是靠在JSON文件中配置来决定的

JS 交互逻辑--参见WXML - 事件
一个服务仅仅只有界面展示是不够的,还需要和用户做交互,通过编写 JS 脚本文件来处理用户的操作。

参考:http://blog.csdn.net/pwh0996/article/details/52705808
https://www.w3cschool.cn/weixinapp/hw9k1q8m.html


Carpe Diem and Do what I like