Partagez un exemple d'analyse de la façon dont Asp.Net MVC4 implémente la mise à jour du contenu du formulaire via l'identifiant

Une fois un formulaire créé, la plupart de ses champs ne peuvent pas être modifiés. Seuls certains de ces champs peuvent être modifiés. Cet article partagera avec vous une explication détaillée de l'idée de mettre à jour le contenu du formulaire via l'identifiant dans Asp.Net MVC4. Les amis qui en ont besoin peuvent s'y référer

La demande de l'utilisateur est la suivante : une fois le formulaire créé. , la plupart des champs ne peuvent pas être modifiés. Seuls certains de ces champs peuvent être modifiés.

est rendu non modifiable en définissant l'attribut désactivé dans la zone de saisie. À ce stade, une erreur sera signalée lors de la soumission du contenu du formulaire directement à la base de données, car certains champs qui ne peuvent pas être nuls ne le peuvent pas. être utilisé en raison de l'attribut désactivé. Le frontend est récupéré puis mis à jour dans la base de données.

Il y a deux idées :

1 En créant un formulaire masqué, créez un contrôle caché pour chaque contrôle désactivé, mais de cette façon. le problème est que la charge de travail est trop importante (si le formulaire a mille attributs, vous savez)

2. En récupérant l'identifiant du formulaire dans la base de données, passez l'identifiant et les champs modifiables en arrière-plan. Tout d'abord, l'objet et ses données d'attribut sont recherchés dans la base de données par identifiant, puis les champs modifiables sont attribués à l'objet. Une fois le traitement terminé, les données de l'objet sont mises à jour dans la base de données.

En résumé, utiliser la deuxième façon de penser peut paraître plus sage.

Voici les étapes spécifiques : (Il n'est pas nécessaire de lire les étapes spécifiques en détail, elles sont extraites du projet et ne conviennent que pour ma propre révision)

1. OutsourcingModule.cs Créez un itinéraire pour créer un chemin d'accès :

routes.MapRoute(
  "OutSourcingWorkSheet",//路由名
  "outsourcing/saveWorkSheet",//url路径
  new {controller = "Outsourcing", action = "SaveWorkSheet"}//映射的控制器以及对应的Action方法名
);

2.

/// <summary>
/// 保存工作票
/// ModelBinder会将前端传递过来的id在数据库中搜索出字段并且转换为outsourcing对象
/// 此时的outsourcing对象中的workSheets属性不是前端传递过来的值，而是数据库中的
/// 
/// 方法中有两个参数，outsourcing上面已经解释，workSheets是前端传递过来的第二个参数
/// </summary>
/// <param name="outsourcing"></param>
/// <param name="workSheets"></param>
/// <returns></returns>
[HttpPost]
[ActionName("SaveWorkSheet")]
[AccessRestriction("SaveWorkSheet")]
public JsonResult SaveWorkSheet(Outsourcing outsourcing,string workSheets)
{
  if (outsourcing!=null)
  {
    outsourcing.WorkSheets = workSheets;
    _outsourcingService.Save(outsourcing);
    return Json(new ABResponse(HttpStatusCode.OK));
  }
  return Json(new ABResponse(HttpStatusCode.BadRequest));
}//AB为内部项目

3. Code de script js front-end

$('#btn_saveWorkSheet').on('click', function () {
  if ($("input[name=workSheets]").val() == "") {
    bootbox.alert("不能为空");
  } else {
    $.ajax({
      type: "post",
      url: "/outsourcing/saveWorkSheet",
      data: {
        ID: $("#outsourcing_id").val(),
        WorkSheets: $("input[name=workSheets]").val()
      },
      dataType: "json",
      success: function (data) {
        if (data.Code == 200) {
          bootbox.alert("修改成功，即将刷新");
          setTimeout(function () {
            location.reload();
          }, 1000);
        } else {
          bootbox.alert("提交失败，请稍后再试");
        }
      }
    });
  }
});

En fait, l'idée est très simple, mais j'ai travaillé dessus pendant la majeure partie le jour - - ; j'ai aussi rencontré un Big Pit :

Dans la liste des paramètres du deuxième code, j'ai d'abord écrit la chaîne workSheets en tant que WorkSheets. À ce moment-là, une ligne ondulée bleue est apparue sous le texte. Après Alt+Entrée, le système a demandé Renommer en feuilles de travail, j'ai donc simplement appuyé sur Entrée pour confirmer. Le champ WorkSheets ne peut alors plus être enregistré ou lu dans la base de données. Après une longue recherche avec l'aide d'un collègue, j'ai découvert qu'il s'est avéré que lors du processus de changement des majuscules en minuscules, les champs du fichier dbml étaient également modifiés en minuscules, ce qui entraînait l'impossibilité de correspondre à la base de données.

Quelques connaissances que j'ai apprises en faisant cette fonction :

Si l'identifiant d'une entrée est pomme, il peut être obtenu comme ceci C'est ce que je savais déjà :

.

var apple = $("#apple").val();

Si le nom d'une entrée est pomme, elle peut être obtenue comme ceci :

var apple = $("input[name=apple]").val();

Il y a une autre chose que je viens d'apprendre. Si vous supprimez un certain nom de nombreuses entrées :

$("#fruit").find("input:not(input[name=apple]),textarea,select").attr("disabled", true);
//从id为fruit的父元素里面寻找所有的input、textarea和select控件以及其值，但是除去name为apple的控件

De plus, je vais résumer la méthode ajax. Je l'ai presque oublié après ne pas l'avoir utilisé pendant une longue période :

$.ajax({
  type:"post",//可以选择post或者method
  url:"",//url接口
  data:{
    //参数列表
  },
  success:function(data){
    //如果访问url成功，data就是该url接口自动返回的数据
  }
})

Résumé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!