zoukankan      html  css  js  c++  java
  • Mvc5+Ef 6.0入门开发随笔(2.MVC的简单创建与使用图文详解)

    MVC,Model – View – Controller 的简写

    Model 封装业务逻辑相关的数据及对数据的处理方法

    View 向用户提供交互界面

    Controller 负责控制Model和View

    看下面这张图。目前只要理解这一个概念就可以了,下面就开始建一个空框架,从做中学。

    从空白开始,建立一个基本框架详细步骤

    1. 新建项目

    NOTE:模板要选Empty,如果直接选MVC会产生多余代码。

    NOTE:上图方框处正好对应于M, V, C

    到此为止,就建立了一个最基本的MVC解决方案,基本是空的。

    我们简单介绍下其中的RouteConfig.cs文件

    打开Global.asax, 注意到在程序启动的时候注册了路由规则,如下方框处。

    下面我们就看下具体的路由规则。打开RouteConfig.cs文件

    注意到里面有个静态方法,这就是映射路由的控制,这个方法定义了路由规则。

    其中:url: "{controller}/{action}/{id}"定义了URL的格式。

    后续会结合实际的URL地址来讲解。

    1. 添加一个示例

    先不管Model, 我们先创建Controller和View

    1. 添加Controller

    右键Controllers文件夹,按图示添加。

    控制器必须以Controller结尾(这是ASP.NET MVC的一个约定)。

    后续文章会讲用户登录的例子,所以这里先建一个AccountController.

    添加后会发现多了下图方框处的类和文件夹。

    我们打开新建的AccountController.cs看下,自动生成了一个方法

    public ActionResult Index()

    {

    return View();

    }

    我们称这个Index为一个Action,返回类型为ActionResult.

    可以看到,这个Action返回了一个View, 我们现在来建立这个View

    1. 添加View

    添加View有两种方法,一种是直接在Views文件夹下添加(右键ViewsàAccount文件夹)

    另外一种是通过Controller中的Action来添加。这次我们采用后一种方法。

    打开AccountController, 右键Index方法,按图示添加。

    这样就添加了一个和特定的Controller和Action(这里指AccountController和Index)相对应的View(ViewsàAccountàIndex.cshtml)

    这个View就是最终显示的前端页面,我们在Body里面添加一行字。

    右键Index.cshtml,在浏览器中查看可以看到熟悉的HTML界面了。

    注意浏览器中的地址 xx/Account/Index

    这个地址与开头的路由规则(url: "{controller}/{action}/{id}")就对应了起来,应该很容易理解吧。

    典型的一个执行过程。

    1. 网址路由比对
    2. 如成功,执行相应的Controller与Action
    3. 执行相应的View并返回结果

    记住这个过程。后面的过程都会在这个简单的过程中进行扩展。

    总结

    MVC比之前的WebForm开发方式做了很大改变,分离更彻底。

    本次文章主要是让大家建立ASP.NET MVC的基本观念。

    文章出处:http://www.cnblogs.com/miro/p/4030622.html

    如有冒犯 请多海涵!

  • 相关阅读:
    pycharm鼠标光标变成黑色方块
    华章8月书讯,夏日静心好读书
    测试既是一门科学,也是一门艺术
    计算机科学与技术专业教指委将成立“物联网工程专业教学研究专家组”
    【七夕送好书】转微博获赠书!
    孟岩谈《C++程序设计原理与实践》
    【有奖活动】华章IT15周年,评选您心中最有影响力的10种图书
    《测试之美》连载:创建开源的QA社区
    Web前端开发之“常见模块你真的很了解吗?”
    测试驱动开发简介
  • 原文地址:https://www.cnblogs.com/moxiaomai/p/8532474.html
Copyright © 2011-2022 走看看