d1124
/
iscas.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>用户表</title>
  <link rel="stylesheet" href="layui/css/layui.css">
<script src="Bmob-2.2.5.min.js"></script>
</head>
<body>

  <form class="layui-form" action="">

    <div class="layui-form-item">
  <label class="layui-form-label">用户名</label>
  <div class="layui-input-inline">
    <input type="text" name="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
  </div>
</div>
<div class="layui-form-item">
  <label class="layui-form-label">密码</label>
  <div class="layui-input-inline">
    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
  </div>
  <div class="layui-form-mid layui-word-aux">请记住密码（密码无法被查到或修改）</div>
</div>
    <div class="layui-form-item">
      <div class="layui-input-block">
        <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo2">添加用户</button>
      </div>
    </div>
  </form>


<table class="layui-table" id="test" lay-filter="test"></table>

<script src="layui/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table
  ,laydate = layui.laydate
  ,form = layui.form;

  Bmob.initialize("f1cdf3c708bde14d", "981124","aab9e64e4a52a76dda9e71b56e2a6aab");
  laydate.render({
    elem: '#date'
  });


  const query = Bmob.Query('_User');
  query.find().then(res => {
      data=res;
      console.log(res)
      table.render({
        elem: '#test'
        ,url:'https://d1124.github.io/firstone/1.json'
        ,title: '用户表'
        ,toolbar: '#toolbarDemo'
        ,cols: [
          [
            {field:'objectId',title:'ID'}
          ,{field:'username', title:'用户名',unresize:true,edit: 'text'}
          ,{field:'lastdate',title:'检查日期',edit: 'text'}
          ,{field:'classname',title:'路线',edit: 'text'}
           ,{field:'classtime',title:'班次',edit: 'text'}
           ,{field:'name',title:'姓名',edit: 'text'}
           ,{field:'role',title:'角色',edit: 'text'}
          ]
          ]
        ,page: true
        ,response: {
          statusCode: 200
        }
        ,parseData: function(res){
          return {
            "code": res.status,
            "msg": data.length,
            "count": data.length,
            "data": data
          };
        }
      });
    }).catch(err => {

    })

  //监听单元格编辑
  table.on('edit(test)', function(obj){
    var value = obj.value //得到修改后的值
    ,data = obj.data //得到所在行所有键值
    ,field = obj.field; //得到字段

    const query = Bmob.Query('_User');
query.set('id', data.objectId) //需要修改的objectId
query.set(field, value)
query.save().then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})

    layer.msg('[ID: '+ data.objectId +'] ' + field + ' 字段更改为：'+ value);
  });


form.on('submit(demo2)', function(data2){
let params = {
    username: data2.field.username,
    password: data2.field.password,
}
Bmob.User.register(params).then(res => {
  console.log(res)
  location.reload();
}).catch(err => {
 console.log(err)
});
// location.reload();

return false;
})
});
</script>
</body>
</html>