练习：

新建一个mvc项目

要求:

有3个视图  Login Index Details

目的:
感受一下MVC与传统WebForm的差异性

WebForm的请求模型

MVC请求模型

传统WebForm与MVC区别

WebForm 实际上请求的是一个页面对象

MVC 不仅请求了一个页面对象，还向服务器请求了具体的业务处理方法

程序结构如下

一，项目模板和视图引擎介绍

项目模板

基本： 一般选择这个  它会自动将一些Jquery库导入进来

Internet应用程序：外网使用的

Intranect应用程序：内网使用

Web API：一个轻量级的WebService

知识点：

Web API：使用JSON格式传输数据

WebService：使用XML格式传输数据

视图引擎：

ASPX：在前台用<% %>形式写C#

Razor：在前台用@语法写C#

二，添加一个控制器Controller

控制器模板：

空MVC控制器：只有一个默认的Index方法

包含空的读/写操作的MVC控制器：会将增删改查的Action方法自动添加到当前控制器代码中

三，返回一个String字符串

public string PrintStr()

{

     return "hello mvc4";

}

运行后：

四，添加视图Login.cshtml

前台：Login.cshtml

@model MvcApplication1.Models.User

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Login</title>

</head>

<body>

    <div>

        <h3>登录</h3>

        ViewBag接收后台数据：@ViewBag.tips   <br /><br />

        Model接收后台数据：  @Model.UName   <br /><br />

        <form action="/User/Login" method="post">

            <input type="text" name="UName" /><br /><br />

            <input type="password" name="UPwd" /><br /><br />

            <input type="submit" value="登入" />

        </form>

    </div>

</body>

</html>

后台:

        [HttpGet]

        public ViewResult Login()

        {

            //向前台传值

            ViewBag.tips = "hello, welcome to here";

            Models.User model = new Models.User();

            model.UName = "华子";

            return View(model);

        }

@{Layout = null;}

表示当前视图不使用默认的母版页

 

后台向前台传值，有两种方式

ViewBag

Return View(model)

 

强类型视图

在csdhmtl顶部指定model类型，形式如@model MvcApplication1.Models.User，就叫强类型型视图

好处：在VS中可以智能提示，可以直接写如@Model.UName

五，提交Login.cshtml后重定向

前台：

<form action="/User/Login" method="post">

    <input type="submit" value="登入" />

</form>

 

后台：

       [HttpPost]

        public ActionResult Login(Models.User model)

        {

            if (model.UName == "lvhua" && model.UPWD == "")

            {

                return Redirect("/User/Index");

            }

            Response.Write("<script>alert('用户名或密码错误');location.href='/User/Login'</script>");

            return null;

        }

重定向

使用Return Redirect (路径) ，相当于Response.Redirect

[HttpPost]和[HttpGet]

如果控制器中有两个同名的Action方法时，应该用.net特性[HttpPost]和[HttpGet]区别

ActionResult和ViewResult

ViewResult       一般用于加载当前视图

ActionResult    一般用于重定向

后台接收前台表单数据

前台表单控件name命名与model属性名相同，后台Action方法参数中就可以用model来接收了，服务器会把表单中的数据加进model里

六，显示Index.cshtml

前台：

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

</head>

<body>

    <h3>Index</h3>

    <div>

        @for (int i = 1; i <= 10; i++)

        {

            <text>@i</text><span>只老虎</span>

            <a href="/User/Details/@i">进入</a><br />

        }

    </div>

</body>

</html>

如果只想显示纯文本，可用<text>标签

七，显示Details.cshtml

前台：

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Details</title>

</head>

<body>

    <h3>Details</h3>

    <div>

       <span>第</span>@ViewBag.id<span>只老虎</span>

    </div>

</body>

</html>

后台：

       public ViewResult Details(int id)

        {

            ViewBag.id = id;

            return View();

        }

后台如何获取跳转的id？

前一个页面，遵守RouteConfig的url格式

<a href="/User/Details/@i">进入</a><br />

后台Action方法中参数id即可获取(参数id名称须与RouteConfig配置的id同名)

