第二章总结

最新推荐文章于 2024-09-06 12:14:15 发布

clqfl

最新推荐文章于 2024-09-06 12:14:15 发布

阅读量257

点赞数 4

文章标签： apache

本文链接：https://blog.csdn.net/clqfl/article/details/136460286

版权

本文详细介绍了微信小程序的基本目录结构，包括project.config.json中的项目配置、utils目录的工具代码、app.js和app.json的全局设置、WXML/WXS/WXSS的视图与样式、组件的使用以及逻辑层和数据层的功能。还展示了如何创建配置文件和逻辑层文件示例。

摘要由CSDN通过智能技术生成

小程序的基本目录结构

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": "新闻"
    }
  ]
}
}