展示層由Ninesky.Web項(xiàng)目實(shí)現(xiàn)，負(fù)責(zé)網(wǎng)站內(nèi)容的顯示，項(xiàng)目包含Member和Control兩個(gè)區(qū)域。

Member區(qū)域?qū)崿F(xiàn)網(wǎng)站內(nèi)容的管理，Control區(qū)域?qū)崿F(xiàn)網(wǎng)站系統(tǒng)管理。結(jié)構(gòu)、功能圖如下：

 一、Member區(qū)域

1、添加Member區(qū)域

Ninesky.Web【右鍵】-> 添加->區(qū)域 。

在彈出的添加區(qū)域?qū)υ捒蜉斎雲(yún)^(qū)域名稱：Member，完成區(qū)域添加。

2、添加Home控制器

Ninesky.Web->Areas->Member->Controllers【右鍵】-> 添加->區(qū)域 。

選擇 MVC 5 控制器 - 空，點(diǎn)擊 添加 按鈕。

在“添加控制器”對(duì)話框中輸入 “HomeController”  點(diǎn)擊添加按鈕。生成代碼如下：

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>
    /// 主頁(yè)面
    /// /summary>
    /// returns>/returns>
    public ActionResult Index()
    {
      return View();
    }
  }
}

3、為Index方法添加視圖 

在 Index 方法上點(diǎn)右鍵->添加視圖。

在 添加視圖 對(duì)話框中，視圖名稱： Index，模板：Empty，選項(xiàng)勾選使用布局頁(yè)，點(diǎn)擊 添加 按鈕,完成視圖添加。

按F5,運(yùn)行項(xiàng)目，在瀏覽器中查看一下 http://localhost:52810/Home/Index。嗯，出錯(cuò)了，意思說(shuō)Home找到兩個(gè)匹配的控制器。

4、修改Member區(qū)域路由

打開(kāi) Ninesky.Web->Areas->Member->MemberAreaRegistration.cs

為MapRoute添加namespaces參數(shù)。圖中紅框內(nèi)為添加的代碼。

5、修改默認(rèn)路由

打開(kāi) Ninesky.Web->App_Start->RouteConfig.cs

為MapRoute添加帶有“namespaces”的參數(shù)。圖中紅框內(nèi)為添加的代碼。

再次按F5運(yùn)行，可以看到正常頁(yè)面。

二、Control區(qū)域

Control區(qū)域的做法與Member區(qū)域方式相同 。

1、添加Control區(qū)域

Ninesky.Web【右鍵】-> 添加->區(qū)域 。在彈出的添加區(qū)域?qū)υ捒蜉斎雲(yún)^(qū)域名稱：Control，完成區(qū)域添加。

2、添加Home控制器

Ninesky.Web->Areas->Control->Controllers【右鍵】-> 添加->區(qū)域 。

選擇 MVC 5 控制器 - 空，點(diǎn)擊 添加 按鈕。

在“添加控制器”對(duì)話框中輸入 “HomeController”  點(diǎn)擊添加按鈕。

3、為Index方法添加視圖

在Home控制器的 Index 方法上點(diǎn)右鍵->添加視圖。

在 添加視圖 對(duì)話框中，視圖名稱： Index，模板：Empty，選項(xiàng)勾選使用布局頁(yè)，點(diǎn)擊 添加 按鈕,完成視圖添加。

4、修改Member區(qū)域路由

打開(kāi) Ninesky.Web->Areas->Control->ControlAreaRegistration.cs

為MapRoute添加namespaces參數(shù)。圖中紅框內(nèi)為添加的代碼。

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

代碼見(jiàn)：https://ninesky.codeplex.com/SourceControl/latest

代碼下載：https://ninesky.codeplex.com 點(diǎn)擊SOURCE CODE 點(diǎn)擊Download下載源文件。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。