この記事では、主にこのブートストラップフレームワークの全体的な機能インターフェイスを紹介し、その中で使用される知識ポイントと全体的なインターフェイスを紹介します。読者がフレームワークについてより直感的で現実的な理解を深めることを願っています。インターフェイスのデザインと関連するアイデアは、学習して改善することができます。また、関連するコンテンツを議論して一緒に改善することもできます。
1。「メトロニックに基づくブートストラップ開発フレームワーク」の技術的特徴
1)最新かつ最も見事なブートストラップレスポンシブフレームワークテクノロジーを採用する
メトロニックベースのブートストラップ開発フレームワーク全体では、インターフェイスパーツの新しいブートストラップテクノロジーを使用し、現在の最新のブートストラップ3.xを採用し、多くの強力なブートストラップコントロールを統合します。
Bootstrapは、多くのプラットフォームで採用できるフロントエンドの技術的なフレームワークです。 Java/PHP/.NETを使用して、フロントエンドインターフェイスを作成できます。 jQueryを統合すると、非常に豊富なインターフェイス効果が得られます。現在、すべての人が使用できるようにできる多くのブートストラッププラグインがあります。このフレームワークは、最も優れたプラグインの多くを結び付け、Webユーザーエクスペリエンスを前例のないレベルに改善できます。
Metronicは、HTML、JS、その他のテクノロジーに基づいた外国のブートストラップ開発フレームワークであり、多くのブートストラップフロントエンドテクノロジーとプラグインを統合しています。それは非常に優れた技術的枠組みです。このフレームワークに基づいて、MVCのWebフレームワークに関する私の研究と組み合わせて、このフレームワークは、MVCに基づいてブートストラップ開発フレームワークを統合して、実際のプロジェクトの構造的ニーズを満たすことができるようにします。
Framework BackEndは、C#ベースのMVCテクノロジーを使用しています。これは、現在.NETが開発した最も成熟した一般的なテクノロジーです。フレームワークバックエンドデータベースは、Oracle、SQLServer、MySQL、SQLite、アクセスなどの通常のデータベースをサポートし、構成を通じて自由に切り替えることができます。エンタープライズライブラリモジュールを使用してデータアクセスを制御し、データアクセスをより便利で簡単にします。
全体的なフレームワーク開発では、Visual Studio 2013とページ編集ツールの崇高なテキストを開発、ページ、およびバックグラウンドコードと組み合わせて使用し、コード生成ツールDatabase2Sharpを使用して迅速に開発して、全体的な開発の効率を最大に改善します。
フレームワークの全体的な構造は次のとおりです。
これにより、コントローラーは良好な継承関係を取得でき、コードが少なく、開発効率が低いWebプロジェクトの開発を実現できます。コントローラー全体の設計アイデアは次のとおりです。
許可制御:優れたコントローラーの設計ルールは、ユーザーインターフェイスがWebインターフェイスのメニュー、ボタン、コンテンツを提示し、アクションの提出制御がすべての許可関数の割り当てと制御の下にあるように、優れたユーザーアクセス制御と許可制御自体を提供できます。
クイックコード生成:優れたアーキテクチャにより、ビジネスロジックレイヤー、コントローラーレイヤー、およびWebインターフェイスのUIレイヤーで統一されたコードロジックを提供できます。これらのコードは、コード生成ツールDatabase2Sharpを介して生成できます。 Webインターフェイスコードは、コード生成ツールDatabase2Sharpのメタデータ情報を完全に使用して、Webインターフェイスの迅速な生成を実現できます。エラーの可能性を効果的に減らし、Webインターフェイスコーディングの開発効率と楽しみを改善し、エンタープライズ内のコーディングモードの効率的な統合を可能にします。
エンタープライズライブラリコードの生成は、インターフェイスを除いて、総合的なフレームワークコードを迅速に生成できます。 BootstrapのWebインターフェイスコード生成は、メトロニックベースのブートストラップのフロントエンドインターフェイスコードとバックグラウンドコントローラーコードを迅速に生成できます。インターフェイスパーツには、クエリ、ページング、データ表示、データのインポートとエクスポート、新規、編集、表示、削除などの基本的な機能インターフェイスが含まれます。世代後、これに基づいてシンプルで迅速な変更を加えるために、実際のニーズを満たし、Webインターフェイスの開発効率を大幅に改善できます。
フレームレイアウト:以下は、私のプロジェクト全体の全体的なレンダリングです。
[システムメニューバー]のコンテンツは、データベースから動的に取得されたメニューです。 [System Top Bar]は、いくつかの情報表示を配置し、個人情報の表示、キャンセル、画面のロック、その他の操作コンテンツなど、個人データの迅速な処理をユーザーに提供します。コンテンツ領域には、通常、[ツリーリストエリア]、[条件クエリエリア]、[リストデータとページネーション]コンテンツ領域が含まれます。主に視覚的に表示されたデータであり、ツリーリストコントロールとテーブルコントロールを介して表示できます。一般に、データも追加、削除、変更、およびページングする必要があるため、さまざまな機能を統合する必要があります。クエリとユーザーのデータの表示に加えて、日常的なデータ処理機能であるインポートおよびエクスポート関連操作も必要です。
メニューの処理と表示:一般的に、管理の利便性のために、メニューは3つのレベルに分割されます。選択したメニューは、他のメニュースタイルとは異なります。メニューを折りたたんで最小化できます。効果は次のとおりです。
2。「メトロニックに基づくブートストラップ開発フレームワーク」のモジュールインターフェイスの紹介
2.1ホームチャートモジュールインターフェイス
2.2システムトップバー機能
2.3業界の動的機能(ポリシーと規制、通知と発表、動的情報)
ポリシー、規制、通知、発表/動的情報リストインターフェイス
編集インターフェイスは次のとおりです。
表示コンテンツインターフェイスは次のとおりです。
2.4顧客情報管理
顧客リストインターフェイスは次のとおりです。
顧客情報編集インターフェイス:
顧客情報インポートインターフェイス:
2.5顧客の連絡先管理
顧客の連絡先追加/インターフェイスの編集
顧客の連絡先視聴インターフェイス
添付情報インターフェイス
2.6アドレス帳管理
連絡先リスト
アドレス帳編集インターフェイスを以下に示します。
2.7許可管理
1)システムユーザーリストインターフェイス
システムユーザーインポートインターフェイス
システムユーザー編集インターフェイス
システムユーザーのポートレートをアップロードおよび編集します
システムユーザー削除確認ダイアログボックス。
システムユーザーのRDLCレポートインターフェイス。
2)組織管理インターフェイス
組織には、ユーザー編集インターフェイスが含まれています
3)ユーザーロール管理
役割運用機能コレクションのショーケース
データ許可制御への役割アクセス:
役割には組織管理が含まれます。
4)システム機能管理
5)システムメニュー管理
メニュー情報インターフェイスの編集:
メニューアイコンインターフェイスを選択します。
6)システムログインログ管理
7)一般的な辞書管理
8)メニューアイコン管理
9)写真アルバム管理
編集画像インターフェイスは次のとおりです。
画像表示インターフェイス
上記は、Bootstrap Metronic Development Framework [8]に基づいて、フレームワークのエクスペリエンス概要によって編集者によって紹介された関連コンテンツです。私はそれが誰にでも役立つことを願っています!