これは、元の Flowbite 管理ダッシュボード リポジトリのフォークです。このフォークは、Express と EJS をテンプレート エンジンとして使用して、ダッシュボードの NodeJS バージョンを作成するために使用されます。
このプロジェクトは、Flowbite のコンポーネントを使用して構築された無料のオープンソース UI 管理ダッシュボード テンプレートで、チャート、テーブル、ウィジェット、CRUD レイアウト、モーダル、ドロワーなどを備えたユーティリティ ファーストの Tailwind CSS フレームワークに基づいています。
この管理ダッシュボードは、Tailwind CSS や Flowbite などのオープンソース領域の最新の UI/UX 開発テクノロジを使用して、プロジェクト用のアプリケーションの構築をすぐに開始するのに役立ちます。
ナビゲーションバー、モーダル、ドロワー、ツールチップなどの対話型コンポーネントはすべて、Flowbite と呼ばれる人気のオープンソース コンポーネント ライブラリに基づいています。これにより、本格的な管理ダッシュボード内でより複雑なページとウィジェットのセットを作成することで、これらの要素を使用できるようになります。テンプレート。
すべてのページ、ウィジェット、およびコンポーネントは、Tailwind CSS のユーティリティファースト クラスのみに基づいており、テンプレート パスに基づいてすべてのクラスを自動的に削除することにより、テクノロジーの最新のv3.x
と互換性があります。
チャート ウィジェット、テーブル、日付ピッカー、統計情報を含むダッシュボードのホームページの 2 つの異なるレイアウトと、製品、ユーザー、設定ページ、ログインと登録のための認証ページ、さらには 2 つの CRUD レイアウト ページを含む 15 の高度なサンプル ページから始めてください。カスタム 404 および 500 エラー ページ。
この管理ダッシュボードには、Flowbite だけでなく、Tailwind CSS クラスでカスタム調整され、Flowbite デザイン システムに基づいて設計された ApexCharts などの他のサードパーティ ライブラリの両方からの高度なコンポーネントが多数含まれています。
このプロジェクトを使用する場合は、このダッシュボードの構築に使用したコンポーネント ライブラリについても検討することをお勧めします。そのライブラリのさらに多くのコンポーネントを使用して、ここで既にコーディングした例を拡張できるからです。
この製品は、広く使用されている次のテクノロジーを使用して構築されています。
ダッシュボード | 積み上げレイアウト | 製品(CRUD) |
---|---|---|
ユーザー (CRUD) | 設定 | 価格ページ |
---|---|---|
ログインページ | 登録ページ | パスワードをリセットする |
---|---|---|
パスワードをお忘れですか | プロファイルロック | メンテナンスページ |
---|---|---|
404が見つかりません | 500サーバーエラー | 遊び場 |
---|---|---|
package.json
ファイルからプロジェクトの依存関係をインストールし、以下を実行してローカル開発サーバーを起動します。NPM の使用:
npm install
npm run dev
糸の使用:
yarn install
yarn dev
PNPM の使用:
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
現時点では、次のブラウザの最後の 2 つのバージョンを正式にサポートすることを目指しています。
Flowbite 管理者ダッシュボードの公式バグ トラッカーとして GitHub Issues を使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。
ご質問がある場合、または製品の統合についてサポートが必要な場合は、問題を解決するのではなく、お問い合わせください。