新增·修改

在做MVC（Visual Studio）項目，SQL Server 數據庫是必不可少的，很多的插件，引用都要添加到數據庫里面，從而在數據庫里面方便引用出來使用。
增刪查改在MVC（Visual Studio）跟SQL Server 數據庫里面都有用到它們，增刪查改應用范圍十分廣泛，日常生活都能用到它們。
新增：在表格/數據庫上新增一條或多條數據；
1—新增 新增表單-數據表單錄入
1.1據靠表單錄入，模態框里面的表單：
1.2設計表格格式
①Bootstrap的模態框（modal dialog），添加網頁模態框，網頁模態框代碼：
@表單 模態框@//*** =id名稱

XXX

×




@* 隱藏域 重置按鈕*@

@* 隱藏域 修改時存放主鍵ID*@


三字代碼 :
@ 使用正則表達式驗證數據@



機場名稱:



城市名稱 :




拼音名:



確定
取消

②綁定事件 $("#cityName").on("change keyup keydown blur", function () { }//on（）:多點擊事件綁定，function：回調 //將城市名稱轉為拼音名稱 $("#cityName").on("change keyup keydown blur", function () { //獲取輸入的城市名稱 var cityName = $(this).val(); //去除最后的"市"字 if (cityName.endsWith("市")) { cityName = cityName.substr(0, cityName.length - 1); } //中文轉拼音 var pinyinName = pinyin.getFullChars(cityName); //顯示拼音 $("#pinyinName").val(pinyinName); //避免三字碼位數大于3$('#frmAirport [name="airportCode"]').blur(function () {var airportCode = $(this).val();if (airportCode.length > 3) {airportCode = airportCode.substr(0, 3);$(this).val(airportCode);}});

③打開新增模態框
//==打開新增模態框
function openInsertModal() {
//設置新增的標識
isInsert = true;
//重置表單
$(’#frmAirport [type = “reset”]’).click();
//設計model標題
$("#modalTitle").text(“新增三字碼”);
//顯示模態框
$("#modalAirport").modal(‘show’);
}
④確認點擊事件，保存新增信息到數據庫，并在保存數據進數據庫時驗證保存的數據與數據庫的格式是否一致
//===確認點擊事件-保存三字碼信息（機場信息）
function saveAirportInfor() {
//=獲取參數
var airportCode = $(’#frmAirport [name = “airportCode”]’).val();//三字碼
var airportName = $(’#frmAirport [name = “airportName”]’).val();//機場名稱
var cityName = $(’#frmAirport [name = “cityName”]’).val();//城市名稱
var pinyinName = $(’#frmAirport [name = “pinyinName”]’).val();//城市拼音碼

//==驗證數據if(airportCode!=undefined && airportCode!="" &&airportName!=undefined && airportName!="" &&cityName!=undefined && cityName!="" &&pinyinName != undefined && pinyinName != "") {//檢查三字碼的位數if (airportCode.length == 3) {//==發送請求到控制器if (isInsert) {//===新增的保存//打開加載層var layerIndex = layer.load();//發送請求$.post("@Url.Content("~/SystemMaintenance/TCCMaintain/InserAirport")",{airportCode: airportCode, //三字碼airportName: airportName,//機場名稱cityName: cityName,//城市名稱pinyinName: pinyinName//城市拼音名稱},function (msg) {//關閉加載層layer.close(layerIndex);if (msg.State) {//關閉模態框$("#modalAirport").modal('hide');//刷新table 刷新表格tabAirport.reload({page: {curr: 1 //重新從第 1 頁開始}});layer.alert(msg.Text, { icon: 1 });} else {layer.alert(msg.Text, { icon: 2 });}});

2—修改 回填數據 修改信息保存到數據庫
①點擊打開模態框并回填數據
//打開修改模態框(回填數據)
function openUpdate(airportID) {
//alert(airportID);
//設置修改標識
isInsert = false;
//重置表單
$(’#frmAirport [type = “reset”]’).click();
//設計model標題
$("#modalTitle").text(“修改三字碼”);
//===回填被修改的機場數據
$.post("@Url.Content("~/SystemMaintenance/TCCMaintain/SelectAirportByID")",
{
airportID: airportID,
},
function (jsonData) {
if (jsonData != null) {
②數據回填 回填到表格
//回填數據
$(’#frmAirport [name = “airportID”]’).val(jsonData.airportID);//機場ID!!!作為修改數據時的條件
$(’#frmAirport [name = “airportCode”]’).val(jsonData.airportCode.trim());//三字碼
$(’#frmAirport [name = “airportName”]’).val(jsonData.airportName.trim());//機場名稱
$(’#frmAirport [name = “cityName”]’).val(jsonData.cityName.trim());//城市名稱
$(’#frmAirport [name = “pinyinName”]’).val(jsonData.pinyinName.trim());//城市拼音碼
//顯示模態框
$("#modalAirport").modal(‘show’);
} else {
layer.alert(“參數異常”)
}
//console.log(jsonData);
});
} else {
③保存修改的數據
④保存數據進數據庫時進行驗證 驗證保存的數據與數據庫的格式是否一致
//修改的保存
//獲取修改機場的主鍵ID
var airportID = $(’#frmAirport [name = “airportID”]’).val();//機場ID
if (airportID != undefined && airportID!=""&& airportID > 0) {

} else {layer.alert("機場信息異常，請稍候再試");}//發送請求var layerIndex = layer.load();//發送請求$.post("@Url.Content("~/SystemMaintenance/TCCMaintain/UpdateAirport")",{airportID:airportID,//機場IDairportCode: airportCode, //三字碼airportName: airportName,//機場名稱cityName: cityName,//城市名稱pinyinName: pinyinName//城市拼音名稱},function (msg) {//關閉加載層layer.close(layerIndex);if (msg.State) {//關閉模態框$("#modalAirport").modal('hide');//刷新table 刷新表格tabAirport.reload();layer.alert(msg.Text, { icon: 1 });} else {layer.alert(msg.Text, { icon: 2 });}});}} else {layer.alert("三字碼位數必須為3");}}else {layer.alert("請填寫完整信息");}}

總結：
在增加數據，修改數據中，認識到了表格的重要，無論是增加還是修改，增改的都是內容。
1·增加數據，
①創建一個表單格式，并賦予表單各種事件/點擊事件
②綁定按鈕點擊事件，添加新增內容
③點擊添加按鈕，新增內容格式與數據庫格式進行判斷，
符合的則成功保存到數據庫，否則請檢查新增內容的格式

2·修改數據
①點擊修改按鈕，打開表單并回填表單上的數據
②把數據回填的信息，修改成自己想要的信息
③點擊修改按鈕，修改內容格式與數據庫格式進行判斷，
修改信息的內容與數據庫原本的信息內容進行置換，
符合的則成功保存到數據庫，否則請檢查新增內容的格式

3·重點
//—on（）:綁定多個點擊事件 function：回調
$("#cityName").on(“change keyup keydown blur”, function () { }
//—正則表達式：(/[^A-Z]/g, “”)
使用正則表達式驗證數據

//加載層—防止項目在運行中，點擊其它的事件，導致出錯
打開加載層var layerIndex = layer.load();
關閉加載layer.close(layerIndex);
//隱藏域 — 隱藏不需要的按鈕
重置按鈕

//刷新—刷新表格
tabAirport.reload();
//回填數據—點擊表單上的點擊事件，
打開表單并將原表上的數據回填到
打開的表單
$(’#frmAirport [name = “airportID”]’).val(jsonData.airportID);
//發送請求到數據庫
var layerIndex = layer.load();

總結

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

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