【ADO.NET--MVC】初学MVC(MVC入门)(1)

最近一直在学MVC,本来今天想开始做项目了,但是一下手才发现还有好多好多都不懂,虽然想照搬别人的模板,但是还是觉得很虚,这也不懂哪也不懂。看来学习一门技术断不是那么简单,只要随便套套模板,看看别人代码就会的。还是得从基础开始,从头开始,所以又重新看了一遍入门的那个关于电影的例子,按着它的讲解一步一步操作,同时将操作过程中一些心得记录在这里,以便加深理解。

第一步,打开VS2013,新建一个叫做MVCMovie的项目。新建完以后解决方案包括以下东西。如图

APP_Data用于存放一些数据,比如数据库的东西。App_Start包含下面这几个文件,按我的理解,BundleConfig.cs用于给CSS或者JavaScript文件的引用创建一个虚拟的路径,我们在页面中要引用这类文件只需要用到此处创建的虚拟路径即可。Filterconfig.cs按照名字来看应该是过滤器,具体怎么用还没接触。Routeconfig.cs用于配置页面的路径。具体参照这篇文章http://blog.csdn.net/xxjoy_777/article/details/39103657

Startup.Auth.cs这个应该跟用户信息有关,没有接触。

Content文件夹主要用于存放一些Images,CSS,或者js文件。

fonts不知道是什么,莫非是字体。

接下来便是三个重要的文件夹Models,View,还有Controllers.这也是MVC三者。我的初步理解是,Models存放数据库中数据的定义,包括它们的类型,还有它们的限定,比如邮箱类数据啊,密码类数据啊,都是有限定的。把数据库的数据用类的形式表示出来,一个表对应于一个Models类。View是视图,简单理解,就是HTML 页面,呈现在前端的。Controller最难理解,是个控制器,一个Controller类对应一个View的文件夹,比如我们新建一个叫做HelloWorldController的类,则在View中会有一个HelloWorld的文件夹出现,这个文件夹里面有很多view,对应于Controller的一些Actionresult。一般的,一个ActionResult会返回一个view。可以这样理解,Controller视图操纵数据类,然后返回相应的视图。

值得注意的是,view中现在就有一个叫做Home的文件夹和一个叫做shared的文件夹。Home是vs2013新建的时候自带的,是我们运行以后显示的页面。就跟我们之后会创建的页面一样,是没有什么特殊意义。Shared文件夹中存放着模板页还有一个叫做error的页面,其他页面可以应用模板页,引用了模板页便有了模板页所具有的一切样式和内容,error应该是定义了一种当程序崩溃的时候跳到的页面。相对应的,Controller里面有一个叫做HomeController的文件。我们不妨先来看看View的home文件夹和Controller中的Homecontroller文件。

View中包含三个文件Index、About和Contact,对应的Controller中有三个方法,如下所示。

public ActionResult Index()
      {
          return View();
      }  

      public ActionResult About()
      {
          ViewBag.Message = "Your application description page.";  

          return View();
      }  

      public ActionResult Contact()
      {
          ViewBag.Message = "Your contact page.";  

          return View();
      }  

大概可以明白的是,一个ActionResult方法会对应返回一个视图页面。

现在我们按照教程来进行操作。

1.新建一个名为HelloWorld的控制器,可以看见View中自动生成一个名为HelloWorld的文件夹,不过这时候该文件夹中啥也没有。

我们再看看HelloWorldController文件里面的代码:

namespace MVCMovie.Controllers
{
    public class HelloWorldController : Controller
    {
        //
        // GET: /HelloWorld/
        public ActionResult Index()
        {
            return View();
        }
    }
}  

可以发现它有一个方法了,就是ActionResult Index(),可是我们此时的View中并没有Index视图页面。我们运行程序,并且在浏览器地址栏后面添加/HelloWorld,页面便链接到HelloWorld的Index,但是,说找不到Index,这是因为HelloWorld中根本就没有Index页面。

我们添加一个叫做Index的视图页,并让他引用模板页。输入一些内容,如下:

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.title="Hello World Page";
}
<h1>This is HelloWorld Index page.</h1>

再次运行,这次成功了。

