layui+TP5 实现用户展示及增加功能

今天记录一下layui table的增加用户功能，主要逻辑就是点击“+”号的图标，弹出一个注册用户框，在弹出层的下拉列表中要与数据库中的数据对应，实现二级联动。然后后台判断输入框的值是否符合规范。废话不多说，直接上代码。
1.前端代码

  
  
 





  


 

 

 


  

    

    
      

      
    
    

      

    
    

      

    
 
    

      

    
  



	
	

	

    用户名：
    

      
    
     
     
     

    真实姓名：
    

      
    
     
     
      

    密码(*)：
    

      
    
  
  
   

    性别：
    

      男        
      女
    
  

  
   

    所在部门：
    

      

      
    
  
     
   

    当前职位：
    

      

      
    
  
     
     

    联系方式：
    

      
    
     
      

    邮箱：
    

      
    
     
     
     

    就职日期：
    

       
    
  
	



        
        

前台代码是在写分页功能的基础上添加的功能。想了解分页功能的链接在这：
https://blog.csdn.net/qq_42942555/article/details/86573879
2.Controller层

    //获取下拉列表信息
    public function getSelectInfor(){
        $Dept=new Dept();
        $Role=new Role();
        $list=$Dept->field('deptname')->select();
//         $rs=Db::query('select deptname from dept');
        $list2=$Role->field('role_name')->select();
        $arr=array();
        $arr['list']=$list;
        $arr['list2']=$list2;
        return json($arr);
    } 

这是获取数据库中user表和dept表中的字段名传给前台。

 //添加用户
    public function addUser($username,$relname,$password,$sex,$dept,$role,$phone,$email,$ctime){
        if(!$username){
            return json(array("error"=>"用户名不能为空！"));
        }
        if(!$relname){
            return json(array("error"=>"真实姓名不能为空！"));
        }
       if (!preg_match('/^([\xe4-\xe9][\x80-\xbf]{2}){2,4}$/', $relname)){
            return json(array("error"=>"姓名格式不正确！"));
        }
        if(!$password){
            return json(array("error"=>"密码不能为空！"));
        }
        if($dept=="--请选择--"){
            return json(array("error"=>"请选择部门！"));
        }
        if($role=="--请选择--"){
            return json(array("error"=>"请选择职位！"));
        }
        if(!$phone){
            return json(array("error"=>"请填写联系方式！"));
        }
        if(!is_numeric($phone)){
            return json(array("error"=>"请填写正确格式的号码!！"));
        }

        //邮箱可以为空。但是不可填错误格式的邮箱
        if($email!=null){
        if(!preg_match('/([a-z0-9]*[-_.]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[.][a-z]{2,3}([.][a-z]{2})?/i',$email)){
            return json(array("error"=>"请填写正确格式的邮箱!！"));
        }
        }
        if(!$ctime){
            return json(array("error"=>"请填写入职时间！"));
        }
        
        $data = ['username' => $username, 'realname' => $relname,
            'password' => $password, 'dept' => $dept,'role' => $role, 'phone' => $phone,
            'email' => $email,'sex' => $sex,'ctime' => $ctime
        ];
         $dbUsername=Db::query("select * from users where username = '$username'");
          if (count($dbUsername)>0){
             return json(array("error"=>"用户名重复！"));
          }
          $tb=Db::table('users')->insert($data);
          return json(array("yes"=>"添加成功！"));
    }

这是用户添加功能。
看下效果:


好了。先写到这，有任何疑问可直接回复！