MVCチュートリアルの改修項目のバックアップ(No.6)

注文画面の表示
- 初期表示
  url : /Order
  method : public ActionResult? Index()
- 詳細表示
  url : /Order?selectedRow=X
  method : 同上
- ページング
  url : /Order?page=X
  method : 同上
- ソーティング
  url : /Order?sortdir=ASC&sort=XXXXX
  method : 同上

注文明細画面の表示
- 初期表示：注文情報表示
  url : /Order/Order?OrderId?=XXXXX
  method : public ActionResult? Order(string OrderId?)

注文情報更新フォーム表示
url : /Order/GetOrderDetails??OrderId?=XXXXX&g1selectedRow=X
method : public ActionResult? GetOrderDetails?(int? id)

注文情報更新処理
url : /Order/UpdateModel_OrderSummary?
method : [HttpPost?] public ActionResult? UpdateModel_OrderSummary?(・・・

注文明細情報表示
url : /Order/GetOrderDetails?/XXXXX
method : public ActionResult? GetOrderDetails?(int? id)

注文明細情報更新フォーム表示
url : /Order/GetOrderDetails?/XXXXX?selectedRow=X
method : public ActionResult? GetOrderDetails?(int? id)

注文明細情報更新処理
url : /Order/UpdateModel_OrderDetails?
method : [HttpPost?] public ActionResult? UpdateModel_OrderDetails?(・・・

データベースの更新処理
url : /Order/UpdateDatabase?
method : [HttpPost?] public ActionResult? UpdateDatabase?()

↑

改修予定項目 †

↑

モジュール化の方針 †

「スキャフォールディング方式」から「ASPXライクな１画面１モジュール方式」へ。

↑

モジュール構成 †

↑

M:Model †

現状、戻り値クラスを直接、Modelとして使用しているが、
戻り値クラスにobjectフィールドを定義、ModelフォルダにModelとなるBeanを定義し、
戻り値クラスのobjectフィールドを使用してModelとなるBeanを渡したほうがイイのでは？

また、以下の機能を活用するように実装しても良い。
- バインディング
  - モデルバインディング
  - 双方向モデルバインディング

DataType?属性などのModelMetadata?の追加
- テンプレート・ヘルパーの活用
- Validation機能の実装

↑

V:View †

_SampleLayout?.cshtml

旧

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />

    @* ViewBag.Title に指定した値を画面のタイトルとする *@
    <title>@ViewBag.Title</title>

    @* アプリケーションで共通的な JavaScript, CSS を定義 *@
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />

    @* ビュー側に記述可能なセクションを定義 *@
    @RenderSection("scripts", required: false)
</head>
<body>
    @* アプリケーションで共通的な UI 要素の例 (ここでは、h1 タグを定義する) *@
    <h1>Touryo Sample</h1>

    @* 各コンテンツ部分 *@
    @RenderBody()
</body>
</html>

新

@{
    Layout = null;
}

@* マスタ・ページに相当 *@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />

    @* ViewBag.Title に指定した値を画面のタイトルとする *@
    <title>@ViewBag.Title</title>

    @* アプリケーションで共通的な JavaScript, CSS を定義 *@
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.9.2.min.js"></script>
    <script src="~/Framework/Js/common.js"></script>

    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/themes/base/smoothness/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />

    @* ビュー側に記述可能なセクションを定義 *@
    @RenderSection("scripts", required: false)

    <script type="text/javascript">
        URL = '@Url.Action("Index", "Ping")';
    </script>

</head>
<body>
    @* アプリケーションで共通的な UI 要素の例 (ここでは、h1 タグを定義する) *@
    <h1>Touryo Sample</h1>

    @* 各コンテンツ部分 *@
    @RenderBody()
</body>
</html>

↑

C:Control †

「ASPXライクな１画面１モジュール方式」を採用する。

OrderController?
OrderDetailController?

MVCチュートリアルの改修項目 のバックアップ(No.6)

目次 †

概要 †

現状の設計全容 †

BeginForm? †

モジュール化の方針 †

モジュール構成 †

M:Model †

V:View †

C:Control †

改修予定項目 †

モジュール化の方針 †

モジュール構成 †

M:Model †

V:View †

C:Control †

MVCチュートリアルの改修項目のバックアップ(No.6)