小程序代码的构成

74 阅读1分钟

项目结构

  • 1.了解项目的基本组成结构 image.png

  • 2.小程序界面的组成部分 image.png

JSON 配置文件

  • 1.JSON配置文件的作用
    image.png image.png
  • 2.app.json文件 image.png
  • 3.project.config.json文件 image.png
  • 4.sitemap.json文件 image.png
  • 5.页面的.json配置文件 image.png
  • 6.新建小程序页面 image.png

image.png

  • 7.修改项目首页

image.png

WXML 模板

  • 1.什么是WXML
    WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类型于网页开发中的HTML.
  • 2.WXML和HTML的区别
    image.png

WXSS样式

  • 1.什么是WXSS
    WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS。
  • 2.WXSS和CSS的区别 image.png

JS逻辑交互

  • 1.小程序中的.js文件
    一个项目仅仅提供界面展示是不够的,在小程序中,我们通过.js文件来处理用户的操作。例如:响应用户的点击、获取用户的位置等等。

  • 2.小程序中.js文件 image.png