工程项目结构

本章将为大家介绍 微信小程序 工程项目结构；在了解详细的工程结构后；以便于能更好的进行开发工作。

• layout 存放界面设计文件

• src 存放窗口页面逻辑、模块代码文件

• static 存放静态资源文件

• App.spl 应用入口文件

• Config.xml 小程序配置文件

• *.vsln 项目索引文件

• _build 项目编译输出文

layout

在该文件夹中主要存放应用的界面可视化设计文件、文件格式为".xml"。

src

该文件中主要存放窗口页面逻辑及模块代码文件。

static

在该文件夹中主要存放图片、或者其他静态文件。

App.spl

该文件为应用的启动入口文件、当应用每次重新打开、或启动的时候、都会先执行该文件、开发者可以在该文件中添加初始化相关代码。

Config.xml

应用配置文件、该文件用于配置整个站点或小程序的样式、颜色、主题、首页、以及底部导航框、以下将分别对其相关节点进行说明：

• 首页

  • value ： 设置应用首页窗口名称、即应用第一次打开的页面、例如：你的项目有多个页面、需要将 home.sim 这个代码页设置为首页、则设置value的值为“home”即可、注意名称不能有后缀名。

• 全局页面样式

  • 该节点下方的配置主要影响应用的颜色、风格、以及主题、如果无需特别设置、建议采用默认配置即可、关于每个节点的详细说明请参考：官方文档 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window

• 底部导航栏

  • show ： 设置是否展示底部导航栏、如果设置为“false”则在编译时将会忽略该项、设置为“true”时、如果配置了页面列表、且列表数量大于2、小于6的时候将会显示应用底部导航。(true：真、false：假)

  • 基础配置：设置选项卡标题颜色、背景颜色等等。

  • 页面列表：配置底部选项卡的对应页面、其中的子节点属性为：

    • text：选项卡标题、例如：首页
    • pagePath：页面路径（名称）、例如：home
    • iconPath：图标路径、设置默认显示时的图标路径、例如：static/home.png
    • selectedIconPath：选中时图标路径、设置选中时(点击后)显示的图标路径、例如：static/home_ac.png

注：暂不支持在配置文件中直接添加自定义配置项、如要添加自定义配置、可以编译输出为友好源代码后再添加。