flowbite admin dashboard nodejs
1.0.0
Это форк оригинального репозитория Flowbite Admin Dashboard. Эта вилка используется для создания версии информационной панели NodeJS с использованием Express и EJS в качестве механизма шаблонов.
Этот проект представляет собой бесплатный шаблон панели администратора с открытым исходным кодом, созданный с использованием компонентов Flowbite и основанный на служебной CSS-инфраструктуре Tailwind, включающей диаграммы, таблицы, виджеты, макеты CRUD, модальные окна, ящики и многое другое.
Эта панель администратора может быстро помочь вам приступить к созданию приложения для вашего проекта с использованием новейших технологий разработки UI/UX в области с открытым исходным кодом, включая Tailwind CSS и Flowbite.
Интерактивные компоненты, такие как панели навигации, модальные окна, ящики и всплывающие подсказки, основаны на популярной библиотеке компонентов с открытым исходным кодом под названием Flowbite, которая позволяет нам использовать эти элементы путем создания более сложного набора страниц и виджетов внутри полноценной панели администратора. шаблон.
Все страницы, виджеты и компоненты основаны исключительно на служебных классах Tailwind CSS и совместимы с последней версией технологии v3.x за счет автоматической очистки всех классов на основе путей шаблона.
Начните работу с 15 расширенных страниц примеров, включая два разных макета домашней страницы информационной панели, полной виджетов диаграмм, таблиц, средств выбора даты и статистики, а также с двух страниц макета CRUD для продуктов, пользователей, страницы настроек, страниц аутентификации для входа и регистрации и даже пользовательские страницы ошибок 404 и 500.
Эта панель администратора содержит множество расширенных компонентов как из Flowbite, так и из других сторонних библиотек, таких как ApexCharts, которые были специально адаптированы с помощью CSS-классов Tailwind и разработаны на основе системы дизайна Flowbite.
Если вы хотите использовать этот проект, мы рекомендуем также изучить библиотеку компонентов, которую мы использовали для создания этой информационной панели, потому что вы можете использовать еще больше компонентов из этой библиотеки для улучшения примеров, которые мы уже написали здесь.
Этот продукт создан с использованием следующих широко используемых технологий:
| Панель управления | Сложенный макет | Продукты (CRUD) |
|---|---|---|
| Пользователи (CRUD) | Настройки | Страница цен |
|---|---|---|
| Страница входа | Страница регистрации | Сбросить пароль |
|---|---|---|
| Забыли пароль | Блокировка профиля | Страница обслуживания |
|---|---|---|
| 404 не найден | 500 ошибка сервера | Детская площадка |
|---|---|---|
package.json и запустите локальный сервер разработки, выполнив:Использование НПМ:
npm install
npm run dev
Использование пряжи:
yarn install
yarn dev
Использование ПНПМ:
pnpm install
pnpm dev
Вот список совместимых технологий и руководств для Flowbite и Tailwind CSS:
Замечательное сообщество открытого исходного кода также создало и в настоящее время поддерживает следующие автономные библиотеки для React, Vue, Svelte и Angular:
Мы также написали руководства по интеграции для следующих интерфейсных фреймворков и библиотек:
Flowbite отлично интегрируется с большинством серверных фреймворков, поскольку использует стандартный JavaScript:
В загрузке вы найдете следующие каталоги и файлы:
Flowbite Admin Dashboard
.
├── LICENSE
├── README.md
├── content
├── data
├── layouts
├── node_modules
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
├── static
├── tailwind.config.js
├── webpack.config.js
└── yarn.lock
В настоящее время мы официально стремимся поддерживать две последние версии следующих браузеров:
Мы используем GitHub Issues в качестве официального средства отслеживания ошибок для панели администратора Flowbite. Вот несколько советов для наших пользователей, которые хотят сообщить о проблеме:
Если у вас есть вопросы или вам нужна помощь в интеграции продукта, свяжитесь с нами, а не открывайте проблему.
