_           _
 __      ____  ____| | __ _  __| |
 \ \ /\ / /\ \/ / _` |/ _` |/ _` |
  \ V  V /  >  < (_| | (_| | (_| |
   \_/\_/  /_/\_\__,_|\__,_|\__,_|

1. Введение

Это шаблонизатор для WeChat Mini Programs, который поможет вам быстро создать приложение WeChat Mini Program.

Функциональность

1. Быстрое создание начальной архитектуры проекта.
2. Быстрая компиляция синтаксиса wxdad в wxml и wxjs файлы, что помогает разработчикам быстрее работать.

2. Перед использованием вы должны

1. Установить последнюю версию Node.js.
2. Разместите Node.js в глобальных переменных среды shell/cmd.

3. Установка

• Введите следующую команду в терминале: git clone https://git.oschina.net/lisniuse/wxdad.git

4. Простой учебник (в качестве примера используется окружение Windows, но аналогично для других систем)

Шаг 1: Инициализация проекта

Шаг 1.1: Создайте папку wxdemo на диске D.

Шаг 1.2: Внутри папки wxdemo создайте файл app.json и заполните его необходимыми конфигурационными данными согласно официальной документации WeChat (если вы не уверены, обратитесь к:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=20161107).

Пример содержимого файла app.json:

{
    "pages": [
        "pages/index/index",
        "pages/logs/logs"
    ],
    "window": {
        "navigationBarTitleText": "Demo"
    },
    "tabBar": {},
    "networkTimeout": {
        "request": 10000,
        "downloadFile": 10000
    },
    "debug": true
}

Параметр pages является обязательным, и шаблонизатор будет автоматически создавать страницы и файлы на основе указанных путей. ```#### Шаг 1.3: Откройте командную строку и выполните команду: node wxdad build "d:\\wxdemo\\app.json"

Шаг 1.4: Откройте WeChat Developer Tool и загрузите созданный проект wxdemo

Шаг 2: Добавление новых страниц в проект

Исходный файл конфигурации:

{
    "pages": [
        "pages/index/index",
        "pages/logs/logs"
    ],
    "window": {
        "navigationBarTitleText": "Demo"
    },
    "tabBar": {},
    "networkTimeout": {
        "request": 10000,
        "downloadFile": 10000
    },
    "debug": true
}

Новый конфигурационный файл выглядит следующим образом:

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/home/home"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {},
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

Как видно, в массиве pages добавлен новый элемент "pages/home/home".

После сохранения, в терминале выполните команду:

node wxdad build "d:\\wxdemo\\app.json"

Это создаст новую страницу и добавит её, при этом не затронув существующие страницы.

3) Синтаксический сахар для циклического перечисления списка:

Откройте файл index.wxml проекта и введите следующий код:

<view wx:for="{{['https://api.douban.com/v2/movie/top250'].subjects}}">
  {{index}}: {{item.title}}
</view>

Сохраните изменения, затем скомпилируйте файл с помощью следующей команды:

node wxdad compile "d:\\wxdemo\\app.json"

Откройте разработческий инструмент, и вы заметите следующее:### Журнал обновлений:

0.1.2:

1. Устранены несколько ошибок.
2. Добавлен синтаксический сахар для отображения списков.

0.0.11:

1. Исходный код был преобразован в модуль Node.js.
2. Полностью используется синтаксис ES6.