ASP.NET MVC5网站开发之展示层架构(五)

时间:2022-05-09 06:49:50

展示层由Ninesky.Web项目实现,负责网站内容的显示,项目包含Member和Control两个区域。

Member区域实现网站内容的管理,Control区域实现网站系统管理。结构、功能图如下:

ASP.NET MVC5网站开发之展示层架构(五)

 一、Member区域

1、添加Member区域

ASP.NET MVC5网站开发之展示层架构(五)

Ninesky.Web【右键】-> 添加->区域 。

ASP.NET MVC5网站开发之展示层架构(五)

在弹出的添加区域对话框输入区域名称:Member,完成区域添加。

2、添加Home控制器

ASP.NET MVC5网站开发之展示层架构(五)

Ninesky.Web->Areas->Member->Controllers【右键】-> 添加->区域 。

ASP.NET MVC5网站开发之展示层架构(五)

选择 MVC 5 控制器 - 空,点击 添加 按钮。

ASP.NET MVC5网站开发之展示层架构(五)

在“添加控制器”对话框中输入 “HomeController”  点击添加按钮。生成代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace Ninesky.Web.Areas.Member.Controllers
{
  /// <summary>
  /// 主控制器
  /// </summary>
  public class HomeController : Controller
  {
    /// <summary>
    /// 主页面
    /// </summary>
    /// <returns></returns>
    public ActionResult Index()
    {
      return View();
    }
  }
}

3、为Index方法添加视图 

ASP.NET MVC5网站开发之展示层架构(五)

在 Index 方法上点右键->添加视图。

ASP.NET MVC5网站开发之展示层架构(五)

在 添加视图 对话框中,视图名称: Index,模板:Empty,选项勾选使用布局页,点击 添加 按钮,完成视图添加。

按F5,运行项目,在浏览器中查看一下 http://localhost:52810/Home/Index。嗯,出错了,意思说Home找到两个匹配的控制器。

ASP.NET MVC5网站开发之展示层架构(五)

4、修改Member区域路由

打开 Ninesky.Web->Areas->Member->MemberAreaRegistration.cs

ASP.NET MVC5网站开发之展示层架构(五)

为MapRoute添加namespaces参数。图中红框内为添加的代码。

5、修改默认路由

打开 Ninesky.Web->App_Start->RouteConfig.cs

ASP.NET MVC5网站开发之展示层架构(五)

为MapRoute添加带有“namespaces”的参数。图中红框内为添加的代码。

再次按F5运行,可以看到正常页面。

二、Control区域

Control区域的做法与Member区域方式相同 。

1、添加Control区域

Ninesky.Web【右键】-> 添加->区域 。在弹出的添加区域对话框输入区域名称:Control,完成区域添加。

2、添加Home控制器

Ninesky.Web->Areas->Control->Controllers【右键】-> 添加->区域 。

选择 MVC 5 控制器 - 空,点击 添加 按钮。

在“添加控制器”对话框中输入 “HomeController”  点击添加按钮。

3、为Index方法添加视图

在Home控制器的 Index 方法上点右键->添加视图。

在 添加视图 对话框中,视图名称: Index,模板:Empty,选项勾选使用布局页,点击 添加 按钮,完成视图添加。

4、修改Member区域路由

打开 Ninesky.Web->Areas->Control->ControlAreaRegistration.cs

ASP.NET MVC5网站开发之展示层架构(五)

为MapRoute添加namespaces参数。图中红框内为添加的代码。

=======================================

代码见:https://ninesky.codeplex.com/SourceControl/latest

代码下载:https://ninesky.codeplex.com 点击SOURCE CODE 点击Download下载源文件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:http://www.cnblogs.com/mzwhj/p/5218732.html