EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css

來源：懂視網責編：小采時間：2020-11-27 16:03:33

EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css

EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css_WEB-ITnose:EasyUI是基于jQuery的用戶界面插件集合；DataGrid是數據表格； ThinkPHP是快速、簡單的基于MVC和面向對象的輕量級PHP開發框架。使用的集成開發環境是 WAMPSever，（wampserver是一個集成了Apache、PHP和MySQL的開發套件，而且支持不同PHP版本、

推薦度：

點擊下載本文 文檔為doc格式

導讀EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css_WEB-ITnose:EasyUI是基于jQuery的用戶界面插件集合；DataGrid是數據表格； ThinkPHP是快速、簡單的基于MVC和面向對象的輕量級PHP開發框架。使用的集成開發環境是 WAMPSever，（wampserver是一個集成了Apache、PHP和MySQL的開發套件，而且支持不同PHP版本、

EasyUI是基于jQuery的用戶界面插件集合；DataGrid是數據表格；

ThinkPHP是快速、簡單的基于MVC和面向對象的輕量級PHP開發框架。

使用的集成開發環境是 WAMPSever，（wampserver是一個集成了Apache、PHP和MySQL的開發套件，而且支持不同PHP版本、MySQL版本和Apache版本的切換）

效果如下：

主要代碼如下

1、定義一個表格

   ID  Product  Content

　　class="easyui-datagrid"是easyui里面自定義的格式，data-options用來初始化屬性，這里面的屬性包括rownumbers顯示行數，singleSelect表示行的選中狀態；

url:'{U(read)}'首先，ThinkPHP的U方法（參考：http://www.thinkphp.cn/info/132.html）用來完成對URL地址的組裝，在模板中的調用采用 {:U('地址', '參數'…)} 的方式，其次，EasyUI采用的數據格式是json,控制器里面的read方法輸出一個json格式的數據。toolbar:'#tb'這個是表格的工具欄，就是增加、刪除和修改。

定義表格的工具欄如下：

注意：這里面的id要和 toolbar：'#tb' 相對應；

2、點擊增加和修改的時候要彈出一個對話框，代碼如下：

 Information

class='easyui-dialog'定義了一個對話框，因為要和后臺交互，在這個對話框里面裝了一個form，里面的input元素有些需要進行驗證，required="true"表示必須填寫元素

class="easyui-validatebox"定義了驗證失敗后的提示，buttons="#dlg-buttons"表示這個對話框下面的兩個確認，取消按鈕。novalidate表示不驗證。

對話框中的按鈕：

 Save Cancel

3、頁面js函數

JS還不是很會，所以參考了網上的代碼。 $.messager.show是EasyUI提供的消息提示框（參考：http://www.jeasyui.net/demo/371.html），可以在屏幕右下角顯示一個消息窗口。$.messager.confirm是交互式消息，彈出一個消息確認框。

4、控制器里面的代碼（IndexAction.class.php）

display(); } publicfunction read(){

$Test = M('test'); /*$Total = $Test->count(); $Json = '{"total":'.$Total.',"rows":'.json_encode($Test->select()).'}';*/ $Json = json_encode($Test->select()); echo $Json;

 } public function insert(){ $data = $this->_post(); $Test = M('Test'); $result = $Test->add($data); if($result) { echo json_encode(array('success'=>true)); }else { echo json_encode(array('msg'=>'Some error occured')); } } public function update($ID=0){ $Test = M('test'); $ID = $_GET['ID']; if($Test->create()) { $Test->ID = $ID; $result = $Test->save(); if($result) { echo json_encode(array('success'=>true)); }else { echo json_encode(array('msg'=>'Some error occured')); } }else{ $this->error($Test->getError()); } } public function delete($ID=0){ $result = false; $Test = M('test'); $result = $Test->where('ID='.$ID)->delete(); if($result==false){ echo json_encode(array('msg'=>'刪除出錯！')); }else{ echo json_encode(array('success'=>true)); } } }?>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css

推薦度：

點擊下載本文 文檔為doc格式

標簽： php html web

熱門焦點

EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css

EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css

EasyUIDataGrid結合ThinkPHP實現增刪改查操作初學者_html/css

最新推薦

猜你喜歡

熱門推薦