easyui是一個基于jQuery的開源UI框架,它提供了豐富的UI組件和易用的API接口。針對一些常見的數據庫查詢需求,easyui提供了json格式的數據格式和相應的插件,方便我們進行數據查詢和展示。
下面以easyui的datagrid為例,介紹一下如何使用json進行數據庫查詢。
// 前端代碼 $(function() { $('#datagrid').datagrid({ url: 'query.php', // 后端接口地址 method: 'post', queryParams: { name: '張三' // 查詢參數 }, columns: [[ {field:'id',title:'編號',width:80}, {field:'name',title:'姓名',width:100}, {field:'age',title:'年齡',width:100}, {field:'sex',title:'性別',width:100}, {field:'birth',title:'生日',width:150} ]] }); });
上面的代碼中,datagrid組件的url屬性指向了后端的接口地址,method屬性指定了請求方式,queryParams屬性指定了查詢參數,columns屬性則指定了表格的列信息。
// 后端代碼(PHP版) $name = $_POST['name']; $conn = mysqli_connect('localhost', 'root', 'root', 'test'); $sql = "SELECT * FROM user WHERE name = '$name'"; $result = mysqli_query($conn, $sql); $rows = array(); while ($row = mysqli_fetch_array($result)) { $rows[] = array( 'id' =>$row['id'], 'name' =>$row['name'], 'age' =>$row['age'], 'sex' =>$row['sex'], 'birth' =>$row['birth'] ); } echo json_encode(array('total' =>count($rows), 'rows' =>$rows));
后端的接口可以使用PHP、Java、Python等語言進行開發。在這個示例中,我們接收了前端傳遞過來的查詢參數$name,然后根據這個參數進行查詢操作。查詢結果通過rows數組封裝成json格式的數據,最后返回給前端datagrid組件進行展示。
總的來說,easyui提供了非常便捷的json數據查詢方式,可以幫助我們快速構建豐富、易用的前端頁面。
上一篇python 程序性能
下一篇python 程序員工資