asp.net html5网站结构,ASP.NET MVC5网站开发之展示层架构(五)

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

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

a960edbc903672d320e475fed1af946b.png

一、Member区域

1、添加Member区域

de3eb0d2ecb0a776b5b34dd775620f49.png

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

497809a0c5e82d46f4a7abb31dc691c0.png

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

2、添加Home控制器

29d4f1c5a25c2c6cead29448f1b156e5.png

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

084444489b599ec44644e98a9a5a380c.png

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

5521c613c38ec1340a3f85a9019ae4c6.png

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

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace Ninesky.Web.Areas.Member.Controllers

{

///

/// 主控制器

///

public class HomeController : Controller

{

///

/// 主页面

///

///

public ActionResult Index()

{

return View();

}

}

}

3、为Index方法添加视图

3ae5fea7907d1181317d39ec34ad1331.png

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

5a96e88af7838f9363b06f438b2f8688.png

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

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

80c3e4760b3ce8559f2878c2b65e63f7.png

4、修改Member区域路由

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

6f9317c4391c42ce4c4afa0a8ddb59bb.png

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

5、修改默认路由

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

ad111a592365ca4166e02b751db39306.png

为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

7900aae5946b3ac23673cd295d1b17a7.png

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值