1.新建项目

新建comm、manage、js目录
将jQuery文件粘贴放入js中，将comm.php、config.php放入comm目录中，如下图所示：

2.数据访问层-dao层：用户dao

user.dao.php

<?php
/*
 * 用户信息数据表操作文件
*/
require_once "comm.php";//引入3.1节中的公共程序文件

function findUserList($searchName) {
    $strQuery = "select * from TBL_USER";
    if(isset($searchName)&&$searchName!="") {
        $strQuery .= " where uName like '%$searchName%'";//查询语句
    }
    $rs = execQuery($strQuery); //调用comm.php中的execQuery函数
    if(count($rs)> 0){//判断查询是否成功
        return $rs;
    }
    return $rs;
}
?>

3.业务层

doUserInfo.php

<?php
header('Content-type:text/json;charset=utf-8');
require_once '../comm/user.dao.php';//导入用户数据操作类
$searchName = $_POST['searchName'];
$userList = findUserList($searchName);
echo json_encode($userList);
?>

4.表示层-页面

userList.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
<p><input id="username" type="text" placeholder="请输入用户名"/><button onclick="getUserInfo()">搜索</button></p>
<table>
    <thead>
        <th>
           <td>用户编号</td>
            <td>用户名</td>
        </th>
    </thead>
    <tbody id="userInfo">

    </tbody>
</table>
</body>
<script type="text/javascript">
    function getUserInfo() {
        var searchName = document.getElementById("username").value;
        $.ajax({
            url:"./manage/doUserInfo.php",
            data:{searchName:searchName},
            type:"post",
            dataType:"json",
            success:function (data) {
                console.log(data);
                var trs="";
                for (var i=0;i<data.length;i++){
                    trs+="<tr><td>"+data[i]["uId"]+"</td>"+"<td>"+data[i]["uName"]+"</td></tr>";
                }
                document.getElementById("userInfo").innerHTML=trs;
            }
        })

    }
    getUserInfo();
</script>
</html>

php7.3+mysql用户模块

php7.3+mysql用户模块

1.新建项目

2.数据访问层-dao层：用户dao

3.业务层

4.表示层-页面