所以我们初步明白了View和Controller的运作机理,通过Controller来展示view,是一个很重要的知识点。此外,你会发现View的文件是.cshtml,并且有很多@符号,还有一些从前从未接触的东西。这些其实都是视图语法,需要去学习,可以参考这里。http://blog.csdn.net/xxjoy_777/article/details/39032591

我们再来试验一下,在Controller中写一个这样的方法。

public string hello()
        {
            return "Hello , how are you!";
        }

并且运行,在浏览器地址栏后面键入HelloWorld/hello。你可能会认为此时View中并没有hello这个文件。但是当我们运行以后,还是成功了,页面上输出一句Hello,how are you!

至此,我们可以推测出一些潜在的规律。

首先,只有当返回类型是ActionResult并且最后又return view()这样的语句的时候,才必须确保在View文件夹中有相应的视图文件。

此外,因为MVC都是通过Controller/Action来进行页面或者说数据或者说代码操作的,从这里我们可以知道Action应该指的是一个动作,它并不一定是一个试图页面,如这里的hello()方法,他并没有返回一个页面,只返回了一个字符串,所以Action是方法,Controller里面所有的方法都是一个Action。

此处对MVC的执行过程稍加说明,MVC会根据传入的URL调用不同的Controller和其中的action()方法。具体的URL配置需要我们在App_Start中的Routeconfig中进行配置,系统默认配置的Route如下:

public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");  

            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            );
        }  

可以发现MVC是通过Controller/Action/id的规律来寻找要显示的页面的。所以Helloworld/Index对应的便是Helloworldcontroller和Index()方法。同样的,Helloworld/hello指的是hello()这个Action。

关于模板页和子页面之间的关系,类似于.net webform的模板页,此处就不在多介绍。模板页中通过@RenderBody()来存放子页面的内容。此外,模板页中还提供了这样一个方法,@RenderSection("scripts", required: false)。这个方法在模板页中先预定一个地方,然后不同的子页面可以再这个地方用不同的东西进行填充,一般是引用一些Js或者css文件的工作,因为除了所有页面都要公用的css和js文件之外,还有一部分js和css文件是不能共用的。当然,如果required是false的话,说明子页面也可以不填充任何内容。

接下来,我们通过一个电影网站的精简例子来学习如何与数据库进行交互。

在这之前,我们先学习一下使用Viewbag把数据从Controller传递到view。

我们定义一个方法,叫做welcome,方法这样写。

public ActionResult welcome(string name,int num)
    {
        ViewBag.message = name;
        ViewBag.num = num;
        return View();
    }  

该方法将两个数据存入ViewBag,分别是name和num,将它们存入ViewBag的message和num中,这样,我们只要在视图中使用ViewBag并将其中的数据显示出来了。在HelloWorld视图文件夹中新建一个View,起名叫做welcome,并在其中写下如下代码。

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.title = "welcome page";
}  

@{
    for(int i=0;i<@ViewBag.num;i++)
    {
        <p>@ViewBag.message</p>
    }
}  

运行,在浏览器输入这串:http://localhost:12149/HelloWorld/welcome?name=scotte&num=10

则会发现运行的结果是:

 1 scotte
 2
 3 scotte
 4
 5 scotte
 6
 7 scotte
 8
 9 scotte
10
11 scotte
12
13 scotte
14
15 scotte
16
17 scotte
18
19 scotte  

可见Controller可以从浏览器的url读取参数,并将其存入到viewbag中供视图来调用显示。

下面来学习MVC中的最后一个关键的成员,M,也就是Model。

我们将使用.net的Entity FrameWork,简称EF ,这种数据访问技术来定义和使用模型,EF提供了一种叫做code first的开发范例。允许你写一些类来创建模型,这些类将会生成数据库。

首先,我们在Models文件夹下新建一个类,命名为Movie,并在其中写下如下代码。

public class Movie
{
    public int ID { get; set; }
    public string Title { get; set; }
    public DateTime ReleaseDate { get; set; }
    public string Genre { get; set; }
    public decimal Price { get; set; }
}  

一目了然,这些字段就跟我们在数据库中定义的字段是一样的,分别记录了电影的ID,名称,上映时间,类别以及票价。这就是一个电影的类,或者说一个电影的数据表的模型。

