Проект JQ-Bootstrap

Проект

Мой проект JQ-Bootstrap, расширение для Bootstrap, используется вместе с JQuery.

Версия 2.0 находится в процессе разработки...

Адрес версии 1.0: http://www.jq22.com/jquery-info14436

Я пришёл из мира .NET. Когда моя компания начала использовать Bootstrap для фронтенда, мы столкнулись со следующими проблемами:

1. Поскольку бэкенд-программы имеют схожую структуру интерфейса, большинство функций страниц — это операции над данными (добавление, удаление, изменение и проверка). Сложная логика выполняется бэкендом. Поэтому при использовании Bootstrap многие HTML-элементы приходилось многократно копировать и вставлять. Использование шаблонов не гарантировало гибкости. Если после создания множества страниц требовалось внести общие изменения, это было довольно трудоёмко для разработчиков, специализирующихся на бэкенде.

2. Разработчики бэкенда не очень хорошо знакомы с фронтендом и не готовы тратить много времени на оптимизацию кода. Это приводило к тому, что страницы, разработанные разными программистами, имели разный стиль. В целом, программное обеспечение выглядело неоднородно.

3. Некоторые компоненты Bootstrap не удовлетворяли требованиям клиентов, и нам приходилось использовать сторонние плагины. При комбинировании нескольких таких плагинов у разработчиков начинались проблемы.

Поэтому, если в компании нет специалистов по фронтенду и нет зрелой структуры шаблонов Bootstrap, возникают следующие проблемы: увеличение объёма работы, влияние на сроки разработки; отсутствие единообразия в стиле страниц; сложность поддержки логики кода на фронтенде.

После того как я обнаружил эти проблемы, я решил использовать JQuery для интеграции Bootstrap и сторонних плагинов, чтобы обеспечить единообразие в используемых JavaScript и CSS. Я стремился обеспечить гибкость разработки при одновременном обеспечении единообразия макетов и стилей страниц.

Теперь я представляю этот проект как открытый исходный код. Если этот плагин поможет разработчикам бэкенда решить проблемы с фронтендом, я буду очень рад.

Демонстрационный адрес: https://shixixiyue.gitee.io/mybootstrapex/

API: https://shixixiyue.gitee.io/mybootstrapex/API/index.html

Архитектура программного обеспечения

Основано на Bootstrap, сторонних плагинах Bootstrap и JQuery.

Примеры страниц

• Стиль:

• Модальное всплывающее окно:

• Предупреждающее сообщение:

• Вкладки:

• События вкладок:

• Проверка формы:

• Выпадающий список:

• Панель:

• Дерево:

• Кнопка:

• Таблица:

• Многоязычная поддержка:

• Онлайн-просмотр исходного кода:

• API:

Важные записи в журнале

[2019-3-12]

• 1. Добавлен плагин Tree с примерами и API.

• 1. Добавлены примеры и API для плагина Alert.
• 2. Добавлены примеры и API для плагина Confirm.

• 1. Добавлена таблица Grid.
• 2. Добавлена кнопка Button Group.

• 1. Добавлен Panel.
• 2. Добавлена Button.

• 1. Добавлена страница API.

• 1. Добавлены вкладки с примерами.
• 2. Исходный код открыт.

• 1. Добавлена 404 страница.
• 3. Добавлена регистрация событий для элементов управления.

• 1. Навигационная панель была инкапсулирована.

• 1. Поддержка нескольких языков.
• 2. Главная страница добавлена.

Свяжитесь со мной

@北京-没想好 QQ: 935732994

Мой блог: http://www.cnblogs.com/shiworkyue/

Также можно связаться через WeChat: