ASP.NET MVC の Modernization
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>ASP.NET の Modernization]]
* 目次 [#cb2dcf69]
#contents
*概要 [#p4222e1f]
コチラの内容をまとめた。
-Modify template : Add the Startup class to template to c...
https://github.com/OpenTouryoProject/OpenTouryo/issues/198
-Modify template : Link Bootstrap and jQuery from the tem...
https://github.com/OpenTouryoProject/OpenTouryo/issues/199
-Modify template : Correspond the JavaScript and CSS to b...
https://github.com/OpenTouryoProject/OpenTouryo/issues/200
-Modify template : Maintenance of the master page.~
https://github.com/OpenTouryoProject/OpenTouryo/issues/201
*[[共通項>ASP.NET の Modernization]] [#le39c2c1]
[[コチラ>ASP.NET の Modernization]]を参照。
*[[BundleConfig>ASP.NET の BundleConfig]] [#b48396de]
基本的な事項は、[[コチラ>ASP.NET の BundleConfig]]を参照。
**Bundle & Minification [#wefbae22]
必要に応じて、追加の[[BundleConfig>ASP.NET の BundleConfi...
***インストール [#nbca941f]
[[共通項>ASP.NET の Modernization]]でインストールしたパッ...
-jQuery Validation Plugin ( MVC の Validation で使ってい...
--既存のフォームのドロップイン検証を提供する。~
アプリケーションに合わせてあらゆるカスタマイズを簡単でき...
--インストール方法
Install-Package jQuery.Validation
-jQuery Unobtrusive Ajax~
https://github.com/aspnet/jquery-ajax-unobtrusive
--公式サイトにも殆ど情報が無いが、Ajax.BeginFormを実行す...
--インストール方法
Install-Package Microsoft.jQuery.Unobtrusive.Ajax
-jQuery Unobtrusive Validation~
https://github.com/aspnet/jquery-validation-unobtrusive
--公式サイトにも殆ど情報が無いが、Ajax.BeginForm での Val...
--インストール方法
Install-Package Microsoft.jQuery.Unobtrusive.Validation
***定義方法 [#z6ec33f3]
-BundleConfigを追加する。
public class BundleConfig
{
public static void RegisterBundles(BundleCollecti...
{
// see : https://www.asp.net/ajax/cdn
string jqueryVersion = "3.1.1";
BundleTable.EnableOptimizations = true;
BundleTable.Bundles.UseCdn = true; // same as...
// ( new ScriptBundle("~/XXXX") のパスは実在...
// なので、bundlesと実在しないpathを指定して...
bundles.Add(new ScriptBundle("~/bundles/app")...
"~/Scripts/app/Site.js"));
bundles.Add(new ScriptBundle("~/bundles/otr")...
"~/Scripts/otr/common.js",
"~/Scripts/otr/ie_key_event.js",
"~/Scripts/otr/else.js"));
bundles.Add(new ScriptBundle(
"~/bundles/jquery",
string.Format("//ajax.aspnetcdn.com/ajax/...
{
CdnFallbackExpression = "window.jQuery"
}.Include(string.Format("~/Scripts/jquery...
bundles.Add(new ScriptBundle(
"~/bundles/jqueryval",
"//ajax.aspnetcdn.com/ajax/jquery.validat...
{
CdnFallbackExpression = "window.jQuer...
}.Include("~/Scripts/jquery.validate.js"));
bundles.Add(new ScriptBundle(
"~/bundles/jqueryvaluno",
"//ajax.aspnetcdn.com/ajax/mvc/5.2.3/jque...
{
CdnFallbackExpression = "window.jQuer...
}.Include("~/Scripts/jquery.validate.unob...
bundles.Add(new ScriptBundle("~/bundles/jquer...
"~/Scripts/jquery.unobtrusive-ajax.js"));...
// 開発と学習には、Modernizr の開発バージョン...
// http://modernizr.com にあるビルド ツールを...
bundles.Add(new ScriptBundle(
"~/bundles/modernizr",
"//ajax.aspnetcdn.com/ajax/modernizr/mode...
{
CdnFallbackExpression = "window.Moder...
}.Include("~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle(
"~/bundles/bootstrap",
"//ajax.aspnetcdn.com/ajax/bootstrap/3.3....
{
CdnFallbackExpression = "window.jQuer...
}.Include("~/Scripts/bootstrap.js"));
bundles.Add(new ScriptBundle(
"~/bundles/respond",
"//ajax.aspnetcdn.com/ajax/respond/1.4.2/...
{
CdnFallbackExpression = "window.respo...
}.Include("~/Scripts/respond.js"));
bundles.Add(new StyleBundle("~/bundles/css")....
"~/Content/bootstrap.css",
"~/Content/themes/base/all.css",
"~/Content/themes/base/jquery-ui....
"~/Content/otr/Style.css",
"~/Content/app/Site.css"));
}
}
-BundleConfigを呼び出す。
public class Startup
{
public void Configuration(IAppBuilder app)
{
// アプリケーションの設定方法の詳細については...
// アプリケーションのスタートアップで実行する...
//
AreaRegistration.RegisterAllAreas();
//
WebApiConfig.Register(GlobalConfiguration.Con...
// グローバルフィルタの登録
FilterConfig.RegisterGlobalFilters(GlobalFilt...
// URLルーティングの登録
RouteConfig.RegisterRoutes(RouteTable.Routes);
// バンドル＆ミニフィケーションの登録
BundleConfig.RegisterBundles(BundleTable.Bund...
}
}
**[[CDN>CDN（Content Delivery Network）]]フォールバック [...
-[[ASP.NET MVC]]のCDNフォールバックは、
ScriptBundleクラスで行なう。
-[[ASP.NET Web Forms]]では、コレに加えて、ScriptManagerに...
-[[ASP.NET MVC]]のCDNフォールバックの設定方法など、詳しく...
**リンクのさせ方 [#xbdfa1a0]
@* マスタ・ページに相当 *@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
@Styles.Render("~/bundles/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@RenderSection("HeaderSection", required: true)
</head>
<body onload="Fx_Document_OnLoad(); Fx_AdjustStyle();">
@RenderBody()
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryuno")
@Scripts.Render("~/bundles/otr")
@Scripts.Render("~/bundles/app")
@RenderSection("FooterSection", required: true)
</body>
</html>
*[[RouteConfig>ASP.NET の RouteConfig]] [#z952e103]
[[ASP.NET MVC]]では、既定で設定ができている。
*その他 [#b8b41b9b]
Model Bindingや非同期コントローラーを使用するように修正す...
-Modify template : Modernization of the implementation of...
Issue #215 · OpenTouryoProject/OpenTouryo~
https://github.com/OpenTouryoProject/OpenTouryo/issues/215
*参考 [#md5b9f16]
**[[BundleConfig>ASP.NET の BundleConfig]] [#r8f5da6a]
***Bundle と Minification [#d2257292]
-jQuery UI
--ASP.NET Razor Jqueryuiの使い方 | Yutaka Hirata~
http://rich.hrd.co.jp/asp-net-razor-jueryui%E3%81%AE%E4%B...
--クライアント側検証の無効化~
http://surferonwww.info/BlogEngine/post/2015/02/17/disabl...
-Ajax.BeginForm
--MVC5 Ajax.BeginForm()を利用するための手順 - Qiita~
http://qiita.com/m-otoguro/items/1250015aed6907a8d9e7
--asp.net mvc 5 - Ajax.BeginForm doesn't fire AJAX script...
http://stackoverflow.com/questions/21831451/ajax-beginfor...
***[[CDN>CDN（Content Delivery Network）]]フォールバック ...
**[[RouteConfig>ASP.NET の RouteConfig]] [#je500e98]
・・・
----
Tags: [[:.NET開発]], [[:ASP.NET]], [[:ASP.NET MVC]], [[:O...
終了行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>ASP.NET の Modernization]]
* 目次 [#cb2dcf69]
#contents
*概要 [#p4222e1f]
コチラの内容をまとめた。
-Modify template : Add the Startup class to template to c...
https://github.com/OpenTouryoProject/OpenTouryo/issues/198
-Modify template : Link Bootstrap and jQuery from the tem...
https://github.com/OpenTouryoProject/OpenTouryo/issues/199
-Modify template : Correspond the JavaScript and CSS to b...
https://github.com/OpenTouryoProject/OpenTouryo/issues/200
-Modify template : Maintenance of the master page.~
https://github.com/OpenTouryoProject/OpenTouryo/issues/201
*[[共通項>ASP.NET の Modernization]] [#le39c2c1]
[[コチラ>ASP.NET の Modernization]]を参照。
*[[BundleConfig>ASP.NET の BundleConfig]] [#b48396de]
基本的な事項は、[[コチラ>ASP.NET の BundleConfig]]を参照。
**Bundle & Minification [#wefbae22]
必要に応じて、追加の[[BundleConfig>ASP.NET の BundleConfi...
***インストール [#nbca941f]
[[共通項>ASP.NET の Modernization]]でインストールしたパッ...
-jQuery Validation Plugin ( MVC の Validation で使ってい...
--既存のフォームのドロップイン検証を提供する。~
アプリケーションに合わせてあらゆるカスタマイズを簡単でき...
--インストール方法
Install-Package jQuery.Validation
-jQuery Unobtrusive Ajax~
https://github.com/aspnet/jquery-ajax-unobtrusive
--公式サイトにも殆ど情報が無いが、Ajax.BeginFormを実行す...
--インストール方法
Install-Package Microsoft.jQuery.Unobtrusive.Ajax
-jQuery Unobtrusive Validation~
https://github.com/aspnet/jquery-validation-unobtrusive
--公式サイトにも殆ど情報が無いが、Ajax.BeginForm での Val...
--インストール方法
Install-Package Microsoft.jQuery.Unobtrusive.Validation
***定義方法 [#z6ec33f3]
-BundleConfigを追加する。
public class BundleConfig
{
public static void RegisterBundles(BundleCollecti...
{
// see : https://www.asp.net/ajax/cdn
string jqueryVersion = "3.1.1";
BundleTable.EnableOptimizations = true;
BundleTable.Bundles.UseCdn = true; // same as...
// ( new ScriptBundle("~/XXXX") のパスは実在...
// なので、bundlesと実在しないpathを指定して...
bundles.Add(new ScriptBundle("~/bundles/app")...
"~/Scripts/app/Site.js"));
bundles.Add(new ScriptBundle("~/bundles/otr")...
"~/Scripts/otr/common.js",
"~/Scripts/otr/ie_key_event.js",
"~/Scripts/otr/else.js"));
bundles.Add(new ScriptBundle(
"~/bundles/jquery",
string.Format("//ajax.aspnetcdn.com/ajax/...
{
CdnFallbackExpression = "window.jQuery"
}.Include(string.Format("~/Scripts/jquery...
bundles.Add(new ScriptBundle(
"~/bundles/jqueryval",
"//ajax.aspnetcdn.com/ajax/jquery.validat...
{
CdnFallbackExpression = "window.jQuer...
}.Include("~/Scripts/jquery.validate.js"));
bundles.Add(new ScriptBundle(
"~/bundles/jqueryvaluno",
"//ajax.aspnetcdn.com/ajax/mvc/5.2.3/jque...
{
CdnFallbackExpression = "window.jQuer...
}.Include("~/Scripts/jquery.validate.unob...
bundles.Add(new ScriptBundle("~/bundles/jquer...
"~/Scripts/jquery.unobtrusive-ajax.js"));...
// 開発と学習には、Modernizr の開発バージョン...
// http://modernizr.com にあるビルド ツールを...
bundles.Add(new ScriptBundle(
"~/bundles/modernizr",
"//ajax.aspnetcdn.com/ajax/modernizr/mode...
{
CdnFallbackExpression = "window.Moder...
}.Include("~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle(
"~/bundles/bootstrap",
"//ajax.aspnetcdn.com/ajax/bootstrap/3.3....
{
CdnFallbackExpression = "window.jQuer...
}.Include("~/Scripts/bootstrap.js"));
bundles.Add(new ScriptBundle(
"~/bundles/respond",
"//ajax.aspnetcdn.com/ajax/respond/1.4.2/...
{
CdnFallbackExpression = "window.respo...
}.Include("~/Scripts/respond.js"));
bundles.Add(new StyleBundle("~/bundles/css")....
"~/Content/bootstrap.css",
"~/Content/themes/base/all.css",
"~/Content/themes/base/jquery-ui....
"~/Content/otr/Style.css",
"~/Content/app/Site.css"));
}
}
-BundleConfigを呼び出す。
public class Startup
{
public void Configuration(IAppBuilder app)
{
// アプリケーションの設定方法の詳細については...
// アプリケーションのスタートアップで実行する...
//
AreaRegistration.RegisterAllAreas();
//
WebApiConfig.Register(GlobalConfiguration.Con...
// グローバルフィルタの登録
FilterConfig.RegisterGlobalFilters(GlobalFilt...
// URLルーティングの登録
RouteConfig.RegisterRoutes(RouteTable.Routes);
// バンドル＆ミニフィケーションの登録
BundleConfig.RegisterBundles(BundleTable.Bund...
}
}
**[[CDN>CDN（Content Delivery Network）]]フォールバック [...
-[[ASP.NET MVC]]のCDNフォールバックは、
ScriptBundleクラスで行なう。
-[[ASP.NET Web Forms]]では、コレに加えて、ScriptManagerに...
-[[ASP.NET MVC]]のCDNフォールバックの設定方法など、詳しく...
**リンクのさせ方 [#xbdfa1a0]
@* マスタ・ページに相当 *@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
@Styles.Render("~/bundles/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@RenderSection("HeaderSection", required: true)
</head>
<body onload="Fx_Document_OnLoad(); Fx_AdjustStyle();">
@RenderBody()
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryuno")
@Scripts.Render("~/bundles/otr")
@Scripts.Render("~/bundles/app")
@RenderSection("FooterSection", required: true)
</body>
</html>
*[[RouteConfig>ASP.NET の RouteConfig]] [#z952e103]
[[ASP.NET MVC]]では、既定で設定ができている。
*その他 [#b8b41b9b]
Model Bindingや非同期コントローラーを使用するように修正す...
-Modify template : Modernization of the implementation of...
Issue #215 · OpenTouryoProject/OpenTouryo~
https://github.com/OpenTouryoProject/OpenTouryo/issues/215
*参考 [#md5b9f16]
**[[BundleConfig>ASP.NET の BundleConfig]] [#r8f5da6a]
***Bundle と Minification [#d2257292]
-jQuery UI
--ASP.NET Razor Jqueryuiの使い方 | Yutaka Hirata~
http://rich.hrd.co.jp/asp-net-razor-jueryui%E3%81%AE%E4%B...
--クライアント側検証の無効化~
http://surferonwww.info/BlogEngine/post/2015/02/17/disabl...
-Ajax.BeginForm
--MVC5 Ajax.BeginForm()を利用するための手順 - Qiita~
http://qiita.com/m-otoguro/items/1250015aed6907a8d9e7
--asp.net mvc 5 - Ajax.BeginForm doesn't fire AJAX script...
http://stackoverflow.com/questions/21831451/ajax-beginfor...
***[[CDN>CDN（Content Delivery Network）]]フォールバック ...
**[[RouteConfig>ASP.NET の RouteConfig]] [#je500e98]
・・・
----
Tags: [[:.NET開発]], [[:ASP.NET]], [[:ASP.NET MVC]], [[:O...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
