jquery に基づいて開発された UI フレームワークには、DWZ、Ninja UI、Chico UI、PrimeUI、w2ui、jQuery UI、EasyUI、Liger UI、MiniUI、Smart UI、jwwui、jQueryTools、B-JUI などが含まれます。
![jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/article/000/000/024/5fdc59c2641ae670.jpg)
#推奨チュートリアル:
jquery ビデオ チュートリアル
jquery に基づいて開発された UI フレームワーク
1. 国産 jQuery UI フレームワーク (jUI) DWZ
![160827602283667jqueryをベースに開発されたUIフレームワークとは何ですか? jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/601/929/726/160827602283667jquery%E3%82%92%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%95%E3%82%8C%E3%81%9FUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B?)
DWZ リッチ クライアント フレームワーク (jQuery RIA フレームワーク) は中国人によって開発され、jQuery Ajax RIA に基づいて実装されていますオープン ソース フレームワーク。設計の目標は、シンプルかつ実用的であり、迅速に開発し、Ajax 開発コストを削減することです。
2. jQuery インターフェースプラグイン Ninja UI
![160827612797687jqueryをベースに開発されたUIフレームワークとは何ですか? jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/659/905/328/160827612797687jquery%E3%82%92%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%95%E3%82%8C%E3%81%9FUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B?)
jQuery は非常に優れた JavaScript フレームワークであり、かなりの数のプラグインがあります。インターフェイス プラグインである Ninja UI など、UI プラグインの中には非常に強力なものもあり、これを使用するとプロジェクトに多くの色を加えることができます。このプラグインには、スライドショーやスマート リマインダーなどの一般的な効果が含まれています。
3. jQuery の UI フレームワーク Chico UI
jQuery UI と同様に、Chico UI にはオートコンプリート、ブリンク、カルーセル、カウントダウン、日付ピッカー、ドロップダウン、展開、カレンダー、その他多くの機能が含まれています。 、Web ページのレイアウトとテーブルを実装するための CSS レイアウト フレームワークも提供します。
4. jQuery UI コンポーネント ライブラリ PrimeUI
![160827610689132jqueryをベースに開発されたUIフレームワークとは何ですか? jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/940/856/664/160827610689132jquery%E3%82%92%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%95%E3%82%8C%E3%81%9FUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B?)
PrimeUI は PrimeFaces チームの jQuery UI コンポーネント ライブラリであり、現在複数の UI パーツが含まれています
5. Jquery の UI ライブラリ w2ui
![160827614798629jqueryをベースに開発されたUIフレームワークとは何ですか? jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/800/584/228/160827614798629jquery%E3%82%92%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%95%E3%82%8C%E3%81%9FUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B?)
Jquery ベースの UI ライブラリ。レイアウト、テーブル、ツリー、タブ、ツールバー、ポップアップなどの一般的な UI コンポーネントが含まれます。メニュー、フォームなど
Html5 CSS3 で書かれており、Chrome、FireFox7、Safari 5、IE 9 などの一般的に使用されるブラウザをサポートできます。
6. jQuery UI コンポーネント jQuery UI
jQueryUI は、タブ (タブの右上隅など) など、一般的に使用される多くのページ スペースを含む jQuery ページ UI プラグインのセットです。本サイトのホームページ)、プルカーテン効果(本サイトのホームページ左上)、ダイアログボックス、ドラッグアンドドロップ効果、日付選択、色選択、データ並べ替え、フォームサイズ調整など。
7. jQuery EasyUI
jQuery easyui は、メニュー、ダイアログ ボックス、レイアウト、カーテン、テーブル、フォーム、その他のコンポーネントを含む、Web 開発用の一般的な UI コンポーネントを多数提供します。 ##下の図は、レイアウト効果のあるウィンドウです:
8. jQuery の UI フレームワーク Liger UI![160827608560677jqueryをベースに開発されたUIフレームワークとは何ですか? jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/969/113/684/160827608560677jquery%E3%82%92%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%95%E3%82%8C%E3%81%9FUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B?)
LigerUI は、jQuery に基づいて開発された一連のプログラムです。フォーム、レイアウト、テーブル、およびその他の一般的に使用される UI コントロールを含むコントロール グループは、LigerUI
9 を使用して統一されたインターフェイス効果を迅速に作成できます。WebUI の迅速な開発 -- jQuery MiniUI
jQuery MiniUI - 迅速な開発開発WebUI。コントロールが含まれます: DataGrid、Tree、TreeGrid、Menu、ツールバー、タブ、レイアウト、パネル、DatePicker、ComboBox、TreeSelect、TextBoxList など。一般的なアプリケーション: ページ レイアウト、CRUD、マスター/詳細、データ検証など。
10. jQuery の UI プラグイン Smart UI
JQuery Smart UI は、フロントとバックエンド、関数とデータの分離を実現する JQuery ベースの Ajax 開発フレームワークです。すべて htm js json を使用して完了し、統一されたデータ インターフェイスを通じてサーバーとデータを交換します。
11. jquery ベースのリッチ クライアント フレームワーク jwwui
## · jwwui は、jQuery に基づいて記述された HTML コンポーネントのセットです。機能とスタイル 高い自由度があり、各コンポーネントはカスタム スタイルをサポートし、コンポーネントの適応をサポートします。
· ページは高効率で実行されます。リッチ クライアントのように見えますが、実行速度は軽量の Web ページと同様です。ローカル マシンまたはローカル エリア ネットワークではより高速です。
12. jQuery の UI ツールキット jQueryTools
jQuery Tools は、タブ、ツール チップ ToolTip、ウィンドウ スクロール、オーバーラップ、エクスポーズ、およびFlash embed、jQuery Tools のサイズはわずか 5.8k (強く推奨)。
下の図はタブ コントロールのスクリーンショットです
13、B-JUI
![1608276214154860.png jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/739/130/232/1608276214154860.png)
B-JUI クライアント フレームワーク (Best jQuery UI) は、ブートストラップ スタイルと jQuery ライブラリに基づく Ajax RIA オープン ソース フレームワークです。
B-JUI クライアント フレームワークは拡張が容易で使いやすいため、HTML 構文と HTML 属性の使用に精通していれば、多くの場合、Ajax を使用したプロジェクトを簡単に開発できます。これは、JavaScript に詳しくないプログラマーにとって非常に便利です。バックエンド ビジネス ロジックの実装に集中する必要があるだけで済み、フロントエンド ページに HTML コードを記述するだけで済みます。
このフレームワークは、Bootstrap フロントエンド スタイルと jQuery ライブラリに基づいて開発されており、豊富なコンポーネントと UI を提供しています。さまざまなコンポーネントと関連する Ajax リクエスト呼び出しをカプセル化し、それらはすべて jQuery の形式で結合されています標準プラグインなので二次開発や拡張にも大変便利です。
14. Webix
![160827626629179jqueryをベースに開発されたUIフレームワークとは何ですか? jqueryをベースに開発されたUIフレームワークとは何ですか?](https://img.php.cn/upload/image/764/750/609/160827626629179jquery%E3%82%92%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%95%E3%82%8C%E3%81%9FUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B?)
XB Software Company は最近、45 を超えるコンポーネントを含む JavaScript UI ライブラリ Webix をリリースしました。これらのコンポーネントは HTML5 の構築に使用できます。パソコンだけでなく、iOS、Android、Blackberry デバイスでも実行できる CSS3 互換プログラム。オフライン Web ストレージ、地理位置情報 API にアクセスでき、キャンバス上に描画でき、jQuery と Backbone.js を統合します。
プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !
以上がjqueryをベースに開発されたUIフレームワークとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。