ASP.NETCore知识速递-Day4:每天进步一点

程序员有二十年 2024-09-19 13:06:39
这一节我们将讲解如何在ASP.NET Core 中读取客户端提交的表单数据。大家可能首先想到的是通过模型绑定来处理表单数据。除了模型绑定之外,我们还可以通过 Request 对象直接读取提交的表单数据。我们创建一个ASP.NET Core项目,在创建项目时建议大家选择Empty模板,空模板看起来更干净一些,如果需要什么服务和中间件我们可以手动添加,这样可以帮你理清楚每个中间件和服务的具体用途。

在项目中我们直接使用如下创建一个默认的预先配置好的WebApplication对象。

WebApplication.Create();在ASP.NET Core 模板中,使用了如下的代码创建一个WebApplication的对象var builder = WebApplication.CreateBuilder(args);// configure servicesvar app = builder.Build();// configure middlewareapp.Run();

相信上面这段代码大家看起来更熟悉

在项目代码中我们在服务器端输出到客户端一个html的页面,页面中包含了一些字段,我们使用post方式将客户端的数据提交到服务器端,服务端使用Request对象来接受客户端提交的表单数据:var app = WebApplication.Create();app.MapGet("", async context =>{ context.Response.Headers.Append("content-type", "text/html;charset=utf-8"); var page = $@"<!DOCTYPE html><html lang=""en""><head> <meta charset=""UTF-8""> <meta name=""viewport"" content=""width=device-width, initial-scale=1.0""> <title>提交个人信息</title> <style> body {{ font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }} .container {{ width: 50%; margin: 50px auto; background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; }} h1 {{ text-align: center; color: #333; }} form {{ display: flex; flex-direction: column; }} input[type=""text""], input[type=""password""], textarea, select {{ width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; }} input[type=""checkbox""] {{ margin-right: 10px; }} label {{ margin-bottom: 10px; color: #555; }} input[type=""submit""] {{ background-color: #28a745; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; font-size: 16px; }} input[type=""submit""]:hover {{ background-color: #218838; }} </style></head><body><div>

源代码地址:

https://github.com/bingbing-gui/AspNetCore-Skill/tree/master/src/aspnetcore-knowledge-point/read-form-values

0 阅读:0

程序员有二十年

简介:感谢大家的关注