zoukankan      html  css  js  c++  java
  • 20180831 租房子(管理员) 增加 删除 修改 发布

    数据库(一个后台验证密码的表   另一个跟租房子(用户)的那个一样 )      文件路径

                         

    login.html   代码

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    <body>
    <fieldset>
    <form action="chuli/login.php" method="post">
    	<legend>登录页面</legend>
    	用户名: <input type="text" name="uid"><br>
    	密码: <input type="text" name="pwd"><br>
    	<button>登录</button>
    </form>
    </fieldset>
    </body>
    </html>
    

      

    login.PHP

    <?php
    session_start();//开启session
    /*连接数据库*/
    $db = new MySQLi("localhost","root","","z_0705");
    !mysqli_connect_error() or die("数据库连接错误");
    $db->query("set names utf8");
    
    /*接收前端传过来的数据*/
    $uid = $_POST['uid'];
    $pwd = $_POST['pwd'];
    
    /*查询用户表*/
    $sql = "select * from zfz_user";
    $res = $db->query($sql);
    $arr = $res->fetch_all();//结果集返回数组
    //var_dump($arr);
    //die;
    /*比对返回结果*/
    $name = "";//
    foreach($arr as $v){
    	if($uid == $v[0] && $pwd == $v[1]){
    		$name = $v[2];//如果密码和名字都对了就输出登陆者的名字
    		break;
    	}
    }
    //比对结果正确跳转首页
    if($name == "张三" ){
    	$_SESSION["uid"] = $uid;//获取uid
    	$_SESSION["uname"] = $name;//获取登录者的名字
    	header("location:../html/shouye.html");//成功跳转到管理员首页
    }else{
    	header("location:../yh.html");//成功跳转到用户首页
    }
    

      

    shouye.html

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="../../jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../js/shouye.js"></script>
    </head>
    
    <body>
    欢迎你:<span id="uid">加载中...</span><br>
    <a href="tianjia.html">添加信息</a>
    <a href="../login.html">退出系统</a>
    <table id="tab" width="100%" border="1"></table>
    </body>
    </html>
    

      

    shouye.js

    // JavaScript Document
    /*页面加载完成*/
    $(function(){
    	/*调用ajax方法*/
    	ajaxFun();
    })
    
    /*页面加载完成就调用这个方法上后台取数据*/
    function ajaxFun(){
    	$.ajax({
    		url:"../chuli/shouye.php",//请求路径
    		success:function(data){//执行成功回调
    			var attr = data.split("~");
    			$('#uid').html(attr[1]);
    			strToArr(attr[0]);//回调方法
    		}
    	});
    }
    /*将字符串转换为数组*/
    function strToArr(str){
    	var arr = str.split('^'),
    		brr = [];
    	for(var i=0;i<arr.length;i++){
    		brr.push(arr[i].split(","));
    	}
    	addHtml(brr);
    }
    
    /*组织html代码*/
    function addHtml(arr){
    	var str = `<tr>
    				<th>关键字</th>
    				<th>区域</th>
    				<th>使用面积</th>
    				<th>租金</th>
    				<th>租赁类型</th>
    				<th>房屋类型</th>
    				<th>操作</th>
    			</tr>`;
    	for(var i in arr){
    		str += `<tr>
    				<td>`+arr[i][1]+`</td>
    				<td>`+arr[i][2]+`</td>
    				<td>`+arr[i][3]+`</td>
    				<td>`+arr[i][4]+`</td>
    				<td>`+arr[i][5]+`</td>
    				<td>`+arr[i][6]+`</td>
    				<td><button onClick="show(this)" data="`+arr[i][0]+`">删除</button>
                      <button onClick="updateFun(this)" data="`+arr[i][0]+`">修改</button></td>
    			</tr>`;
    	}
    	$('#tab').html(str);
    }
    
    //删除的方法
    function show(obj){
    	var id = $(obj).attr('data');
    	$.ajax({
    		url:"../chuli/shouye.php",
    		data:{id:id,type:'del'},
    		success:function(data){
    			strToArr(data.split("~")[0]);
    		}
    	})
    }
    //修改的方法
    function updateFun(obj){
    	var id=$(obj).attr("data");
    	$.ajax({
    		url:"../chuli/update.php",
    		data:{id:id,type:"save"},
    		success:function(data){
    			location.href="update.html";
    		}
    	})
    }
    

      

    shouye.PHP

    <?php
    session_start();
    /*连接数据库*/
    $db = new MySQLi("localhost","root","","z_0705");
    !mysqli_connect_error() or die("数据库连接错误");
    $db->query("set names utf8");
    /*接收前端传过来的数据*/
    $uname = $_SESSION["uname"];
    $uid = $_SESSION["uid"];
    /*删除操作*/
    if(!empty($_GET)){
    	$id = $_GET['id'];
    	$sql = "delete from house where id = $id";
    	$res = $db->query($sql);
    }
    /*查询用户表*/
    $sql = "select * from house ";
    $res = $db->query($sql);
    $arr = $res->fetch_all();
    
    
    /*转成字符串返回*/
    echo arrToStr($arr)."~".$uname;
    function arrToStr($arr){
    	$brr = array();
    	foreach($arr as $v){
    		$temp = implode(",",$v);
    		$brr[] = $temp;
    	}
    	return implode("^",$brr);
    }
    

      

    tianjia.html

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>发布页面</title>
    <script type="text/javascript" src="../../jquery-3.2.1.min.js"></script>
    </head>
    <body>
       <a href="shouye.html">查看信息</a>
       <a href="../login.html">退出系统</a>
    <div>信息发送:</div>
    <form action="../chuli/tianjia.php">
        关键字:<input type="text" name="gjz"><br>
        区域:<input type="text" name="qy"><br>
        使用面积:<input type="text" name="symj"><br>
        租金:<input type="text" name="zj"><br>
        租赁类型:<input type="text" name="zplx"><br>
        房屋类型:<input type="text" name="fwlx"><br>
    	    <button   type="submit"  value="添加">添加</button>
         	<button   type="reset"   value="复位">复位</button>
    </form>
    </body>
    </html>
    

      

    tianjia.PHP

    <?php
    session_start();
    
    /*连接数据库*/
    $db = new MySQLi("localhost","root","","z_0705");
    !mysqli_connect_error() or die("数据库连接错误");
    $db->query("set names utf8");
    
    /*接收前端传过来的数据*/
    $gjz = $_GET["gjz"];
    $qy = $_GET["qy"];
    $symj = $_GET['symj'];
    $zj = $_GET['zj'];
    $zplx = $_GET['zplx'];
    $fwlx = $_GET['fwlx'];
    /*查询用户表*/
    $sql = "insert into house(keyword,area,squaremeter,rent,rentype,housetype) values('$gjz','$qy','$symj','$zj','$zplx','$fwlx')";
    $res = $db->query($sql);
    if($res){
    	header("location:../html/shouye.html");
    }else{
    	echo "<a href='../html/shouye.html'>添加错误</a>";
    }
    

      

    update.html

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="../../jquery-3.2.1.min.js"></script>
    </head>
    <body>
    <form action="../chuli/update.php">
    <input type="hidden" name="type" value="insert">
    	关键字:<input type="text" name="gjz"><br>
        区域:<input type="text" name="qy"><br>
        使用面积:<input type="text" name="symj"><br>
        租金:<input type="text" name="zj"><br>
        租赁类型:<input type="text" name="zplx"><br>
        房屋类型:<input type="text" name="fwlx"><br>
    	<button>确认修改</button>
    </form>
    </body>
    </html>
    <script>
    $(function(){
    	//ajax//请求数据
    	var url="../chuli/update.php",
    		data={type:"select"};
    	ajaxFun(url,strToArr,data)
    })
    //处理数据
    function strToArr(str){
    	var arr=str.split(",");
    	$("input[name='gjz']").val(arr[1])
    	$("input[name='qy']").val(arr[2])
    	$("input[name='symj']").val(arr[3])
    	$("input[name='zj']").val(arr[4])
    	$("input[name='zplx']").val(arr[5])
    	$("input[name='fwlx']").val(arr[6])
    }
    	//封存一个ajax方法
    	function ajaxFun(url,f1,data={},type="get",dtype="text"){
    		$.ajax({
    			url:url,
    			data:data,
    			dataType:dtype,
    			success:function(data){
    				f1(data);
    			}
    		})
    	}
    </script>
    

      

    update.PHP

    <?php
    session_start();
    
    if(!empty($_GET) && $_GET["type"] == "save"){
    	$_SESSION['id'] = $_GET["id"];
    }
    /*连接数据库*/
    $db = new MySQLi("localhost","root","","z_0705");
    !mysqli_connect_error() or die("数据库连接错误");
    $db->query("set names utf8");
    /*查数据*/
    $type = $_GET["type"];//判断来后台干什么
    switch($type){ 
    	case "select"://查询数据
    		$id = $_SESSION['id'];
    		$sql = "select * from house where id = $id";
    		$res = $db->query($sql);
    		$arr = $res->fetch_row();
    		echo implode(',',$arr);
    		break;
    	case "insert"://添加数据
    		/*接收前端传过来的数据*/
    $gjz = $_GET["gjz"];
    $qy = $_GET["qy"];
    $symj = $_GET['symj'];
    $zj = $_GET['zj'];
    $zplx = $_GET['zplx'];
    $fwlx = $_GET['fwlx'];
    /*查询用户表*/
    $sql = "insert into house(keyword,area,squaremeter,rent,rentype,housetype) values('$gjz','$qy','$symj','$zj','$zplx','$fwlx')";
    $res = $db->query($sql);
    if($res){
    	header("location:../html/shouye.html");
    }else{
    	echo "<a href='../html/shouye.html'>添加错误</a>";
    }
    }
    

      

  • 相关阅读:
    Binary Tree Zigzag Level Order Traversal
    Binary Tree Level Order Traversal
    Symmetric Tree
    Best Time to Buy and Sell Stock II
    Best Time to Buy and Sell Stock
    Triangle
    Populating Next Right Pointers in Each Node II
    Pascal's Triangle II
    Pascal's Triangle
    Populating Next Right Pointers in Each Node
  • 原文地址:https://www.cnblogs.com/sp1234/p/9567961.html
Copyright © 2011-2022 走看看