📘
Luckydesigner
  • Knowledge Code Guide
  • HTML CODE
    • Dictionary
  • CSS CODE
    • Dictionary
  • Javascript Code
    • Dictionary
    • Examples
    • Reference
  • Regular Expressions
    • Reference
  • Wechat Mini Program Develop Notes
    • 开篇
    • 流程
    • 构成
      • 框架
    • 配置
      • index.wxml+index.js
      • Button
      • UserInfo
      • TabBar
      • Clipboard
    • Api
      • 背景
      • 交互
      • 导航栏
    • 标签
Powered by GitBook
On this page
  • 不同类型文件
  • 目录结构

Was this helpful?

  1. Wechat Mini Program Develop Notes

构成

不同类型文件

  1. .json 后缀的 JSON 配置文件,JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。

  2. .wxml 后缀的 WXML 模板文件, 在小程序中也有同样的角色,其中 WXML 充当的就是类似 HTML 的角色。打开 pages/index/index.wxml,你会看到类似于html的代码

  3. .wxss 后缀的 WXSS 样式文件, WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。

  4. .js 后缀的 JS 脚本逻辑文件, 一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作。

目录结构

文件

必需

作用

app.js

是

小程序逻辑

app.json

是

小程序公共配置

app.wxss

否

小程序公共样式表

一个小程序页面由四个文件组成,分别是:

文件类型

必需

作用

js

是

页面逻辑

wxml

是

页面结构

json

否

页面配置

wxss

否

页面样式表

注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。

  • index.js

  • index.wxml

  • index.json

  • index.wxss

Previous流程Next框架

Last updated 4 years ago

Was this helpful?