从这一节开始，开始着手开发部门管理模块。

之后的内容就在此基础上进行增加。

1.用户查询

在目录中建立一个user文件夹，作为我们用户管理的模块。

打开这个文件，新建一个userManage.html文件。



用编辑器打开这个文件，添加基本的文档结构：

<html>

	<head>

		<meta charset="utf-8">

		<title>用户管理</title>

	</head>

	<body>

	</body>

</html>

然后，在head标签内，写上easyUI的资源文件引用。

<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">

<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>

<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript" src="../jquery-easyui-1.3.3/validate.js"></script>

接下来，画一个table，渲染成EasyUI的datagrid，然后字段跟数据库中tm_users表一一对应。

<table id="grid0" title="用户管理" class="easyui-datagrid" fitColumns="true" pagination="true" rownumbers="true" url="query.php" toolbar="#toolbar">

	<thead>

    	<tr>

        	<th field="cb" checkbox="true" align="center"></th>

            <th field="id" width="30"  align="center">ID</th>

        	<th field="username" width="160"  align="center" >用户名</th>

            <th field="password" width="100"  align="center">密码</th>

            <th field="nickname" width="120"  align="center">昵称</th>

            <th field="createtime" width="180"  align="center">创建时间</th>

            <th field="updatetime" width="180"  align="center">最后更新时间</th>

            <th field="isdelete" width="80"  align="center">是否删除</th>

        </tr>

    </thead>

</table>

编写query.php，用于查询用户数据。

为了测试，我们先要在这个query.php中输出一个语句，然后在页面上刷新。那么，datagrid就会默认去找query.php这个文件

<?php

	echo "进来了";

?>



测试是成功的。

为了方便起见，我们先不考虑ResultData那些东西，先就把所有数据查询出来，然后JSON格式返回，参考代码如下：

<?php

	//连接MySQL数据库

	$conn = mysql_connect("localhost","root","");

	$db = mysql_select_db("test",$conn);

	mysql_query("set names utf8");

	$sql = "select * from tm_users where 1=1";

	$rs = mysql_query($sql) or die(mysql_error());

	$list = array();

	$count = 0;

	while($row = mysql_fetch_array($rs)){

		$list[$count++] = $row;

	}

	echo json_encode($list);

?>

【php增删改查实例】第十四节 - 用户管理模块（起步）的更多相关文章

  1. 【php增删改查实例】第十一节 - 部门管理模块（编辑功能）

    9. 编辑部门功能的实现 思路:只允许用户勾选一条数据,点击编辑按钮,会跳出一个和新增数据类似的对话框.然后,用户可以修改部门名称和部门编码.点击保存按钮,提示修改成功. 9.1 前台代码编写 < ...

  2. 【php增删改查实例】第六节 - 部门管理模块（开始）

    sql建表语句详见:https://www.jianshu.com/p/c88077ed9073 1.新建html模板 新建一个空白的txt文档,然后把后缀名改为.html 用任意一个编辑器打开,比如 ...

  3. 【php增删改查实例】第七节 - 部门管理模块（画一个datagrid表格）

    在easyui中,datagrid组件需要用一个table标签去渲染. <table id="grid0" title="部门管理" class=&quo ...

  4. 【php增删改查实例】第四节 -自己 DIY 一个数据库管理工具

    本节介绍如何自己DIY一个数据库管理工具,可以在页面输入sql 进行简单的增删改查操作. 首先,找到xampp的安装目录,打开htdocs: 新建一个php文件,名称为 mysqladmin.php ...

  5. 【php增删改查实例】第二十一节 - 用户修改功能

    19.1 添加用户修改的按钮 打开userManage.html,找到新增按钮的地方: 我们不难发现,编辑按钮就差不多应该在新建用户的右边. 那么,假如我现在是新人,对这个项目本身就不太熟悉,那么我得 ...

  6. 【php增删改查实例】第十七节 - 用户登录（1）

    新建一个login文件,里面存放的就是用户登录的模块. <html> <head> <meta charset="utf-8"> <sty ...

  7. 【php增删改查实例】第十五节 - 用户管理模块（删除确认）

    假如有一天,用户找到你,说万一不小心手一抖,就点击了删除用户,不太好.能不能再误点的时候,再给个确认框,让用户进行二次确认. OK,用户是上帝.这边我们可以考虑用confirm方法进行开发. 参考代码 ...

  8. 【php增删改查实例】第五节 - easyUI的基本使用

    1. 列表组件 datagrid 1.1 创建一个grid.html <html> <head> <meta charset="utf-8" /> ...

  9. yii2.0增删改查实例讲解

    yii2.0增删改查实例讲解一.创建数据库文件. 创建表 CREATE TABLE `resource` ( `id` int(10) NOT NULL AUTO_INCREMENT, `textur ...

随机推荐

  1. 安卓开发_浅谈TimePicker（时间选择器）

    TimePicker也继承自FrameLayout类.时间选择控件向用户显示一天中的时间(可以为24小时,也可以为AM/PM制),并允许用户进行选择.如果要捕获用户修改时间数据的事件,便需要为Time ...

  2. Android事件总线（二）EventBus3.0源码解析

    1.构造函数 当我们要调用EventBus的功能时,比如注册或者发送事件,总会调用EventBus.getDefault()来获取EventBus实例: public static EventBus ...

  3. 12.2、多线程通信:queue

    queue: 什么是队列:是一种特殊的结构,类似于列表.不过就像排队一样,队列中的元素一旦取出,那么就会从队列中删除. 线程之间的通信可以使用队列queue来进行 线程如何使用queue.Queue[ ...

  4. 利用webpack搭建的前端工程化环境

    随着webpack3.x的发布,其功能也越来越强大,很多的项目的编译打包工具也由gulp逐渐转移到webpack.最近因为项目重构考虑使用使用vue,同时想从原来的gulp切换到webpack,所以搭 ...

  5. 平板电脑安装Ubuntu教程

    平板电脑安装Ubuntu教程-以V975w为例,Z3735系列CPU通用 最近尝试在昂达V975w平板电脑和intel stick中安装ubuntu,经过分析,发现存在一个非常大的坑.但因为这个坑,此 ...

  6. Ant使用及项目实践

    1.简介 Ant 是一个 Apache 基金会下的跨平台的基于 Java 语言开发的构件工具.这是一个基于开放的操作系统构建和部署的工具,该工具需要从命令行执行. 2.特点 Ant 是基于 Java ...

  7. 【redis专题(3)】命令语法介绍之link

    通过链表结构可以模仿队列结构与堆栈结构:关于队列结构和堆栈结构可以查看https://www.zybuluo.com/a5635268/note/290475 增 lpush key value1 v ...

  8. input输入的数据只允许整数和浮点型数据

    //第一步:引入jquery //第二步:input输入框绑定该函数 例如:<input type="text" name="price" onInput ...

  9. [MapReduce_1] 运行 Word Count 示例程序

    0. 说明 MapReduce 实现 Word Count 示意图 && Word Count 代码编写 1. MapReduce 实现 Word Count 示意图 1. Map:预 ...

  10. 探索哪个进程使磁盘I/O升高

    如果生产环境中磁盘使用率突然升高,却不知道因为哪个应用程序导致的,这个时候我们可以使用pidstat命令来查看,比如 Linux .el7.x86_64 (ip.ec2.internal) _x86_ ...