OSCHINA-MIRROR/weituotian-AdminLTE-With-Iframe

Введение

AdminLTE с iframe — основан на фреймворке AdminLTE. Он интегрирован с iframe, что популярно в китайских административных системах.

«AdminLTE с iframe» — это подходящий для китайского рынка UI-фреймворк для бэкенда.

Предварительный просмотр доступен по ссылкам:

— https://weituotian.github.io/AdminLTE-With-Iframe/pages/index_iframe.html;

— http://weituotian.oschina.io/adminlte-with-iframe/pages/index_iframe.html.

Содержание

1. branch	分支
2. reference	参考
3. Installation	安装
4. 目录结构	目录结构
5. Documentation	文档

| 5-1. 整合到您的项目 | 整合到您的项目 |
| 5-2. iframe框架 | iframe框架 |
    | 5-2-1. 选项卡右键菜单，双击刷新 | 选项卡右键菜单，双击刷新 |
    | 5-2-2. 一些配置 | 一些配置 |
    | 5-2-3. 左侧菜单生成 | 左侧菜单生成 |
    | 5-2-4. tab的操作 | tab的操作 |
        | 5-2-4-1. 增加新tab | 增加新tab |
        | 5-2-4-2. 获得当前激活的tab的id | 获得当前激活的tab的ID |
        | 5-2-4-3. 根据pageId获得当前选项卡的标题 | 根据PageId获得当前选项卡标题 |
        | 5-2-4-4. 根据pageId获得 текущий iframe | 根据PageId获得当前iframe |
        | 5-2-4-5. 根据pageId получить текущий panel | 根据PageId获取当前panel |
        | 5-2-4-6. Закрыть tab | 关闭tab |
        | 5-2-4-7. Обновить tab | 刷新tab |

1. Branch (分支)

Обновить ветку до master.

2. Reference (参考)

super ui

(Функции js и страницы css для iframe взяты из superui.)

3. Installation (установка)

Рекомендуется использовать инструмент сборки grunt.

Установите nodejs.
В командной строке проекта выполните: npm install grunt-cli -g.
Выполните команду: npm install.

4. Структура каталогов

build/js/iframe — здесь хранится весь исходный код, связанный с iframe. Рекомендуется вносить изменения в этот каталог.
dist/js/app_iframe.js — файл, созданный с помощью инструмента сборки grunt. Это упакованный файл js.

5. Документация

Возможно, вам потребуется настроить систему, прочитав коды!

Официальная документация AdminLTE

5-1. Интеграция в ваш проект

Добавьте папки plugins и dist в свой проект.
Скопируйте index_iframe.html в свой проект и измените пути к js и css, например, в Java Web используйте ${ContextPath} и т. д. Также можно изменить создание меню в js.
Вы можете скопировать шаблон welcome_iframe.html для дочерних страниц iframe.

5-2. IFrame Framework

Описываются некоторые функции, добавленные после интеграции с IFrame, и методы их реализации. Пожалуйста, убедитесь, что вы выполнили установку, описанную в документации. Вы можете создавать проблемы в любое время.