Asp.net-MyFirstMVCProject详解

来源:互联网 发布:91手机下载软件 编辑:程序博客网 时间:2024/06/05 05:01

 一个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="登陆" /></p>        </form>    </div></body></html></span>
六、运行后输入用户名、密码,成功后会提示输入正确:

如图:



0 0
原创粉丝点击