车辆管理系统之继续自己的任务（八）-----终于可以修改了！

最新推荐文章于 2019-03-19 16:13:00 发布

转载最新推荐文章于 2019-03-19 16:13:00 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hellokitty1/p/5134435.html

本文介绍了一个使用JSP实现的车主信息修改页面的具体代码，包括前端界面布局、表单填写项及数据提交方式，并详细展示了如何通过Ajax进行数据加载与更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下周四五答辩。经过几天现在终于可以修改了！

jsp页面修改数据块：

 1 <!--修改车主信息  -->
 2   <div id="update" class="easyui-window" data-options="title:'修改车主信息',iconCls:'icon-bookmark-empty',modal:true,closed:true" style="width:780px;height:500px;padding:5px;">
 3         <div class="easyui-layout" data-options="fit:true">
 4             <div data-options="region:'center',border:false" style="padding:10px;background:#fff;border:1px solid #ccc;">
 5                         <form method="post" id="update_form" action="http://localhost:8080/carSystem/cy/masterAction_saveOrUpdateMaster.action" >
 6                              <input name="master.id"  class="masterId" type="hidden" id="mi">    
 7                                     <table  class="table" >
 8                                      <tr>
 9                                         <td class="td_right">姓 名：</td>
10                                         <td><input type="text" name="master.name" id="mn" /></td>
11                                         <td class="fenGe"></td>
12                                         <td class="td_right">出生日期：</td>
13                                         <td><input  type="text" name="master.birthday" id="mb" readonly="readonly" /></td>
14                                      <tr>
15                                     <tr>
16                                         <td class="td_right">性别：</td>
17                                         <td>
18                                         <label> <input type="text" name="master.gender" readonly="readonly"  id="mg"/></label></td>
19                                         <td></td>
20                                         <td class="td_right">单位或家庭地址：</td>
21                                         <td><input type="text" name="master.address"  id="ma"/></td>
22                                      <tr>
23                                     <tr>
24                                         <td class="td_right">录入时间：</td>
25                                         <td><input  type=text name="master.enterTime" readonly="readonly"  id="menter"></td>
26                                         <td></td>
27                                         <td  class="td_right">个人照片：</td>
28                                         <td></td>
29                                      <tr>
30                                     <tr>
31                                         <td class="td_right">备注：</td>
32                                         <td rowspan="2"><textarea rows="5" cols="15" name="master.remark" class="masterRemark" style="resize:none" id="mr"></textarea></td>
33                                         <td></td>
34                                      <!-- <td colspan="2" class="img"><img alt="" src="http://localhost:8080/carSystem/PAGE/images/1.png"></td> -->
35                                      <tr>
36                                     <tr>
37                                         <td class="td_right" >电话号码：</td>
38                                         <td><input type="text" name="master.phone"  class="masterPhone" id="mp"/></td>
39                                         <td></td>
40                                 <!--     <td class="td_right" colspan="2"><input type="file" name="master.picture" class="masterPicture" readonly="readonly"/> -->
41                                       <tr>
42                                     </table>
43                           </form>  
44                     </div>
45                 <br/><br/>
46                 
47             <div data-options="region:'south',border:false" style="text-align:center;padding:5px 0;">
48                    <a class="easyui-linkbutton" href="javascript:updateForm()"  id="update_master_btn">修改</a>   
49                 <a class="easyui-linkbutton" href="javascript:$('#update').window('close')" >取消</a>
50             </div>
51         </div>
52     </div>
53

通过id得到这条数据的值赋值个update_form. js

 1     {
 2                                     text : "修改",
 3                                     iconCls : "icon-edit",
 4                                     handler : function() {
 5                                         // 得到选中行  可以来得到id
 6                                         var rows = $('#test').datagrid('getSelections');
 7                                         if (rows.length == 1){
 8                                             $.ajax({
 9                                                 url : '/carSystem/cy/masterAction_getMasterById.action',//通过id来查询这条数据
10                                                 data : 'master.id=' + rows[0].id,
11                                                 cache : false,
12                                                 success : function(data) {
13                                                     var obj=data;
14                                                     $('#update').dialog('open');//打开修改窗口
15                                                     //赋值
16                                                     $('#update_form').form('load', {
17                                                         'master.id':obj.id,
18                                                         'master.name' : obj.name,
19                                                         'master.gender' :obj.gender==0 ? "女":"男",                
20                                                         'master.birthday' :obj.birthday,
21                                                         'master.phone' : obj.phone,
22                                                         'master.address' : obj.address,
23                                                         'master.enterTime' : obj.enterTime,
24                                                         'master.remark' : obj.remark,
25                                                         'master.picture' : obj.picture
26                                                 });
27                                                 }
28                                             });
29                                         }else{
30                                             alert("请选择一行");
31                                         }
32                                     }
33     
34                                 },

提交表单；

 1 function updateForm() {    
 2        //提交表单
 3 //        $('#update_form').form('submit');
 4      $.ajax({
 5            url:"/carSystem/cy/masterAction_saveOrUpdateMaster.action",
 6            type: "post",
 7            data:{
 8                 'master.id' : $('#mi').val(),
 9                 'master.name':$('#mn').val(),
10                 'master.gender' :$('#mg').val()=="男" ? 1: 0,            
11                 'master.birthday' :$('#mb').val(),
12                 'master.phone' : $('#mp').val(),
13                 'master.address' : $('#ma').val(),
14                 'master.enterTime' : $('#menter').val(),
15                 'master.remark' : $('#mr').val(),
16                 'master.picture' : $('#mp').val()
17            },
18            success: function(msg){
19              //关闭窗口
20                 $('#update').window('close');
21                 //刷新表格        
22                 $('#test').datagrid('reload');
23            }
24         });
25     }

Action的修改方法；

1 public String saveOrUpdateMaster() {
2         try {
3             master.setFlag(1);            
4             masterServiceImpl.updateMaster(master);
5         } catch (Exception e) {
6             log4j.error("MasterAction-----saveOrUpdateMaster()", e);
7         }
8         return null;
9     }

业务成实现类方法

1 public void updateMaster(Master master) throws Exception {
2             masterDaoImpl.updateMaster(master);
3 
4 }

最后一个图片上传。

转载于:https://www.cnblogs.com/hellokitty1/p/5134435.html