在ASP.NET中使用C#语言创建用户登录和注册页面是许多Web应用程序开发中的基本需求，本文将指导你如何从头开始创建一个简单的用户登录和注册系统，我们将使用ASP.NET MVC框架,因为它为构建Web应用提供了良好的支持和灵活性。

第一步：创建项目

你需要创建一个ASP.NET MVC项目，你可以使用Visual Studio或命令行工具来创建。

使用Visual Studio创建项目

1. 打开Visual Studio。
2. 点击“文件” > “新建” > “项目”。
3. 选择“ASP.NET Web Application (.NET Framework)”模板。
4. 输入项目名称并选择目标框架（如 .NET 5.0 或 .NET 6.0）。
5. 点击“确定”以创建项目。

使用命令行工具创建项目

1. 打开命令提示符或终端。
2. 运行以下命令来创建项目：

   dotnet new mvc -n MyApp
   cd MyApp
   
   

第二步：添加模型

我们需要为用户登录和注册功能创建两个模型：User和LoginViewModel。

User模型

在 Models 文件夹中创建一个新的 C# 类文件 User.cs：

namespace MyApp.Models
{
    public class User
    {
        public int Id { get; set; }
        public string Username { get; set; }
        public string Password { get; set; }
    }
}

LoginViewModel模型
同样在 Models 文件夹中创建一个新的 C# 类文件 LoginViewModel.cs：
namespace MyApp.Models
{
    public class LoginViewModel
    {
        public string Username { get; set; }
        public string Password { get; set; }
    }
}

第三步：创建控制器
我们需要创建一个控制器来处理登录和注册请求。
在 Controllers 文件夹中创建一个新的 C# 类文件 AccountController.cs：
using Microsoft.AspNetCore.Mvc;
using System.ComponentModel.DataAnnotations;
using System.Text.Json;
using MyApp.Models;
using Microsoft.EntityFrameworkCore;
using Microsoft.AspNetCore.Http;
namespace MyApp.Controllers
{
    public class AccountController : Controller
    {
        private readonly MyDbContext _context;
        public AccountController(MyDbContext context)
        {
            _context = context;
        }
        [HttpGet]
        public IActionResult Register()
        {
            return View();
        }
        [HttpPost]
        public async Task<IActionResult> Register(LoginViewModel model)
        {
            if (!ModelState.IsValid) return View(model);
            var user = new User { Username = model.Username, Password = model.Password };
            _context.Users.Add(user);
            await _context.SaveChangesAsync();
            return RedirectToAction("Login");
        }
        [HttpGet]
        public IActionResult Login()
        {
            return View();
        }
        [HttpPost]
        public async Task<IActionResult> Login(LoginViewModel model)
        {
            if (!ModelState.IsValid) return View(model);
            var user = await _context.Users.FirstOrDefaultAsync(u => u.Username == model.Username && u.Password == model.Password);
            if (user == null) return View(model); // Or redirect to an error page/view
            // Save user session or token here (for example, using HttpSession or a JWT token)
            // For simplicity, we'll just show a success message in this example
            return View("LoginSuccessful");
        }
    }
}

第四步：创建视图
我们需要为注册和登录功能创建视图，你可以在 Views/Account 文件夹中创建相应的视图文件。
Register视图
在 Views/Account/Register.cshtml 文件中：
@model MyApp.Models.LoginViewModel
<form asp-action="Register" method="post">
    <div>
        <label for="username">Username:</label>
        <input type="text" id="username" asp-for="Username" />
        <span asp-validation-for="Username" class="text-danger"></span>
    </div>
    <div>
        <label for="password">Password:</label>
        <input type="password" id="password" asp-for="Password" />
        <span asp-validation-for="Password" class="text-danger"></span>
    </div>
    <button type="submit">Register</button>
</form>

Login视图
在 Views/Account/Login.cshtml 文件中：
@model MyApp.Models.LoginViewModel
<form asp-action="Login" method="post">
    <div>
        <label for="username">Username:</label>
        <input type="text" id="username" asp-for="Username" />
        <span asp-validation-for="Username" class="text-danger"></span>
    </div>
    <div>
        <label for="password">Password:</label>
        <input type="password" id="password" asp-for="Password" />
        <span asp-validation-for="Password" class="text-danger"></span>
    </div>
    <button type="submit">Login</button>
</form>

LoginSuccessful视图
在 Views/Account/LoginSuccessful.cshtml 文件中：

<h2>Login Successful</h2>
<p>Welcome @ViewBag.Username!</p>

第五步：配置数据库上下文和启动应用
你需要配置数据库上下文并启动你的应用，在 Startup.cs 文件中配置依赖注入：
public void ConfigureServices(IServiceCollection services)
{
    services.AddDbContext<MyDbContext>(options => options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));
    services.AddControllersWithViews();
}

确保你在 appsettings.json 文件中添加了数据库连接字符串：
{
  "ConnectionStrings": {
    "DefaultConnection": "Server=your_server;Database=your_db;Trusted_Connection=True;"
  }
}

现在你可以运行你的应用程序，访问 http://localhost:<port>/Account/Register 和 http://localhost:<port>/Account/Login 进行注册和登录操作。