首页 > 代码库 > Asp.net-MyFirstMVCProject详解

Asp.net-MyFirstMVCProject详解

 一个URL请求, ASP.NET MVC引擎会分析这个URL要使用那个Controller, 这个Controller(实际上真正的方法是Controller的Action)从数据库或者其他数据源获取数据,通常这些数据是一个业务的模型类(Model). Controller将Model对象传递给页面(View),  页面显示在浏览器上。

mvc的工作原理如下图:


一、建立第一个MVCProject;

如图:




二、新建一个类加入Model:

在Models文件下加入一个新的类,命名为“ Login_BS”,用来判断登录是否成功。 

如图:


代码如下:

<span style="font-family:Microsoft YaHei;font-size:12px;">using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MyFirstMvcProject.Models
{
    public class Login_BS
    {
        public bool login(string username,string password)
        {
            if(username=="1"&&password=="1")
            {
                return true;
            }
            else
            {
                return false;
            }
        }
    }
}</span>

三、在Controller中新增加控制器:

如图:


代码如下:

<span style="font-family:Microsoft YaHei;font-size:12px;">using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MyFirstMvcProject.Controllers
{
    public class LoginController : Controller
    {
        //
        // GET: /login/

        public ActionResult Index()
        {
            return View();
        }
        [AcceptVerbs(HttpVerbs.Post)]


        public void Index(string username, string password)
        {
            Models.Login_BS l_bs = new MyFirstMvcProject.Models.Login_BS();
            if (l_bs.login(username, password))
            {
                Response.Write("登陆成功,用户名称为:" + username);
            }
            else
            {
                Response.Write("登陆失败");
            }
        }
    }
}
</span>

四、增加视图:

在类LoginController中的方法Index()上单击右键,选择加入视图,如图:



五、修改“Index.aspx,”文件:

系统会在Views文件夹下添加Login文件夹,并在其中加入文件“Index.aspx”,修改文件内容。

如图:


代码如下:

<span style="font-family:Microsoft YaHei;font-size:12px;"><%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        <form action="/login" method="post">
            <p>用户名:<input type="text" name="username" /></p>
            <p>密码:  <input type="password" name="password" /></p>
            <p>
                <input type="submit" value=http://www.mamicode.com/"登陆" />

>六、运行后输入用户名、密码,成功后会提示输入正确:

如图:



Asp.net-MyFirstMVCProject详解