修改数据 (通过页面修改数据库数据)

1.搭建自己的页面,根据自己实际需求自行搭建改动,在此不要求统一(

   *页面上内容已通过单表查询与数据库数据连接

   *不会单表查询的可看我前面发表的文章这里就不重复

   *注意布局时要加入模态框(如图二))

《修改数据 (通过页面修改数据库数据)》

 

《修改数据 (通过页面修改数据库数据)》

2.为页面的“修改”按钮添加点击事件,点击时打开已写好的模态框

  *数据回填即点击相应的“修改”按钮时,对应的那一行数据回填到模态框中进行修改

  *参数”academeID”为上面自定义添加的两个按钮“修改”“删除”时传的参数如下图

《修改数据 (通过页面修改数据库数据)》

   *点击按钮时应判断academeID是否为空,为空即数据异常(因为修改时需要根据数据ID修改对应的数据)

   *创建XMLHttpRequest对象

《修改数据 (通过页面修改数据库数据)》

3.控制器查询信息传到页面

《修改数据 (通过页面修改数据库数据)》

     *写到此时,点击修改按钮弹出的模态框中的数据应已回填成功

     *如没有回填成功请仔细检查

4.验证回填后修改的数据

    *保存前应对数据进行验证以防数据为空

    *因为这里我需要学院编号不为空的同时是一个数据不能超过两为的有效数据(即 !/^\d{2}$/.test(academeCode)

《修改数据 (通过页面修改数据库数据)》

  5.保存修改数据

《修改数据 (通过页面修改数据库数据)》

      6.控制器保存数据

        *控制器应也进行二次验证数据,不允许回填修改的数据为空(可跟据自己的需求来修改判断)

        *通过 myModel.Entry(academe).State = System.Data.Entity.EntityState.Modified;

          对数据academe的修改保存到数据库中

《修改数据 (通过页面修改数据库数据)》

 

 

 

 

 

    原文作者:停在海边看日落
    原文地址: https://blog.csdn.net/weixin_55288991/article/details/117249748
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