修改用户信息，点击修改连接跳转到03-sel-update.html,这个页面一加载时就应该显示出当前用户的所有信息

最新推荐文章于 2023-07-09 22:01:04 发布

咸鱼-咸鱼-咸鱼

最新推荐文章于 2023-07-09 22:01:04 发布

阅读量4.8k

点赞数 1

本文链接：https://blog.csdn.net/qazwsx_edc1/article/details/80949705

版权

后台：myPro文件

const express=require('express');
var router=express.Router();

var pool=require('../pool.js');

//查询所有用户数据
router.get('/pro_List',(req,res)=>{
var sql='select * from xz_user';
pool.query(sql,(err,result)=>{
if(err) throw error;
res.send(result);
})
});

//删除功能
router.get('/ajaxDel',(req,res)=>{
var $uid=req.query.uid;
if(!$uid){
res.send("没获取到用户id");
return;
}
var sql="delete from xz_user where uid=?";
pool.query(sql,[$uid],(err,result)=>{
if(err) throw error;
res.send("1");//删除成功！
});
});

//根据uid查询当前用户的信息并响应给前端
router.get('/ajaxquery', (req,res)=>{
var $uid = req.query.uid;
//检测用户编号
if(!$uid){
res.send('没获取到用户id');
return;
}
var sql = `SELECT * FROM xz_user WHERE uid=?`;
pool.query(sql,[$uid],(err,result)=>{
res.send(result[0]);
});
});

//导出
module.exports=router;

前台：02-prolist.html文件

<!doctype html>
<html>
<head>
    <title>用户列表</title>
    <meta charset="utf-8">
    <style></style>
</head>
<body οnlοad="loadUsers()">
     <table border="1" width="800px">
        <thead>
           <th>登录名称</th>
           <th>电子邮箱</th>
           <th>联系方式</th>
           <th>用户姓名</th>
           <th>用户性别</th>
           <th>操作</th>
        </thead>
        <tbody id="showBody"></tbody>
     </table>

      //根据uid去删除用户
      function deleteUser(uid){
        //alert(uid);
        //1.创建xhr对象
         var xhr=createXhr();
        //2.监听事件
        xhr.onreadystatechange=function(){
         if(xhr.readyState==4&&xhr.status==200){
           var res=xhr.responseText;
          // console.log(res);
           if(res=="1"){
             alert("删除成功！");
             loadUsers();//删除以后重新加载列表
           }else{
             alert("删除失败！");
           }
         }
        }
        //3.打开连接
        xhr.open("get","/myPro/ajaxDel?uid="+uid,true);
        //4.发送请求
        xhr.send(null);
      }
     </script>

</body>
</html>

前台：03-sel-update.html文件

<!doctype html>
<html>
<head>
    <title>修改</title>
    <meta charset="utf-8">
    <style></style>
</head>
<body οnlοad="getInfo()">
    <h1>这是修改页面</h1>
   <form >
     <p>
      用户名称： <input type="text" id="uname" name="uname">
     </p>
     <p>
      用户密码： <input type="password" id="upwd" name="upwd">
     </p>
     <p>
      用户邮箱： <input type="email" id="email" name="email">
     </p>
     <p>
      联系方式： <input type="text" id="phone" name="phone">
     </p>
     <p>
      真实姓名： <input type="text" id="user_name" name="user_name">
     </p>
     <p>
       用户性别：<input type="radio" name="gender" id="man" value="1">男
       <input type="radio" name="gender" id="woman" value="0">女
     </p>
     <p><input type="submit" value="提交"></p>
   </form>

咸鱼-咸鱼-咸鱼

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
修改用户信息，点击修改连接跳转到03-sel-update.html,这个页面一加载时就应该显示出当前用户的所有信息

后台：myPro文件const express=require('express');var router=express.Router();var pool=require('../pool.js');//查询所有用户数据router.get('/pro_List',(req,res)=&gt;{ var sql='select * from xz_user'; pool.query(sql...
复制链接

扫一扫