ASP.NET MVC 实战演练

关于MVC,已经有了很多的讨论。这一篇我用一个简单的实例演示了如何使用它,以及几个常见问题的解答。我推荐大家要了解一下MVC,尽可能地话,提前尝试用他做一些项目,这样理解会更加深刻

1. 添加一个Controller。在Controllers目录,点右键,有专门一个菜单项

image

注意:这里的命名规范是后缀为Controller

默认生成的代码如下

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Mvc.Ajax;

namespace MvcApplication1.Controllers
{
    public class CustomerController : Controller
    {
        //
        // GET: /Customer/

        public ActionResult Index()
        {
            return View();
        }

        //
        // GET: /Customer/Details/5

        public ActionResult Details(int id)
        {
            return View();
        }

        //
        // GET: /Customer/Create

        public ActionResult Create()
        {
            return View();
        } 

        //
        // POST: /Customer/Create

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Create(FormCollection collection)
        {
            try
            {
                // TODO: Add insert logic here

                return RedirectToAction("Index");
            }
            catch
            {
                return View();
            }
        }

        //
        // GET: /Customer/Edit/5
 
        public ActionResult Edit(int id)
        {
            return View();
        }

        //
        // POST: /Customer/Edit/5

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Edit(int id, FormCollection collection)
        {
            try
            {
                // TODO: Add update logic here
 
                return RedirectToAction("Index");
            }
            catch
            {
                return View();
            }
        }
    }
}

2. 添加一个数据模型

image

image

3. 添加视图

首先准备一个文件夹:Customer

image

选择该文件夹,在右键菜单中选择"添加"=>"View"

image

点击“Add”之后,可以看到如下代码

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<MvcApplication1.Models.Customers>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Index
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Index</h2>

    <table>
        <tr>
            <th></th>
            <th>
                CustomerID
            </th>
            <th>
                CompanyName
            </th>
            <th>
                ContactName
            </th>
            <th>
                ContactTitle
            </th>
            <th>
                Address
            </th>
            <th>
                City
            </th>
            <th>
                Region
            </th>
            <th>
                PostalCode
            </th>
            <th>
                Country
            </th>
            <th>
                Phone
            </th>
            <th>
                Fax
            </th>
        </tr>

    <% foreach (var item in Model) { %>
    
        <tr>
            <td>
                <%= Html.ActionLink("Edit", "Edit", new { id=item.CustomerID }) %> |
                <%= Html.ActionLink("Details", "Details", new { id=item.CustomerID })%>
            </td>
            <td>
                <%= Html.Encode(item.CustomerID) %>
            </td>
            <td>
                <%= Html.Encode(item.CompanyName) %>
            </td>
            <td>
                <%= Html.Encode(item.ContactName) %>
            </td>
            <td>
                <%= Html.Encode(item.ContactTitle) %>
            </td>
            <td>
                <%= Html.Encode(item.Address) %>
            </td>
            <td>
                <%= Html.Encode(item.City) %>
            </td>
            <td>
                <%= Html.Encode(item.Region) %>
            </td>
            <td>
                <%= Html.Encode(item.PostalCode) %>
            </td>
            <td>
                <%= Html.Encode(item.Country) %>
            </td>
            <td>
                <%= Html.Encode(item.Phone) %>
            </td>
            <td>
                <%= Html.Encode(item.Fax) %>
            </td>
        </tr>
    
    <% } %>

    </table>

    <p>
        <%= Html.ActionLink("Create New", "Create") %>
    </p>

</asp:Content>

注意:这个页面是没有aspx.cs文件的。这也是MVC模式极力避免的。因为如果页面如果有代码,就自然包含了逻辑,那么就不是MVC了。在MVC里面,视图(View)顾名思义,只是显示内容的一个载体,它自己要不要显示,要显示什么内容,全部由控制器(Controller)决定

4. 让视图具有实际意义。假使我们希望在Index页面中显示那些订购金额在前十名的客户名称。

我们首先需要修改一下Index这个Action

        public ActionResult Index()
        {
            Models.NorthwindDataContext context = new MvcApplication1.Models.NorthwindDataContext();

            var query = from c in context.Customers
                        let total = c.Orders.Sum(
                            o => o.Order_Details.Sum(
                                d => d.Quantity * d.UnitPrice))
                        orderby total descending
                        select c;

            return View(query.Take(10).ToArray());

        }

5. 运行页面看看效果如何

image

小结:

上面这个简单的例子,演示了如何使用MVC这套新的开发框架。它与传统的WebForms有两点明显不一样

1. 不再基于PostBack的机制。页面不再是首先被用户接触到的东西,而且页面相对来说显得不是那么重要了(至少页面名称用户基本不用关心了)。

2. 没有了ViewState。其原因是因为现在的页面中不再使用服务器控件了。这是不是一大损失呢?初看是的,但细想一下不是。这样做的网络开发才更加标准。

常见问题解答

  • 有哪几种Action(下面列出的10个Action)

    ContentResult(Content):返回标准文本
    FileContentResult(File):返回文件
    FileStreamResult(File):返回文件流
    FilePathResult(File):返回文件流
    FileResult(File):返回文件
    JavascriptResult(JavaScript):返回javascript并在客户端执行
    JsonResult(Json):返回json
    PartialViewResult(PartialView):返回一个局部视图
    RedirectToRouteResult(RedirectToAction):跳转
    ViewResult(View):展示一个视图(这是用得最多的)

  • 跳转页面或者执行其它的Action

其实就是跳转Action,如果在页面中的话,通过链接来实现 Html.ActionLink来实现,如果在服务端的话,就用RedirectToAction方法

  • 如何post

这是需要在Action上面添加一个Attribute

[AcceptVerbs(HttpVerbs.Post)]

并且方法要有一个参数:FormCollection(这代表了表单中的域)

  • 如何get

这是标准的Action,无需任何设置,默认情况就是GET

  • 如何使用用户控件(UserControl)

在页面中的话,用Html.RendPartialView方法。在Controller中的话,用PartialView方法

原文地址:https://www.cnblogs.com/chenxizhang/p/1633324.html