施用easyUI创建一个CRUD的应用

使用easyUI创建一个CRUD的应用

crud成为普遍的应用去搜集数据和正常的管理.CRUD允许我们生成页面列表和编辑数据库数据,这个教程将告诉你如何实现CRUD DataGrid 使用easyUI框架.

我们将要使用以下插件:

datagrid: 显示用户列表数据.dialog: 创建或者编辑单个用户信息.form: 使用form提交数据.messager: 显示一些操作信息.

第一步: 准备好数据库

我们将使用mysql存储用户信息,创建数据库和'users'表.




第二步:创建DataGrid显示用户信息创建DataGrid 没有javascript代码:

使用DataGrid 的url属性,委派给'get_users.php'从服务器检索数据:
get_users.php代码文件:



第四步:实现创建和编辑用户当创建一个用户,我们打开一个对话框和清理form数据
移除一行之前,我们将显示一个确认confirm对话框让用户决定是否真的移除该行数据,当删除数据成功之后,调用'reload'方法刷新datagrid 数据
第7步: 运行代码在浏览器运行你的代码和开启MySQL .所以,现在你知道在EasyUI的基础的CRUD ,按下下面的连接启动示例应用:View Demo
下载EasyUI示例代码:easyui_crud_demo.zip