经验之谈 ---- ASP.NET应用程序MVC5模式下的简单实例项目

最新推荐文章于 2025-05-27 11:01:54 发布

laizhixue

最新推荐文章于 2025-05-27 11:01:54 发布

阅读量5.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Asp.net 文章标签：经验之谈例子 ASP.NET MVC

本文链接：https://blog.youkuaiyun.com/laizhixue/article/details/79158921

Asp.net 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的ASP.NET MVC项目的实现过程，包括控制器、模型和视图的代码示例，演示了用户登录流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚开始做ASP.NET应用程序的时候，自己一脸蒙B，具体的程序流程都不懂，所以自己打算写一个最简单的项目来看看ASP.NET MVC项目的具体流程。

若有写得不好的，还望指出. 吐舌头

目录结构如下图所示：

在企业中开发的时候需要自建Area(领域),所以我把最初项目带有的MVC文件夹我都删除了。

Controllers（控制层） UserController.cs代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApplication4.Areas.LZX.Models;
namespace WebApplication4.Areas.LZX.Controllers
{
    public class UserController : Controller
    {
        //
        // GET: /LZX/User/
        public ActionResult Index()
        {
            return View();
        }
        //操作名（方法名）必須与Views/User 下的cshtml文件的名字一致,当return View(),就会跳转到相对应的视图
        public ActionResult LoginSuccess()
        {
            return View();
        }
       [HttpPost]
        public ActionResult Login(String UserName, String Password)
        {

            User user = new User();
            user.UserName = UserName;
            user.Password = Password;
         //可以写具体的逻辑代码，比如登录验证....
            return Json(user);
        }
	}
}//可以写具体的逻辑代码，比如登录验证....
            return Json(user);
        }
	}
}

Models(模型层) User.cs代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApplication4.Areas.LZX.Models
{
    public class User
    {
        public String UserName { get; set; }
        public String Password { get; set; }
    }
}

Views(视图层) User/Index.cshtml代码:

@{
    ViewBag.Title = "Index";
}
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<h2>登錄界面：</h2>
<form method="post">
    帳號：<input type="text" id="username" name="username" /><br /><br />
    密碼：<input type="password" id="password" name="password" /><br /><br />
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="button" id="submit" value="登錄" /><br />
</form>
<script>
    $(function () {
        $("#submit").click(function () {
   
            var UserName = $("#username").val();
            var Password = $("#password").val();
            $.ajax({
                type: "post",
                url:"/LZX/User/Login",
                data: { UserName: UserName, Password: Password },
                dataType:"json",
                async:false,
                success:function(data){
                alert(data.UserName);
                window.location.href = "/LZX/User/LoginSuccess?username="+data.UserName;              
                }
            });
        });
    });
</script>

Views(视图层) User/LoginSuccess.cshtml代码:

@{
    ViewBag.Title = "LoginSuccess";
}

<h2>@Request["username"] LoginSuccess 登录成功。。。。</h2>

运行结果:

項目源码下載地址（代码会有点小区别，同样的原理）：https://download.youkuaiyun.com/download/laizhixue/11010861