Asp.net MVC4之 一个简单的小例子的更多相关文章

  1. 一个简单的小例子让你明白c#中的委托-终于懂了！

    模拟主持人发布一个问题,由多个嘉宾来回答这个问题. 分析:从需求中抽出Host (主持人) 类和Guests (嘉宾) 类. 作为问题的发布者,Host不知道问题如何解答.因此它只能发布这个事件,将事 ...

  2. WebSocket在ASP.NET MVC4中的简单实现

    WebSocket在ASP.NET MVC4中的简单实现 2013-12-21 20:48 by 小白哥哥, 810 阅读, 3 评论, 收藏, 编辑 WebSocket 规范的目标是在浏览器中实现和 ...

  3. 记一次ASP.NET MVC4 升级到MVC5的小问题解决

    原文:记一次ASP.NET MVC4 升级到MVC5的小问题解决 .NET 4.0 MVC4版本,升级到.NET 4.6.1 MVC5: 1.使用nuget更新所有 与mvc相关的类库; 2.更改~/ ...

  4. asp.net mvc4 过滤器的简单应用：登录验证

    直接上代码,不要说话. ASP.NET MVC4过滤器的简单应用:验证登录 [AcceptVerbs(HttpVerbs.Post)] public ActionResult login(FormCo ...

  5. 输出多行字符的一个简单JAVA小程序

    public class JAVA { public static void main(String[] args) { System.out.println("-------------- ...

  6. python -----一个简单的小程序（监控电脑内存，cpu，硬盘）

    一个简单的小程序 用函数实现!~~ 实现: cpu 使用率大于百分之50 时  ,  C 盘容量不足5 G 时, 内存 低于2G 时. 出现以上其中一种情况,发送自动报警邮件! 主要运用 到了两个 模 ...

  7. 3.2 Lucene实战：一个简单的小程序

    在讲解Lucene索引和检索的原理之前,我们先来实战Lucene:一个简单的小程序! 一.索引小程序 首先,new一个java project,名字叫做LuceneIndex. 然后,在project ...

  8. 给 asp.net core 写一个简单的健康检查

    给 asp.net core 写一个简单的健康检查 Intro 健康检查可以帮助我们知道应用的当前状态是不是处于良好状态,现在无论是 docker 还是 k8s 还是现在大多数的服务注册发现大多都提供 ...

  9. 一个有趣的小例子,带你入门协程模块-asyncio

    一个有趣的小例子,带你入门协程模块-asyncio 上篇文章写了关于yield from的用法,简单的了解异步模式,[https://www.cnblogs.com/c-x-a/p/10106031. ...

随机推荐

  1. 关于__stdcall和__cdecl调用方式的理解

    __stdcall和__cdecl都是函数调用约定关键字,先给出这两者的区别,然后举实例分析: __stdcall:参数由右向左压入堆栈:堆栈由函数本身清理. __cdecl:参数也是由右向左压入堆栈 ...

  2. js中substring或split方法取得URL中的域名

    1.split方式 <html> <head></head> <body onload="convertTemp()"> <s ...

  3. Delphi中编写无输出函数名的DLL文件（有点意思）（400多篇博客）

    用 Delphi 用长了,总是发现,有些和 MS 不同的地方.例如,MS 的公开库中,常常隐藏了许多重要函数,这些函数在系统中常常有起着非常巨大的作用.一旦知道如何调用,可以给自己的应用程序提供很强的 ...

  4. [Android学习笔记]组合控件的使用

    组合控件的使用 开发过程中,多个UI控件需要协同工作,相互交互之后,才可完成一个完整的业务需求,此时可把这些控件封装成为一个整体,相互之间的交互逻辑封装其中,外部调用可无需关心内部逻辑,只需获取处理后 ...

  5. [Android学习笔记]子线程更新UI线程方法之Handler

    关于此笔记 不讨论: 1.不讨论Handler实现细节 2.不讨论android线程派发细节 讨论: 子线程如何简单的使用Handler更新UI 问题: android开发时,如何在子线程更新UI? ...

  6. android 视频文件不能进行幻灯片的播放

    packages\apps\Gallery2\src\com\android\gallery3d\app\SlideshowPage.java中:   1.加入: import com.android ...

  7. 从iReport至Jaspersoft Studio

    这篇文章同步到http://www.waylau.com/from-ireport-to-jaspersoft-studio/ 从5.5版本号開始,Jaspersoft Studio将代替iRepor ...

  8. div仿checkbox表单样式美化及功能

    div仿checkbox表单样式美化及功能(checkbox的样式不好看)素材在底部: 效果图: window.css .bj { position: absolute; top: 0; left: ...

  9. poj 3270 更换使用

    1.确定初始和目标状态. 明确.目标状态的排序状态. 2.得出置换群,.比如,数字是8 4 5 3 2 7,目标状态是2 3 4 5 7 8.能写为两个循环:(8 2 7)(4 3 5). 3.观察当 ...

  10. JAVA - 优雅的记录日志（log4j实战篇） （转）

    写在前面 项目开发中,记录错误日志有以下好处: 方便调试 便于发现系统运行过程中的错误 存储业务数据,便于后期分析 在java中,记录日志有很多种方式: 自己实现 自己写类,将日志数据,以io操作方式 ...