.NET Framework自行车售卖表单无法提交问题求助

问题概述 #

基于.NET Framework开发自行车售卖信息提交功能，点击提交按钮后表单停留在当前页面，无法完成提交。已尝试切换Get方法、重建项目、为HttpPost方法添加异常处理等方案，但多数解决方案针对ASP.NET Core，未能解决问题，代码可能存在SQL查询及表单绑定等问题。

核心问题排查 #

1. 模型验证失败：BikeModel中UserID标记了[Required]但前端未提交该字段，Image字段标记[Required]但视图中使用文本框而非文件上传控件，导致模型验证不通过，表单无法提交。
2. 文件上传参数绑定失败：视图中用@Html.EditorFor生成Image字段的文本框，而非文件上传控件，导致后端HttpPostedFileBase Image参数无法获取上传文件。
3. 图片路径不一致：保存图片的路径为~/Content/Image，但数据库存储的路径为/Content/Images/（多了一个s），可能导致文件保存或读取失败。
4. 异常处理返回逻辑错误：捕获异常后直接返回SellerPage视图，未将错误信息回传至原提交页面，用户无法感知错误原因。
5. SQL插入潜在问题：参数类型未明确指定、数据库字段与代码字段不匹配、必填字段为空时未处理，可能导致插入失败。

对应解决方案 #

1. 修复模型验证规则 #

修改BikeModel，移除UserID的[Required]特性（该字段由后端从Session获取，无需前端验证），根据业务需求调整Image的必填规则：

public class BikeModel
{
    // 移除[Required]，UserID由后端赋值
    public int UserID { get; set; }
    public int BicycleID { get; set; }
    [Required]
    public string Brand { get; set; }
    public List<SelectListItem> ListBrand { get; set; }
    [Required]
    public string Category { get; set; }
    public List<SelectListItem> ListCategory { get; set; }
    [Required]
    public string Description { get; set; }
    // 若允许不上传图片，移除[Required]或改为string?（.NET Framework 4.7.2+支持可空引用类型）
    [Required]
    public string Image { get; set; }

    // 构造函数代码不变...
}

2. 替换文件上传控件 #

将视图中Image字段的EditorFor替换为文件上传控件，确保参数名与后端HttpPostedFileBase Image一致：

<div class="form-group">
    @Html.LabelFor(model => model.Image, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <input type="file" name="Image" class="form-control" />
        @Html.ValidationMessageFor(model => model.Image, "", new { @class = "text-danger" })
    </div>
</div>

3. 统一图片路径 #

调整后端代码中图片保存路径与数据库存储路径一致，同时确保~/Content/Images文件夹存在且有写入权限：

// 统一路径为~/Content/Images
var path = Path.Combine(Server.MapPath("~/Content/Images"), fileName);
Image.SaveAs(path);
bicycle.Image = "/Content/Images/" + fileName;

4. 优化异常处理与返回逻辑 #

捕获异常后返回原提交页面，并在视图中显示错误信息：

• 后端修改catch块：

catch (Exception ex)
{
    ViewBag.ErrorMessage = "添加自行车时发生错误: " + ex.Message;
    // 返回原页面，保留用户输入的内容
    return View(bicycle);
}

• 视图中添加错误信息显示（放在@Html.ValidationSummary下方）：

@if (!string.IsNullOrEmpty(ViewBag.ErrorMessage))
{
    <div class="alert alert-danger">@ViewBag.ErrorMessage</div>
}

5. 修复SQL插入逻辑 #

• 明确指定SQL参数类型，避免类型不匹配：

using (var connection = new SqlConnection(connectionString))
{
    string query = "INSERT INTO [sales].[bicycle] (user_id,brand_name, category_name, description, picture) VALUES (@user_id,@brand_name, @category_name, @description, @picture)";

    SqlCommand cmd = new SqlCommand(query, connection);
    // 明确指定参数类型与数据库字段匹配
    cmd.Parameters.Add("@user_id", SqlDbType.Int).Value = bicycle.UserID;
    cmd.Parameters.Add("@brand_name", SqlDbType.NVarChar, 100).Value = bicycle.Brand;
    cmd.Parameters.Add("@category_name", SqlDbType.NVarChar, 100).Value = bicycle.Category;
    cmd.Parameters.Add("@description", SqlDbType.NVarChar, 500).Value = bicycle.Description;
    // 若允许picture为空，添加判断
    cmd.Parameters.Add("@picture", SqlDbType.NVarChar, 200).Value = bicycle.Image ?? DBNull.Value;

    connection.Open();
    cmd.ExecuteNonQuery();
}

• 确认数据库表sales.bicycle的字段类型、长度、是否允许空与代码一致。

6. 其他细节修复 #

• 为HttpPost Action添加[ValidateAntiForgeryToken]特性，与视图中的@Html.AntiForgeryToken()匹配：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult SellerAddPage(BikeModel bicycle, HttpPostedFileBase Image)
{
    // 原有代码...
}

• 移除提交按钮的formmethod="post"属性（Html.BeginForm已指定提交方法）：

<input type="submit" value="Create" class="btn btn-default" />

• 检查Web.config中Session是否启用：

<system.web>
    <sessionState mode="InProc" timeout="20" />
</system.web>

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