Sencha Ext JS в настоящее время является самой продвинутой и мощной структурой разработки приложений JavaScript, которая поддерживает многоплатформенную и многолетнюю. Во -первых, давайте посмотрим на короткую историю развития EXT JS.
1 Краткая история развития EXT JS
1. Джек Слокум, автор Yui-Ext, намеревается настроить библиотеку пользовательского интерфейса Yahoo (Yui) на основе протокола BSD, но позже он однажды омрачал своего отца Юи;
2. В конце 2006 года Yui-Ext был упрощен до EXT, отражая ее зрелость и независимость в качестве рамки. Компания была основана в начале 2007 года, а в настоящее время - двойная лицензия, используя LGPL и бизнес -лицензию;
3. 1 апреля 2007 года была выпущена официальная версия 1.0, а текущая версия - 6,0;
4. Начиная с 4.0, была введена архитектура приложения стиля MVC/MVVM и SCSS;
5. Начиная с 5.0, старые браузеры больше не поддерживаются, например, IE5, 6, 7 и т. Д.;
6. Начиная с 6.0, Sencha Touch и Extjs объединены в один, что указывает на то, что пользователи могут разработать приложения, которые могут поддерживать как традиционные рабочие столы, так и планшеты или мобильные телефоны.
2 Подготовка к разработке
1. Во -первых, вам нужно скачать EXT JS SDK, скачать официальную версию Extjs 6.0 SDK GPL https://www.sencha.com/legal/gpl/. Если вам нужно коммерческое приложение, пожалуйста, загрузите коммерческую версию. Расписки на диск D.
2. Скачать инструмент Sencha. Предполагая, что JRE7+ не установлен в вашей системе, пожалуйста, загрузите инструмент Sencha с версией JRE и успешно установите его.
3 Создание проекта
1. Откройте командную строку с администратором и используйте CD /DD:/ext-6.0.0, чтобы ввести каталог SDK
2. Используйте Sencha -Sdk ./ext-6.0.0, чтобы сгенерировать приложение -Классическое CMMPWebui ./cmpwebui для создания приложения с именем cmmpwebui на основе версии ext -6.0.0, с Project Path of ./cmpwebui.
Создайте файл проекта CMPWEBUI в каталоге D: /EXT-6.0.0. Структура файла выглядит следующим образом:
3. Введите файл проекта и используйте приложение Sencha, чтобы посмотреть предварительный просмотр проекта. Номер порта 1841 по умолчанию. Если он в настоящее время доступен, он будет увеличен. Здесь порт 1842
Введите http: // localhost: 1842/в браузере, чтобы просмотреть его. Это отличается от того, что я ожидал в начале. Он содержит официальные примеры. Вы можете нажать [просмотреть пример], чтобы просмотреть его.
Так где же проекты, которые вы создали сами? Вы можете ввести http: // localhost: 1842/cmpwebui/для просмотра
4. Выпуск проекта, компиляция с сборкой приложения Sencha
После завершения компиляции вы можете увидеть опубликованный проект в соответствии с файлом сборки в рамках ext-6.0.0.
5. Когда проект IIS будет выпущен, вам нужно обратить внимание на настройку IIS для анализа JSON, в противном случае веб -сайт не будет предварительно просмотрен.
На самом деле это очень просто запустить. Пока вы можете сделать файл *.json, проанализированный веб -сервером, IIS7 используется в качестве примера.
1) Установить поддержку IIS7 ASP
Панель управления -> Программы и функции -> Включить и выключать функции Windows -> Роли -> Добавить роли услуг -> Разработка приложений -> Выберите ASP
2) Добавить тип MIME на веб -сайт по умолчанию
Добавить-> Расширение файла-JSON, тип MIME-это текст/JSON (или приложение/X-Javascript также в порядке)
3) Установить сопоставление скриптов для веб -сайта по умолчанию
Картирование обработчика -> Добавить картирование сценариев. Путь запроса - *.json, исполняемый файл - %windir %/system32/inetsrv/asp.dll, имя json
4) Добавить index.html в документ по умолчанию
5) Создайте приложение Senchatouch на веб -сайте по умолчанию, который называется виртуальным каталогом в соответствии с IIS6.
6) Предварительный просмотр с Chome (т. Е. Не поддерживает)
После завершения конфигурации вы можете увидеть, что в папке есть дополнительный web.config
Просто обновить веб -страницу:
Приведенная выше статья Sencha Ext JS 6 Quick Start (обязательно прочитать) - это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.