Правила переопределения шаблонов — утилита file-merge

git clone git://git.appcode.pw/file-merge.git

Специальные комментарии

  • //#UPDATE — помечается начало обновления
  • //#UPDATEEND — помечается завершение обновления
  • //#ADD — помечается начало добавления
  • //#ADDEND — помечается завершение добавления

Пример обновления данных

Оригинал:

Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    idProperty: 'id'
    ...

В оригинальном файле нам требуется убрать свойство idProperty. Наличие пустой строки обязательно, т. к. таким образом сообщается, сколько строк нужно обновить.

Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    //#UPDATE

    //#UPDATEEND
    ...

В оригинальном файле нам требуется обновить свойство idProperty

Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    //#UPDATE
    idProperty: 'LINK'
    //#UPDATEEND
    ...

Пример добавления данных

Оригинал:

Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    idProperty: 'id'
    ...

Требуется добавить еще одно свойство.

Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    idProperty: 'id'
    //#ADD
    displayProperty: 'table_name',
    //#ADDEND
    ...

Или добавить новую функцию

    validators: {
        user_id: 'presence',
        roles_id: 'presence',
        table_name: { type: 'length', max: 255 }
    }
    //#ADD
    , fio: function () { // '''тут запятая должна находиться именно здесь'''

    }
    //#ADDEND
});

Принудительная генерация и запрет

Для принудительной перегенерации файла требуется указать в начале файла

//#overwrite
Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    idProperty: 'id'
    ...

Для отмены перезатирания данных указывать в начале файла

//#not overwrite
Ext.define('PN.model.accesses', {
    extend: 'Ext.data.Model',
    idProperty: 'id'
    ...

Visual Studio Code как среда разработки для ExtJS

С официального сайта скачиваем установщик

Создание проекта:

— генерация проекта
sencha -sdk «D:\Install_new\sencha\ext-6.0.0-gpl\ext-6.0.0\» generate app App1 «E:\serp\work\_sencha\App1»
— или
sencha -sdk «D:\Install_new\sencha\ext-6.0.0-gpl\ext-6.0.0\» generate app -modern App1 «E:\serp\work\_sencha\App1»

Открываем проект с помощью VS Code

В терминале запускаем проект.

— запускаем проект, теперь он доступен по адресу http://localhost:1841/
sencha app watch

— билдим
sencha app build modern production
sencha app build modern production «d:/temp»
sencha app build modern testing

Подробнее о сборке можно узнать здесь

Использование модуля для обработки ошибок

Приложение можно скачать здесь.

Для передачи данных об ошибке в клиентском приложение добавить следующий скрипт (лучше в теге head)

var __error = window.onerror;
var __es = [];
// дополнительные параметры
var __meta = {
    user: 'test',
    ver: '1.0.0' // указание версии обязательно
};
var __ts = null;
window.onerror = function (msg, url, num, p, err) {
    var str = '';
    if (err && (str = err.stack)) {
        __es.push(str.replace(new RegExp(location.href, 'gi'), ''));
        if (__ts == null) {
            __ts = setTimeout(function () {
                clearTimeout(__ts);
                __ts = null;
                __se();
            }, 500);
        }
    }

    if (__error)
        return __error(msg, url, num, p, err);

    return false;
}
/**
 * отправка сообщений об ошибке
 */
function __se() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", 'http://localhost:3000/api/error?id=1', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify({
        m: __meta,
        e: __es
    }));
}

Заменив в нем адрес отправки http://localhost:3000/api/error?id=1 не требуемый. При этом идентификатор приложения (id) можно указать любой.
Так же с клиента можно дополнительно передавать требуемые поля для анализа в объекте __meta.

Серверное приложение имеет три активные ссылки:

  • /api/error — принимает постовые запросы с ошибками
  • /list?id=1&ver=0.0.0 — выводит список ошибок по приложению (id) и версии (ver)
  •  /upload — позволяет загружать на сервер приложения для обработки

Для корректной работы требуется:

  • чтобы в папке public были созданы папки: apps, logs, temp
  • дать права этим папкам на запись