码迷,mamicode.com
首页 > Web开发 > 详细

案例实作图解Asp.Net MVC教程

时间:2015-02-27 13:40:05      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:mis   编程语言   mvc   

案例实作图解Asp.Net MVC教程
文字:天下轻功第一    程序:天下轻功第一    


第零章 资源和版本
一 Asp.Net MVC资源链接

ASP.NET MVC的官网
http://www.asp.net/mvc/

W3CSCHOOL的Asp.Net MVC教程

http://www.w3school.com.cn/aspnet/mvc_intro.asp


本文当前完成的项目源码下载:

http://pan.baidu.com/s/1jGf4dPs


二 Asp.Net MVC 版本
RC 1 (09年1月)
RC 2 (09年3月3日)
RTM (09年3月17日)

第一章 入门实例
一 Hello Asp.Net MVC
    打开VS2010,新建项目,如下图;我不记得曾经有过MVC的安装行为;MVC 2应该是VS2010自带了的;
技术分享


    找到HomeController.cs中下列内容,
......
public ActionResult Index()
        {
            ViewData["Message"] = "Hello MVC2 !";


            return View();
        }
......
    将原来内容替换为当前的"Hello MVC2 !";
    找到Site.Master中下列内容,
......
            <div id="title">
                <h1>第一个 MVC 应用程序</h1>
            </div>
......
    将原来内容替换为"第一个 MVC 应用程序";然后运行,如下图;
技术分享
    这样就完成了Hello MVC 2 入门例子。


二 实现一个登录页
    先不连数据库,实现一个简单登录页。右击 Models 文件夹,添加新类lylogin.cs;代码如下;
namespace HelloMvc2.Models
{
    public class lylogin
    {
        public bool login(string username, string password)
        {
            if (username == "admin" && password == "1")
            {
                return true;
            }
            else
            {
                return false;
            }
        }  
    }   
}
    右击Controllers文件夹,添加一个新的控制器;全部代码如下;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;


namespace HelloMvc2.Controllers
{
    public class loginController : Controller
    {
        //
        // GET: /login/


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


        [AcceptVerbs(HttpVerbs.Post)]
        public void Index(string username, string password)
        {
            Models.lylogin lyl = new HelloMvc2.Models.lylogin();
            if (lyl.login(username, password))
            {
                Response.Write("登陆成功,用户名称为:" + username);
            }
            else
            {
                Response.Write("登陆失败");


            }
        }  
    }
}
    在loginController的方法Index()上右击,选择 添加视图;不选 选择母版页 ,单击添加;在Views文件夹下自动添加login文件夹,在其下自动添加Index.aspx文件;在Index.aspx加入如下代码;
      <form action ="/login" method="post" >  
      <p>用户名:<input type ="text" name ="username" /></p>  
      <p>密码:<input type ="password"  name ="password" /></p>  
      <p><input type ="submit"  value ="登陆"/></p>  
      </form> 


    直接运行,在已有的url后面加上login,结果如下图;
技术分享

技术分享
三 更多的实例
1 修改LogOn到标题栏
    打开Views-Shared-Site.Master,如下第三行代码为新增;
......
<li><%: Html.ActionLink("主页", "Index", "Home")%></li>
<li><%: Html.ActionLink("关于", "About", "Home")%></li>
<li><%: Html.ActionLink("登录", "LogOn", "Account")%></li>
......
    运行,结果如下图;
技术分享


2 使用控制器
    右击 Controllers,添加控制器,命名为UsersController,勾选下面的复选框,单击添加;
    右击Views,添加文件夹Users;
    右击Users,添加View,命名为Index,参数使用默认值;同样再添加一个View,命名为Details;


    打开Views-Shared-Site.Master,新增如下一行:
<li><%: Html.ActionLink("用户管理", "Index", "Users")%></li>


    打开Users-Index.aspx,在h2标签对之后添加:
<ul>              
    <li><a href="users/details/NDY22">查看用户详情</a></li><br/>
    <li><a href="users/create/NDY11">创建新用户</a></li>
</ul>


    打开Details.aspx,在h2标签对之后添加如下内容:
<p>
    <%= Html.Encode(ViewData["Message"]) %>
</p>


    打开UsersController.cs,找到Details方法,修改为如下:
public ActionResult Details(string id)
{
    ViewData["Message"] = id + "‘s Details: ......";
    return View();
}
    运行,结果如下图;

技术分享

技术分享

技术分享







案例实作图解Asp.Net MVC教程

标签:mis   编程语言   mvc   

原文地址:http://blog.csdn.net/bcbobo21cn/article/details/43966395

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!