.net mvc实践教程(一)

过去几年内,不管是Java还是.net都纷纷推出了自己MVC平台。微软MVC更新速度很快。截止到目前为止,已经更新到了MVC5,结合自己EF框架。基础MVC可以很快搭建一个网站架构。最新的MVC向导还会自动集成bootstrap前端框架,节省了很多时间。

开篇第一讲,不得不老生常谈一下MVC是什么?所谓MVC就是将网站模型精简为三个部分。分别是model、view和controller。三个部分各司其职,与传统三层架构不同。MVC逻辑更清晰,使得前后端分离,是目前主流的框架结构。一般而言,model负责承载数据,抽象你具体项目的模型(更复杂一点会存在ViewModel)。模型承载数据以后,需要展现的view界面。而controller负责他们之间的交互,包括实现一些逻辑。当然给予MVC可以实现更负责的结果。比如我曾经接触过的DDD,既领域驱动模型。会存在更多的,如藏储层,数据库访问持久等。下面就从最基本的MVC结构开始讲。

打开visual studio,新建项目。选择MVC,然后VS会自动帮你创建MVC所需要的基本文件,包含一些脚本的样式文件。当然包含MVC所必须的默认路径,网站配置文件,授权等模块等。创建好后,一般结构如下所示:

.net mvc实践教程(一)_第1张图片


这里,关注一下controller文件夹下的HomeController.cs文件,这个是系统默认controller,通过路由配置(此内容后续再补充)。这里我们就在系统默认的基础上添加实现一些我们想要的内容。假设我们想在首页显示一本书的信息。我们需要新建一个model类,就叫做Book,然后在通过在controller类进行赋值(实际一般在数据库中获取),然后通过view界面展示出来。

一、新建的Book 类如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcDemo.Models
{
    public class Book
    {
        /// 
        /// Book name
        /// 
        public string BookName { get; set; }

        public string  Author { get; set; }

        public decimal Price { get; set; }

        public int ISBN { get; set; }
    }
}

二、修改Home文件夹下的Index.cshtml文件夹,将此页面的model制定为Book,代码如下:

@model MvcDemo.Models.Book

@Model.BookName

这是一本...

作者:@Model.Author

价格:¥ @Model.Price


 三、此时,需要修改controller文件,讲book的model赋值,然后传递到页面去,其实实现这个很简单,只需要一句话return View(aBook);这当然借助于MVC强大的模型了。完整的源代码如下:

using MvcDemo.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcDemo.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            Book aBook = new Book();
            aBook.BookName = "日光流年";
            aBook.Author = "阎连科";
            aBook.Price = 0.99m;

            return View(aBook);
        }

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

            return View();
        }

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

            return View();
        }
    }
}


到此,MVC三层我们都修改完了,现在到了看效果的时候。效果如下,这里只做基本演示,下次我们要讲到这里面的原理了。

.net mvc实践教程(一)_第2张图片











你可能感兴趣的:(个人日志,总结,MVC)