源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-08-09 19:46 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ASP.NET MVC5网站开发之展示层架构(五)
展示层由Ninesky.Web项目实现,负责网站内容的显示,项目包含Member和Control两个区域。 Member区域实现网站内容的管理,Control区域实现网站系统管理。结构、功能图如下: [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230448193-1981393403.jpg][img]http://files.jb51.net/file_images/article/201608/2016081515332440.jpg[/img] [/url] [b] 一、Member区域[/b] 1、添加Member区域 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230451974-1532831307.png][img]http://files.jb51.net/file_images/article/201608/2016081515332441.png[/img] [/url] Ninesky.Web【右键】-> 添加->区域 。 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230453115-126876373.png][img]http://files.jb51.net/file_images/article/201608/2016081515332442.png[/img] [/url] 在弹出的添加区域对话框输入区域名称:Member,完成区域添加。 2、添加Home控制器 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230454115-208904926.png][img]http://files.jb51.net/file_images/article/201608/2016081515332443.png[/img] [/url] Ninesky.Web->Areas->Member->Controllers【右键】-> 添加->区域 。 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230455224-612901153.png][img]http://files.jb51.net/file_images/article/201608/2016081515332444.png[/img] [/url] 选择 MVC 5 控制器 - 空,点击 添加 按钮。 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230456896-1100362548.png][img]http://files.jb51.net/file_images/article/201608/2016081515332445.png[/img] [/url] 在“添加控制器”对话框中输入 “HomeController”  点击添加按钮。生成代码如下:
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方法添加视图  [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230457833-1058956352.png][img]http://files.jb51.net/file_images/article/201608/2016081515332446.png[/img] [/url] 在 Index 方法上点右键->添加视图。 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230458646-321388787.png][img]http://files.jb51.net/file_images/article/201608/2016081515332447.png[/img] [/url] 在 添加视图 对话框中,视图名称: Index,模板:Empty,选项勾选使用布局页,点击 添加 按钮,完成视图添加。 按F5,运行项目,在浏览器中查看一下 http://localhost:52810/Home/Index。嗯,出错了,意思说Home找到两个匹配的控制器。 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230459646-424576815.png][img]http://files.jb51.net/file_images/article/201608/2016081515332448.png[/img] [/url] 4、修改Member区域路由 打开 Ninesky.Web->Areas->Member->MemberAreaRegistration.cs [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230500661-2064212612.png][img]http://files.jb51.net/file_images/article/201608/2016081515332449.png[/img] [/url] 为MapRoute添加namespaces参数。图中红框内为添加的代码。 5、修改默认路由 打开 Ninesky.Web->App_Start->RouteConfig.cs [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230501396-1249353269.png][img]http://files.jb51.net/file_images/article/201608/2016081515332450.png[/img] [/url] 为MapRoute添加带有“namespaces”的参数。图中红框内为添加的代码。 再次按F5运行,可以看到正常页面。 [b]二、Control区域[/b] 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 [url=http://images2015.cnblogs.com/blog/132313/201602/132313-20160225230502068-1185662950.png][img]http://files.jb51.net/file_images/article/201608/2016081515332451.png[/img] [/url] 为MapRoute添加namespaces参数。图中红框内为添加的代码。 ======================================= 代码见:[url=https://ninesky.codeplex.com/SourceControl/latest]https://ninesky.codeplex.com/SourceControl/latest[/url] 代码下载:[url=https://ninesky.codeplex.com/]https://ninesky.codeplex.com[/url] 点击SOURCE CODE 点击Download下载源文件。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部