zoukankan      html  css  js  c++  java
  • 【翻译】MVC Music Store 教程-概述(三)

    Controller

    与传统的Web框架,将传入的URL通常映射到磁盘上的文件。例如:一个URL请求“/Products.aspx" 或"/Products.php”是处理一个Products.aspx" 或 "Products.php”的文件

    MVC框架传入的URL与映射到服务器代码有所不同,而不是将URL传入文件,而是映射到方式方法或者类,这些类被称为”Controller“,他们负责处理传入的HTTP请求,处理用户输入,检索和保存数据,并且决定将的数据返回到客户端(显示URL,下载文件,跳转到不同的URL,等等)。

    添加HomeController

    我们将在MVC Music Strore项目中新增一个Controller,用它来处理网站的首页请求,我们遵循ASP.NET MVC的默认命名规则,命名为HomeController.

    在Solution Explorer中右键”Controller“文件夹,选择”Add“,选择”Controller“

    image

    在弹出的”Add Controller“对话框中,给Controller命名为“HomeController”点击“Add”按钮

    image

    接着会创建一个新文件,HomeController.cs 代码如下:

     1 using System;
     2 using System.Collections.Generic;
     3 using System.Linq;
     4 using System.Web;
     5 using System.Web.Mvc;
     6 
     7 namespace MvcMusicStore.Controllers
     8 {
     9     public class HomeController : Controller
    10     {
    11         //
    12         // GET: /Home/
    13 
    14         public ActionResult Index()
    15         {
    16             return View();
    17         }
    18 
    19     }
    20 }
    View Code

    为了尽可能的简单,我们让Index方法简单的返回一个字符串,我们需要做两处修改:

    • 将方法的返回类型修改为String,而不是ActionResult
    • 将返回值语句修改为“Hello from Home”

    方法修改后为“

    1 public string Index()
    2 {
    3 return "Hello from Home";
    4 }
    View Code

    运行应用程序

    现在我们运行应用程序,我们可以启动web服务,通过下面任何一种方法:

    • 选择Debug—>开始Debugging菜单
    • 点击工具条上的绿色运行按钮

    image

    • 用键盘上的快捷键。F5

    使用上面任何一种方法,都会编译我们的项目,从而启动内置的ASP.NET开发服务器,在屏幕的底部会有通知提示ASP.NET服务器已经启动,并且显示应用程序运行的端口号。

    image

    Visual Web Developer将会自动的打开一个浏览器,并且指向我们的请求地址。这将会使我们快速的使用我的程序:

    image

    OK,非常简单-我们创建了一个新的网站,添加了三行函数,在浏览器上显示一些文本,一切都很简单,不过这是个开始。

    添加一个StoreController

    我们添加了一个简单的HomeController来实现我们的首页功能,接下来,我们添加另一个Controller是实现音乐商店的浏览功能,Stroe Controller将支持三个场景:

    • 列出商店中所有的音乐风格的列表
    • 专辑浏览页面,列举出某个流派下的所有专辑
    • 显示某个专辑的明细信息

    我们从添加一个新的StoreController开始,如果你没有准备好,先关闭程序,可以直接关闭浏览器或者从”Debug—>Stop Debugging“菜单中选择停止程序。

    像添加HomeController一样添加StoreController,在Solution Explorer中右键”Controller“文件夹,选择”Add“,选择”Controller“

    image

    StroeController已经有”Index“方法,我们将用”index“方法来实现音乐商店中的所有分类列表,我们将添加额外的两个方法,来实现”浏览“和”明细“。

    这些方法(Index,Browse和Details)在控制器内部被称为”Controller Action“,你已经看到在HomeController中的Index()方法,它的工作就是请求URL,确定哪些内容需要被返回到浏览器或。

    我们将开始在StroeController的Index()中返回字符串”Hello from stroe.Index()“,再添加相似的方法Browse(),Details().

     1 using System;
     2 using System.Collections.Generic;
     3 using System.Linq;
     4 using System.Web;
     5 using System.Web.Mvc;
     6 
     7 namespace MvcMusinStore.Controllers
     8 {
     9     public class StoreController : Controller
    10     {
    11         //
    12         // GET: /Store/
    13 
    14         public string Index()
    15         {
    16             return "Hello from Store.Index()";
    17         }
    18 
    19         public string Browse()
    20         {
    21             return "Hello from Store.Browse()";
    22         }
    23 
    24         public string Details()
    25         {
    26             return "Hello from Store.Details()";
    27         }
    28 
    29     }
    30 }
    View Code

    再次运行项目,访问以下地址

    •   /Store
    •   /Store/Browse
    •   /Store/Details

    这些方法将返回我们在Action中返回的字符串

    image

    太棒了,但是这些仅仅是固定的字符串,我们让他变得动态一点,从url中获取一些其他信息,再把它们显示在页面上。

    首先,我们从Browse Action中获取URL中的参数值,我们可以在Action中增加一个”genre“参数,ASP.NET MVC会自动传递名为genre赋值给它。

    1 //
    2 // GET: /Store/Browse?genre=Disco
    3 public string Browse(string genre)
    4 {
    5 string message = HttpUtility.HtmlEncode("Store.Browse, Genre = " + genre);
    6 return message;
    7 }
    View Code

    现在我们浏览这个地址:/Store/Browse?Genre=Disco

    image

    接下来,我们修改Details Action,用来读取和显示一个输入参数,参数名为ID,不同于之前的方法,这次我们不在请求参数中传递这个参数,而是在请求的 URL 地址中。例如:/Store/Details/5。

    ASP.NET MVC中,我们可以不需要配置任何东西,ASP.NET MVC默认路由会Action后面的部分看作名为ID的参数值,如果你的 Action 方法有一个名为 ID 的参数,那么,ASP.NeT MVC 就会自动将这部分作为参数传送给 Action 方法。

    1 //
    2 // GET: /Store/Details/5
    3 public string Details(int id)
    4 {
    5 string message = "Store.Details, ID = " + id;
    6 return message;
    7 }
    View Code


    现在我们浏览这个地址: /Store/Details/5:

    image

    让我们做个总结吧

    • 创建了一个 ASP.NET MVC 项目
    • 讨论了项目的基本文件夹,以及作用
    • 学习了如何运行开发服务器
    • 创建了两个控制器 HomeController 和 StoreController
    • 为控制器增加了 Action 方法。
  • 相关阅读:
    Your First ASP.NET 5 Application on a Mac
    vnextcn
    基于微服务的软件架构模式
    数组链表下标指针map list
    十一、从头到尾彻底解析Hash 表算法
    failed to create hive metastore database tables
    VSCode 常用插件
    HTML中块级行级元素小分类
    WEB前端程序员需要的网站整理
    UI1_HTTP下载
  • 原文地址:https://www.cnblogs.com/enno-miao/p/3784452.html
Copyright © 2011-2022 走看看