I.はじめに

以前の研究では、我々は伝統的なASP.NET MVCコアCRUD機能を実現するだけでなく、使用ABPは、CRUD機能を実装するためのWebAPIの方法を提供を可能にしています。今日は別のキーコンポーネント--EasyUIタイトルについて学びます。どのように簡単にUIを使用してCRUDページの機能を実装します。

第二に、フロントエンドフレームEasyUI

EasyUI国内の評判はのことを聞いた、だけでなく、DotNetの環境に、より適しているどのように多くの、使用されていない場合でも、開発者として、小型のフロントエンドのフレームワークではありません。

今主流のフロントエンドの開発フレームワークは、角のVue、、企業の情報管理システムの開発がある場合は、3を反応させるのですが、個人的な感情はEasyUI便利です。EasyUIは今のVueに基づいてユーザインタフェースを実装することができますjQueryのプラグインのコレクションに基づいて、ユーザインタフェース、としてスタートし、角度、これらの最新のスクリプトライブラリを反応します。EasyUIの目標は、より簡単に、豊富な機能を備えた、美しいUIインターフェイスを作成するために、Web開発者を支援することです。EasyUIは異なるページスタイルに対するユーザの嗜好を満たすために、皮膚の様々なサポートしています。その上のフォーム、ドロップダウンボックス、メニュー、ダイアログボックス、ラベル、フォーム、ボタン、データグリッド、ツリーテーブル、パネル、および：EasyUIは、次のようなほとんどのUIコントロールを備えています。

今バージョン1.8にアップデートEasyUI。EasyUIダウンロード： http://www.jeasyui.com/download/list.php

私は\ libフォルダEasyUI 1.8.1バージョン、jquery-easyui-1.8.1.zip解凍する圧縮ファイルをダウンロードし、ダウンロードし、wwwrootの「ABP.TPLMS.Web.Mvc」プロジェクトでeasyuiというファイルを作成しますeasyui関連資料を保存するフォルダ-1.8。以下に。

第三に、レイアウトファイル内EasyUIの導入

また、前にこのプロジェクトでは、我々は、アイテムを交換する必要はありません。

1）のVisual Studio 2017の「ソリューションエクスプローラ」で、ドメイン層「ABP.TPLMS.Web.Mvc」プロジェクトビューの\共有ディレクトリを右クリックします。ファイルを見つけ、その後、エディタで開くにはダブルクリックして、マウスを使用し_Layout.cshtml。開発環境でのみEasyUI関連のCSSファイルを参照します。以下に。

具体的なコードは次のよう：

< リンクのhref = "〜/ easyui-1.8 / libに/テーマ/ icon.css" のrel = "スタイルシート" ASP-APPENDバージョン= "真"  /> 

< リンクのhref = "〜/ easyui-1.8 / libに/テーマ/ブートストラップ/ easyui.css」のrel = "スタイルシート" ASP-APPENDバージョン= "真"  />

2）また、中_Layout.cshtmlファイル、開発環境でのjsファイル関連参照EasyUI。以下に。

具体的なコードは次のよう：

   < スクリプトSRC = "〜/ libに/ easyui-1.8 / jquery.easyui.min.js" > </ スクリプト> 

    < スクリプトSRC = "〜/ libに/ easyui-1.8 /ロケール/ easyui-LANG-zh_CN.js" > </ スクリプト>

3）上記のファイルの導入と開発環境でのみ役割を果たしています。現実には、開発が完了した後に、本番環境で使用することです。我々は、すべての環境での関連参照EasyUI CSSファイルを見てみましょう。以下に。

3）すべての環境でEasyUI関連のJSファイルを参照します。以下に。

ここで実行し、我々は我々のプロジェクトでEasyUIを導入しています。

ABP（ネットコア）+ easyui + efcore倉庫管理システムを実装--EasyUIフロントページフレーム（XVIII）

ディレクトリ

第二に、フロントエンドフレームEasyUI

第三に、レイアウトファイル内EasyUIの導入

おすすめ