???????用戶在前臺頁面對數據庫中的信息修改時，程序功能上通常分為以下幾步：

???????第一步：用戶首先從數據庫中讀取出來所有的用戶信息展示在前臺頁面。
???????第二步：用戶選中某一行的信息，即要對選中行的信息進行修改。
???????第三步：選中某一行時，將這一行的信息進行獲取，顯示在一個table中。table中顯示的是，獲取到的該用戶的詳細信息，用戶只需要對某一個特定的屬性進行信息修改就可以了。
???????第四步：點擊保存按鈕，使數據庫中信息進行修改。

信息展示

<table id="ddg1" class="easyui-datagrid"data-options="url:'/getenchange_infomation',method:'get',border:false,singleSelect:true,fit:true,collapsible:false,pagination:true,pageSize:25,pageList:[25,15,10],fitColumns:true"><thead><tr><th data-options="field:'train_no',align:'center'">培訓編號</th><th data-options="field:'train_name',align:'center'">培訓名稱</th><th data-options="field:'train_type',align:'center'">培訓類型</th><th data-options="field:'train_address',align:'center'">培訓地點</th><th data-options="field:'speaker',align:'center'">主講人</th><th data-options="field:'hours',align:'center'">學時</th><th data-options="field:'start_time',align:'center'">起始時間</th><th data-options="field:'end_time',align:'center'">結束時間</th><th data-options="field:'limit_number',align:'center'">限制人數</th><th data-options="field:'reported_number',align:'center'">已報人數</th><th data-options="field:'state',align:'center'">狀態</th></tr></thead></table>

???????通過上述代碼，我們可以將后臺數據庫中的信息進行展示在前臺，與此同時需要注意的是：field后面跟著的屬性名，一定要和你數據庫中的屬性名一樣。定義一個實體類，屬性定義為和數據庫中的屬性名相同即可。

信息修改

????信息讀取

???????首先建立一個table用戶存放用戶所要展示的信息

<form id="fim" method="post" ><table border="0" style="margin-top:4px;" align="center" width="100%"><tr><td><label>項目編號:</label></td><td width="10%"></td><td><input class="easyui-textbox" readOnly="true" type="text" name="train_no" ></input></td></tr><tr><td><label>名稱:</label></td><td width="10%"></td><td><input name="train_name" class="easyui-textbox" style="height:20px" /></td></tr><tr><td><label>學時:</label></td><td width="10%"></td><td><input name="hours" class="easyui-textbox" /></td></tr><tr><td><label>培訓類型:</label></td><td width="10%"></td><td> <select class="easyui-combobox" name="train_type" style="width:174px; height: 26px;"><option value="教學沙龍">教學沙龍</option><option value="專題講座">專題講座</option><option value="教學工作坊">教學工作坊</option><option value="王秀槐工作坊">王秀槐工作坊</option><option value="教育技術培訓">教育技術培訓</option><option value="其它">其它</option></select></td></tr><tr><td><label>培訓地點:</label></td><td width="10%"></td><td><input name="train_address" class="easyui-textbox" /></td></tr><tr><td><label>主講人:</label></td><td width="10%"></td><td><input name="speaker" class="easyui-textbox" /></td></tr>。。。。。//省略幾行代碼</table></form><div data-options="region:'south',border:false" style="text-align:center;padding:5px 0 0;"><a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="saveenchangeinfo();" style="width:80px">保存</a><a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#modifydg').window('close')" style="width:80px">關閉</a></div>

???????我們使用選中行，row的方法直接獲取row的數據，然后將數據放入上述table中，對此我們table當中的每個name值要保持和代碼1中field的屬性名一樣。也就是說，代碼1中第一個屬性名為train_no,那么table中的項目編號的name值也要設置為train_no.

function editenchangeteacherinfo() {var row = $('#aa1').datagrid('getSelected');if (row){$('#modifydg1').dialog('open').dialog('setTitle','修改教師信息');//顯示未修改前的用戶信息$('#fiminfo').form('load',row);}else{alert("請先選擇要修改的教師！");}}

展示截圖

頁面信息展示圖

信息修改展示圖
???????上述圖為選中某一行，點擊修改按鈕的頁面。

???????如果我們修改table中的name值的設定代碼，也就是兩個屬性名不一樣。如下面name的值均發生了改變。

<tr><td><label>名稱:</label></td><td width="10%"></td><td><input name="name" class="easyui-textbox" style="height:20px" /></td></tr><tr><td><label>學時:</label></td><td width="10%"></td><td><input name="xueshi" class="easyui-textbox" /></td></tr>

將會出現以下頁面：

???????上述圖為選中某一行，因為屬性名設置的不相同，名稱和學時的內容獲取不出來。

row的注意事項

???????通過以上了解到，row找到一行的全部屬性，然后放入到對應的屬性框里去。

???????如果row中沒有這個屬性也是會顯示為空的。比如：在第一次的代碼中，如果沒有設置field中的train_name屬性，table中卻有這個屬性，顯示內容照樣為空。

總結

以上是生活随笔為你收集整理的信息修改注意事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。