zoukankan      html  css  js  c++  java
  • MVC系列之一 入门概述

    一 概述

      MVC作为一种当前比较好的开发web的框架,不得不提一下了,和WebForm比较来看,有了很大的进步和改进。

      先进行一个简单的比较,两个都是Web开发框架,理念仍然是较快速开发。

      不过MVC已经几乎摒弃了臃肿的服务端控件,采用更为简洁和可定义的标签形式。前台View视图和后台Controller控制器弱耦合分离的形式,比Asp.Net前台后台采用继承的紧耦合形式更加灵活和合理。

    二 基本三元素介绍

      MVC不得不说的三个主要元素,就是Model,View,Controller这三个元素。下面简单地一一介绍下:

      Model:这是主要负责数据库和Controller控制器交互

      View视图:这是主要负责展示Controller传输给他的数据

      Controller控制器:主要接受Model传过来的数据,然后传给View

    画个图吧,好看些

    BLL,DAL,Models是简单三层的概念,写出来防止大家把Model和Models弄混了,这里的Model可是包括了这三个的

    三 创建一个简单的项目Demo

      在这里,我还是比较喜欢使用项目来学习,理论讲一部分就好了,更多的理解,就通过项目来学习吧

      环境:

        VS2010时需要去下载独立的MVC安装包的,不是很复杂,百度可以告诉你一切

        VS2012时就不需要下任何安装包了,直接就可以新建MVC项目了

      

      然后选择MVC 4,创建一个空白的MVC项目就可以了,凡事从简单入手嘛!

          看到这个目录,里面很简单,除了之前讲的三个基本元素,View,Controller,Model ,剩下的App_Data放私有权限的东西,比如数据;App_Start存放的一些重要的初始化类,后面再详细讲;Global.asax是应用程序文件,主要负责管道事件,后面详细讲;剩下的几个config就是简单的配置文件;

    四 Controller控制器

      在Controllers右键添加控制器,默认使用HomeController,注意:后缀一定要是Controller,在MVC有时候约定大于配置,某些约定的配置就是这么默认的,不要轻易更改。

      请注意,这里开始讲解配置会比较多,理念的理解还是主要是开头的理念,Controller的作用这里就不再累赘了。

      

      在新建的Controller里面有一个,Index,这是其中的一个Action的名字,在这里Action的含义是动作,可以理解为页面的各种动作,Index就是默认的一个动作。

      在Index上面右击,添加视图,视图的名字默认和Action是一样的,不用修改,目前选择使用Aspx视图引擎,先不要模版。

      添加后跳到了Index.aspx页面,这是一个HTML的世界,当你习惯性地打开工具箱的时候,你会发现,工具箱中的控件少得可怜,没有那些强大的服务端控件,没有了那些拖慢了aspx页面的服务端控件,剩下的只有简单的html。

      让我们简单的写点上去,Hello World必须写,你懂的,运行起来吧小宇宙。。。。。

      

      这里要看到一个:URL地址,默认其实是localhost:7777,我现在写的是补全后的地址。

        Home是我们的控制器的名字,Index是我们Action的名字,相信朋友们应该发现一点MVC的奥秘了吧

      对,没错,你们想得没错,MVC在这里的里面,是用 Controller+Action 确定访问地址,简单粗暴,嘿嘿....

    五 Controller+Action

      刚才讲到了访问地址,下面呢,我们再讲一点,页面跳转的知识,后面我们再进行别的问题的深入。

      在刚开始学习MVC的时候,对Controller和Action的理解一般都会比较模糊,下面的几个例子来看下:

      在Home控制器下新建一个Action

      

      并且添加视图,在新建的试图里面写点东西

      回到我们的Index视图中,

      

      运行,点击我们的Link to MyAction

      

      在此看地址,已经更改了,其实这种没有后缀的形式,在<a>的链接属性方面还是没有什么差别的。

      再来看一个,更强大的东西,传说中的HtmlHelper:

        <div>
            Hello World,MVC,I'm JamesZhu.
            <hr/>
            <a href="/Home/MyAction">Link to MyAction</a>
            <hr/>
            <% Html.ActionLink("Link to MyAction", "MyAction", "Home"); %>
        </div>

      可以达到同样的效果,嘿嘿,Html这是一个很强大的东西,后面再深入讲,今天写到这里了,嘿嘿

    四 总结

      稍微总结下,这篇文章,主要时候有一定web开发经验,熟悉html前端,以及asp.net,然后又想学习mvc的朋友,可以借鉴下。

    声明

      本文主要是个人学习MVC后的一些经验以及看法,仅供参考,如有错误,欢迎指正,谢谢。

      个人感觉:在学习MVC之前,最好有以下知识储备:HTML,Jquery,Ajax,Asp.Net等技术基础

  • 相关阅读:
    SDUT 2772 数据结构实验之串一:KMP简单应用
    SDUT 3346 数据结构实验之二叉树七:叶子问题
    SDUT 3342 数据结构实验之二叉树三:统计叶子数
    SDUT 3345 数据结构实验之二叉树六:哈夫曼编码
    SDUT 3343 数据结构实验之二叉树四:还原二叉树
    SDUT 3340 数据结构实验之二叉树一:树的同构
    SDUT 3344 数据结构实验之二叉树五:层序遍历
    SDUT 3341 数据结构实验之二叉树二:遍历二叉树
    Jmeter入门14 后置处理器JSON Extractor 提取json的多个值
    Jmeter入门13 jmeter发送application/octet-stream二进制流数据
  • 原文地址:https://www.cnblogs.com/zhujinghui/p/3369470.html
Copyright © 2011-2022 走看看