Sencha Ext JSは現在、マルチプラットフォームとマルチデバイスをサポートする世界で最も高度で強力なJavaScriptアプリケーション開発フレームワークです。まず、Ext JSの開発の簡単な歴史を見てみましょう。
1 ext JSの開発の簡単な歴史
1。Yu-extの著者であるJack Slocumは、BSDプロトコルに基づいてYahooユーザーインターフェイス(YUI)ライブラリをカスタマイズする予定ですが、後に彼はかつて父親のユイを覆い隠しました。
2。2006年の終わりに、Yu-extは拡張するために簡素化され、その成熟度と独立性を枠組みとして反映しました。同社は2007年初頭に設立され、EXTはLGPLとビジネスライセンスを使用して、二重ライセンスとなっています。
3。2007年4月1日に、1.0の公式バージョンがリリースされ、現在のバージョンは6.0です。
4. 4.0から、MVC/MVVMスタイルのアプリケーションアーキテクチャとSCSが導入されました。
5. 5.0から、IE5、6、7など、古いブラウザはサポートされなくなりました。
6. 6.0から、Sencha Touchとextjsが1つに結合され、ユーザーが従来のデスクトップとタブレットまたは携帯電話の両方をサポートできるアプリケーションを開発できることを示しています。
2開発準備
1.最初に、Ext JS SDKをダウンロードし、ExtJS 6.0 SDK GPL https://www.sencha.com/legal/gpl/の公式バージョンをダウンロードする必要があります。商用アプリケーションが必要な場合は、商用バージョンをダウンロードしてください。ディスクDに解凍します。
2。Senchaツールをダウンロードします。 JRE7+がシステムにインストールされていないと仮定すると、JREバージョンを使用してSenchaツールをダウンロードして、それを正常にインストールしてください。
3プロジェクト作成
1.管理者とともにコマンドラインを開き、CD /DD: /ext-6.0.0を使用してSDKディレクトリに入ります
2。Sencha-sdk ./ext-6.0.0を使用して、App -Classic Cmmpwebui ./cmpwebuiコマンドを生成して、Ext -6.0.0バージョンに基づいてCMMPWebuiという名前のアプリを作成します。
ディレクトリd:/ext-6.0.0でcmpwebuiプロジェクトファイルを生成します。ファイル構造は次のとおりです。
3.プロジェクトファイルを入力し、 Senchaアプリを使用してプロジェクトのプレビューを視聴します。ポート番号はデフォルトでは1841年です。現在利用可能な場合は、増加します。ここでは、港は1842年です
ブラウザにhttp:// localhost:1842/を入力してプレビューします。それは私が最初に思っていたものとは異なります。公式の例が含まれています。 [例を表示]をクリックして表示できます。
それで、あなたが自分で作成したプロジェクトはどこにありますか? http:// localhost:1842/cmpwebui/を入力して表示できます
4.プロジェクトリリース、Sencha App Buildでコンパイルします
コンパイルが完了した後、Ext-6.0.0の下で公開されたプロジェクトをビルドファイルの下に見ることができます。
5.IISプロジェクトがリリースされた場合、JSONを解析するためにIISを構成することに注意する必要があります。そうしないと、Webサイトはプレビューされません。
実際には実行するのは非常に簡単です。 *.jsonファイルをWebサーバーによって解析することができる限り、IIS7は例として使用されます。
1)IIS7 ASPサポートをインストールします
コントロールパネル - >プログラムと機能 - > Windows機能のオンとオフ機能 - >ロール - >ロールサービスの追加 - >アプリケーション開発 - > SELECT ASP
2)デフォルトのWebサイトにMIMEタイプを追加します
追加 - >ファイル拡張子はjson、mimeタイプはテキスト/jsonです(またはアプリケーション/x-javascriptも大丈夫です)
3)デフォルトのWebサイトのスクリプトマッピングをインストールします
ハンドラーマッピング - >スクリプトマッピングの追加。リクエストパスは *.jsonです、実行可能ファイルは%windir%/system32/inetsrv/asp.dllです、名前はjsonです
4)index.htmlをデフォルトのドキュメントに追加します
5)IIS6の下で仮想ディレクトリと呼ばれるデフォルトのWebサイトでSenchatouchアプリケーションを作成します。
6)Chomeでプレビューします(つまり、サポートしていません)
構成が完了した後、フォルダに追加のweb.configがあることがわかります
Webページを更新するだけです:
上記の記事Sencha Ext JS 6クイックスタート(必須読み取り)は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。