接下来,在此文件中添加一个叫做MovieDBContext的类,该类继承自DbContext,用于处理获取、存储和更新数据库中的Movie类的实例的工作。为了能够引用DbContext和DbSet,需要添加system.Data.Entity。但是我发现即便添加了这个引用,程序还是无法识别DbContext。后来才发现原来是程序中没有Entity Framework.dll这个文件。通过引用--浏览 添加这个文件。(可去下载,也可以在别人的项目里面去找)。添加这个引用之后,就可以是吧DbContext了。

现在我们建立了一个模型还有一个用于处理模型实例的DbContext类,但是并没有跟实际的数据库联系起来。怎么做呢?

我们现在还没指定数据库,但是其实EF默认使用了一个数据库,就是LocalDB。

以下这段话是教程中的原句。

LocalDB 是SQL Server Express 数据库引擎的轻量级版本,LocalDB 运行在SQL Server Express 的特殊执行模式下,允许你使用数据库文件(例如 .mdf 文件)。通常情况下,LocalDB数据库文件放在解决方案的App_Data  文件夹下。

SQL Server Express 是不推荐用在 web 应用程序产品中的,其实准确的说,LocalDB 也不能用在 web 应用程序产品中,因为它设计的时候就没考虑和 IIS 一起使用。然而,一个LocalDB数据库可以很简单的迁移到SQL Server 或 SQL Azure。

在Visual Studio2013(或 2012)中,Visual Studio 默认安装了LocalDB。

默认情况下,EntityFramework 会查找和对象上下文类同名的数据库连接(在这个项目中是 MovieDBContext)。

此时去查看“服务资源管理器”中的数据连接,还没有看到有数据库。

接着我们在web.cofig中的connectionString中去进行配置数据库的连接。输入如下代码:

<connectionStrings>
  <add name="MovieDBContext" connectionString="Data Source=(LocalDB)\v11.0;AttachDbFilename=|DataDirectory|\Movies.mdf;Integrated Security=True"
 providerName="System.Data.SqlClient" />
</connectionStrings>  

这个数据库连接的名字就叫做MovieDBContext,他把一个数据库放在了appdata里面,并给他命名为Movies.mdf。此时运行并查看,服务资源管理器,还是没有数据库。

接下来,我们添加一个名叫Movie的Controller,Controller的类别选择最后一个,就是能够增删改查并且同时创建视图的Controller,选择对应的Model class为Movie模型,选择data context class 为MovieDbContext。点击完成以后。会发现项目里多出了一个MovieController的同时,还多出了一个装有几个视图的Movie文件夹。这几个视图分别是Create,Delete,details,edit,index。分别对应电影信息的增删改查页面。

运行程序以后,再看服务资源管理器,会发现项目中已经有了一个叫做Movie.mdf的数据库了。

时间: 2025-01-04 14:51:08

【ADO.NET--MVC】初学MVC(MVC入门)(1)的相关文章

MVC初学 - The type or namespace name &#39;DbContext&#39; could not be found

问题: The type or namespace name 'DbContext' could not be found (are you missing a using directive or an assembly reference?) 解决方案: 引用 EntityFramework.dll 即可. MVC初学 - The type or namespace name 'DbContext' could not be found

MVC系列-1.MVC入门

https://github.com/chenglingr/MyReUse/tree/master/MVCDemo 本系列教程参考及借鉴了了以下博文: http://www.cnblogs.com/powertoolsteam/p/MVC_one.html http://www.cnblogs.com/liyanwei/p/43f3dc2484d4d082e89ca86710c4d1c2.html 谢谢! 1.什么是MVC Asp.Net MVC是Model – View – Controlle

MVC.Net:MVC.Net与WebAPI的IOC实现

