小程序的基本目录结构
projct.config.json:是项目配置文件包含项目名称,AppID等信息。
utils目录: 存放一些工具函数或者公共的业务逻辑代码。
主体文件
app.js: 这是小程序的入口文件,包含小程序的生命周期函数、全局变量等。在这个文件中,你可以进行一些全局配置和初始化工作。
app.json: 用于配置小程序的全局设置,如窗口背景色、导航栏样式、页面路径等。在这个文件中,你可以定义小程序的页面结构,设置小程序的全局配置项。
app.wxss: 小程序的全局样式文件,定义整个小程序的样式风格,包括文字样式、颜色等。
页面文件
小程序的开发框架
视图层:框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。
将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。
WXML 用于描述页面的结构。
WXS(WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。
WXSS 用于描述页面的样式。
组件(Component)是视图的基本组成单元。
逻辑层:是所有.js脚本文件的集合由JsnsScript编写,逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。
数据层:在逻辑上包括页面临时数据或缓存,文件存储和网络存储与调用。
创建文件
配置文件
代码
{
"pages":[
"pages/indx/indx",
"pages/logs/logs"
],
"window":{
"navigationBarBarckgroundColor":"#fff",
"navigationBarTextStyle":"black",
"navigationBarTitleText": "小程序window功能介绍",
"backgroundColor":"#ccc",
"backgroundTextStyle": "light"
},
"tabBar": {
"color": "#666666",
"selectedColor": "#ff0000",
"borderStyle":"black",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/indx/indx",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "新闻"
}
]
}
}