Проект Angulr

Название проекта — Angulr. Да, всё верно! Именно так, с ошибкой в слове. Это фронтенд-фреймворк UI (пользовательского интерфейса), основанный на Bootstrap и AngularJS и использующий множество открытых фронтенд компонентов. Это отличный фреймворк для создания пользовательских интерфейсов.

Существует официальная версия проекта, которая является платной и англоязычной. У меня есть последняя версия (v2.2) исходного кода, и я её локализовал. Эта версия предназначена только для изучения и технического обмена, не используйте её в коммерческих целях. Переводчик не несёт ответственности за любые юридические последствия.

Содержание взято из файла readme.md и содержит инструкции по компиляции проекта.

Однако, независимо от того, понимаете ли вы, как компилировать фронтенд проекты или нет, вам лучше не пытаться компилировать этот проект. Потому что после компиляции часть содержимого снова станет англоязычной, и это важно учитывать!

На самом деле компиляция не требуется, поскольку проект уже скомпилирован. Вам нужно только запустить сайт в веб-контейнере, таком как IIS, IIS Express или Tomcat.

Если вы не знаете, как настроить сайт в веб-контейнер, вы можете установить Visual Studio, затем нажать «Главное меню» -> «Файл» -> «Открыть» -> «Сайт», открыть эту папку, а затем нажать Ctrl+F5 для запуска.

Локализованная версия предоставлена учителем IT образования Чжоу Юй из провинции Хунань, город Чанша. Эта версия предназначена только для обучения и технического общения, не используйте её в коммерческих целях, ответственность за любые правовые последствия лежит на пользователе.

1. Разместите проект на сервере или локальном хосте для предварительного просмотра. Затем просмотрите:

http://localhost:端口/src/
http://localhost:порт/src/index.html
http://localhost:порт/src/index.rtl.html
http://localhost:порт/src/material.html
http://localhost:порт/src/#/music/home
http://localhost:порт/html/index.html
http://localhost:порт/landing/index.html
http://localhost:порт/src/index.html#/app/docs

Относительные пути:

src/                     основной стиль пользовательского интерфейса
src/index.html            основной стиль пользовательского интерфейса
src/index.rtl.html        обратный стиль пользовательского интерфейса
src/material.html         ремесленный стиль пользовательского интерфейса
src/#/music/home          музыкальная платформа пользовательского интерфейса
html/index.html           основной стиль пользовательского интерфейса (статическая страница, просто статическая страница без использования angularjs)
landing/index.html        официальный сайт пользовательского интерфейса (статическая страница)
src/index.html#/app/docs  документация

2: Документация находится в папке "src/tpl/docs.html" или доступна по адресу "http://localhost:порт/src/index.html#/app/docs". Онлайн-доступ к документации: http://flatfull.com/themes/angulr/angular/#/app/docs.

3: Использование Grunt и Bower (Grunt и Bower — инструменты для сборки фронтенда, если вы не знакомы с Grunt, этот раздел можно пропустить).

Установите node.js. Перейдите в корневой каталог приложения:

>npm install -g grunt-cli
>npm install
>bower install
>npm start

>grunt build:angular

Создайте папку 'angular'.

4: Описание структуры каталогов:

• grunt — файлы конфигурации сборки (можно игнорировать содержимое этой папки)
• html — статические страницы
• landing — официальный сайт
• libs — библиотеки поддержки, такие как jquery, bootstrap, angular и т. д.
• src — основное, ремесленное, обратное, музыкальное, документация и другие, все находятся в этой папке
• swig — исходный код фронтенда swig (можно игнорировать содержимое этой папки).