我们通过Ninject(http://www.ninject.org/)项目来帮助我们实现MVC.Net与WebAPI项目的IOC实现. 首先我们来看MVC.Net的IOC实现. 1. 通过NuGet我们安装Ninject.MVC3,它会同时安装Ninject.Ninject.Web.Common和Ninject.Web.Common.WebHost.不用被它的名字干扰,它对MVC.Net 5也是适用的. 2. 安装成功后,在MVC.Net的App_Start目录中会多出一个NinjectWeb

The prefix &quot;mvc&quot; for element &quot;mvc:annotation-driven&quot; is not bound 异常

使用STS或者eclipse 开发SpringMVC应用 时,我靠..有个小小的东西没注意搞了半天, STS在创建SpringMVC工程时,自动生成了Dispatcher的配置文件,然后看教程时,使用了<mvc:annotation-driven> 注解配置 但是自动生成的xml里呢有一个<annotation-driven>, 挺疑惑的,以为mvc约束文件版本不对,所以配置了很久的本地约束,仍然没有用 后来决定仔细看看什么问题,通过代码排版对齐,发现了.....靠,前缀也是需要配

从MVC框架看MVC架构的设计

转自:http://blog.csdn.net/bluishglc/article/details/6690693 从MVC框架看MVC架构的设计 尽管MVC早已不是什么新鲜话题了,但是从近些年一些优秀MVC框架的设计上,我们还是会发现MVC在架构设计上的一些新亮点.本文将对传统MVC架构中的一些弊病进行解读,了解一些优秀MVC框架是如何化解这些问题的,揭示其中所折射出的设计思想与设计理念. MVC回顾   作为一种经典到不能再经典的架构模式,MVC的成功有其必然的道理,这个道理不同的人会有不同

Webform和MVC,为什么MVC更好一些?

前言 如果你看了最近微软的议程,你会发现他们现在的焦点除了MVC,还是MVC.问题在于为什么微软如此热衷于丢弃传统的ASP.NET Webform而转向ASP.NET MVC?本文就主要来讨论这个问题. ASP.NET Webform 后台代码(behind code)—— 福音与诅咒 如果你密切关注过ASP.NET Webform技术,你会发现它更接近可视化设计,换句话说,开发者只需要从设计面板中拖拽控件即可完成UI,接着在behind code中实现逻辑代码即可完成最后的Web页面功能. 所

PHP MVC 模式(1) - MVC 架构

PHP高级程序设计 学习笔记 2014.06.18 MVC (Model-View-Controller,模型-视图-控制器)是一种可以简化应用程序开发和维护的非常常用的设计模式.它从逻辑上把应用程序分隔为个部分.模型部分负责应用程序的业务逻辑,封装访问数据库的方法并提供一个可以重用的类库.视图部分控制了数据的外观并提供从用户收集数据的机制.控制器部分,负责将所有的事项连接起来,负责从视图收集数据,并决定程序的执行逻辑.调用模型的机制并解析返回的数据,然后将数据提交给视图展示给客户.选择合适的框

【ASP.Net MVC】AspNet Mvc一些总结

AspNet Mvc一些总结 RestaurantReview.cs using System; using System.Collections.Generic; using System.ComponentModel; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Text.RegularExpressions; using System.Web; using System.Web.M

【.NET特供-第三季】ASP.NET MVC系列:MVC与三层图形对照

近期在开发小组在研究:BS项目中是利用'MVC框架'还是继续沿用'三层'的问题. 由于曾经的.NET项目大多数都是利用三层开发的,所以大多数人都可以对三层进行熟练地运用.而项目的開始我们也曾听说过MVC的概念,可是由于没有项目经验的原因,所以总是停留在理论层次的比較. 在后期的DRP项目中,了解到Model1和Model2模型,而Model2模型就是MVC的应用.DRP中我们採用jsp做View层用于显示:Servlet做Controller用于取得表单參数.调用业务逻辑.转向页面: 相同都是M

【.NET特供-第三季】ASP.NET MVC系列:MVC与三层图形对比(颠覆性理论)

       在[.NET特供-第三季]系列博客中的第一篇<ASP.NET MVC系列:MVC与三层图形对比>发表之后,引起了领导的注意.同时,开发小组内部在交流MVC和三层之间关系的时候,也感到非常的混沌.        在这里对上一篇文中所阐述的错误概念,向读者表示诚挚的歉意.同时,非常感谢米老师辛勤指导.关于'MVC与三层图形对比'将在本文中做出修正.     学习是一个过程,对于概念的理解并不是一蹴而就的,而是盲人摸象的理论,逐渐清晰.     首先,给大家看一张图. 接下来的内容,将