如何在Rocket框架中接收HTML表单提交的POST数据？

核心错误点 #

• 后端表单结构体字段与前端表单name属性完全不匹配：前端提交的字段包含Name/age/email/phno/password，但结构体中仅定义了无对应提交项的r#type字段，Rocket的FromForm派生宏会严格匹配表单字段名，匹配失败会直接返回4xx错误，无法进入请求处理逻辑。
• 代码冗余：重复定义了两个功能完全一致的表单结构体，旧的注释残留代码存在不存在的字段引用，容易引发编译/逻辑混淆。
• 前端姓名字段name为大写开头的Name，不符合Rocket默认的蛇形命名匹配规则，会导致字段匹配失败。

修正后代码 #

服务端Rust代码 #

use rocket::form::Form;
use rocket::response::content::RawHtml;
use rocket::{routes};

#[get("/")]
fn index() -> RawHtml<&'static str> {
    RawHtml(include_str!("templates/index.html"))
}

// 表单字段与前端input的name属性严格一一对应
#[derive(FromForm, Debug)]
struct CreateAccountForm<'r> {
    name: &'r str,
    age: u8,
    email: &'r str,
    phno: &'r str,
    password: &'r str,
}

#[post("/create_account", data = "<form_data>")]
fn create_account(form_data: Form<CreateAccountForm<'_>>) -> RawHtml<&'static str> { 
    // 调试用：打印接收到的完整表单数据
    println!("收到注册请求数据：{:#?}", form_data);
    
    // 此处可调用数据库逻辑写入用户数据
    // sql::insert_user(&form_data);

    RawHtml(include_str!("templates/account.html"))
}

#[rocket::main]
async fn main() -> Result<(), rocket::Error> {
    sql::setup();
    let _rocket = rocket::build()
        // 路由可直接在一个routes!宏内挂载，无需重复调用mount
        .mount("/", routes![index, create_account])
        .launch()
        .await?;
    Ok(())
}

前端表单修正 #

仅需要将姓名字段的name属性从大写Name改为小写name，和后端结构体字段对齐即可，其余字段无需改动：

<form action="/create_account" method="post">
    <label for="name">Name (Enter Full Name)</label>
    <br>
    <input type="text" name="name" id="name" placeholder="Name">
    <br>
    <label for="age">Age</label>
    <br>
    <input type="number" name="age" id="age">
    <br>
    <label for="email">BCBS outlook email</label>
    <br>
    <input type="email" name="email" id="email" placeholder="BCBS outlook email">
    <br>
    <label for="phno">Phone Number</label>
    <br>
    <input type="tel" name="phno" id="phno">
    <br>
    <label for="password">Password</label>
    <br>
    <input type="password" name="password" id="password">
    <br> <br>
    <input type="submit" value="Create Account">
</form>

特殊适配说明 #

如果不想修改前端的name属性命名，可以在后端结构体字段上添加#[form(field = "前端对应name值")]属性手动指定匹配关系，例：

#[derive(FromForm, Debug)]
struct CreateAccountForm<'r> {
    #[form(field = "Name")] // 匹配前端name="Name"的输入框
    name: &'r str,
    age: u8,
    email: &'r str,
    phno: &'r str,
    password: &'r str,
}

内容的提问来源于stack exchange，提问作者Gaurav Chandrashekar