登录  /  注册
首页 > 博客列表 > 数据库基本操作20180424,17点24
博主信息
博文 33
粉丝 3
评论 0
访问量 22055
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
数据库基本操作20180424,17点24
MrZ的博客
原创
700人浏览过

一、知识点

1，涉及内容

数据库基本操作（新建数据库，新建表，编辑表，基本维护），php连接mysql基本操作，php操作mysql基本操作。

2，数据库操作基本步骤

定义连接串-》数据库连接-》定义sql语句-》执行语句-》接收结果集-》显示结果集=》释放结果集-》关闭连接。

3，实战案例

涉及内容：数据库连接，php操作数据库增删改查，返回消息和结果给前端。

二、实战案例

效果图

QQ图片20180424171401.png

三、代码部分

1，主页

实例
<!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">
  <style type="text/css">
  	h1{
  		
  		color: #009688;
  		margin: 30px auto;
  	}
  	div{
  		margin: 5px auto;
  	}
  	tr,th{
  		text-align: center;
  	}
    #zwf{
      margin: 20px;
    }
  </style>
</head>
<body>
 
<div class="layui-container">
	
<div class="layui-row">
<div class="layui-col-md6 layui-col-md-offset3"">
	<h1 align="center">学籍在线管理系统</h1>
</div>
<div class="layui-row">
	<div class="layui-col-md4 layui-col-md-offset4">

		<form class="layui-form" >
	 <div class="layui-form-item" >
    <label class="layui-form-label">查询行数</label>
    <div class="layui-input-block">
      <input type="text" id="row" required  lay-verify="required" placeholder="请输入需要查询行数" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-block" align="center">

      <button class="layui-btn" id="select" onclick="return false">查询</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
		</form>

		
	</div>
</div>
<div class="layui-row">
  <div class="layui-col-md4 layui-col-md-offset4">

    <form class="layui-form" >
   <div class="layui-form-item" >
    <label class="layui-form-label">姓名</label>
    <div class="layui-input-block">
      <input type="text" id="name" name="name1" required  lay-verify="required" placeholder="请输入需要添加的学生姓名" autocomplete="off" class="layui-input">
    </div>
    <label class="layui-form-label">年龄</label>
    <div class="layui-input-block">
      <input type="text" id="age" name="age1" required  lay-verify="required" placeholder="请输入需要添加的学生年龄" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-block" align="center">

      <button class="layui-btn" id="inset" onclick="return false">添加</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
    </form>
   
    
  </div>
</div>	
</div>

    <div class="layui-row">
  <div class="layui-col-md4 layui-col-md-offset4">

    <form class="layui-form" >
   <div class="layui-form-item" >
    <label class="layui-form-label">ID</label>
    <div class="layui-input-block">
      <input type="text" id="id" name="id" required  lay-verify="required" placeholder="请输入需要删除的ID" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-block" align="center">

      <button class="layui-btn" id="del" onclick="return false">删除</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
    </form>

     <div align="center">
      <span id="zwf" style="color: red"></span>
    </div>
  </div>
</div>
<div class="layui-row">
	<div class="layui-md12">
<table class="layui-table">
  <colgroup>
    <col width="80">
  </colgroup>
  <thead>
    <tr>
      <th>学号</th>
      <th>姓名</th>
      <th>年龄</th>
      <th>院系年级</th>
      <th>班主任</th>
    </tr> 
  </thead>
  <tbody id="tbody">
    
    
  </tbody>
</table>
	</div>
</div>
</div>
 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script>
$('#select').on('click', function(){
	var row=$('#row').val();
	if (row.length!=0 && row>0) {
		$.get('select.php', {row1:$('input[id="row"]').val()}, function(data){
    var dataObj=eval("("+data+")");
        $('#zwf').text('操作提示：'+dataObj.msg+' ！')

        $('#tbody').html(dataObj.table)
        

		})

	}
	else{
		$('#zwf').text('没有输入行数或输入错误！')
	}
  
})


$('#inset').on('click', function() {
  var in_data=$('#name').val()
  if (in_data.length!=0) {
    $.post('inset.php', {'name': $('input[name="name1"]').val(),'age': $('input[name="age1"]').val()}, function(data) {
      var dataObj1=eval("("+data+")");
     $('#zwf').text(dataObj1.msg)
    });
  }
  else{
    $('#zwf').text('请输入需要插入的数据！')
  }


});



$('#del').on('click', function() {
  var in_data=$('#id').val()
  if (in_data.length!=0) {
    $.post('delete.php', {'id': $('input[name="id"]').val()}, function(data) {
      var dataObj1=eval("("+data+")");
     $('#zwf').text(dataObj1.msg)
    });
  }
  else{
    $('#zwf').text('请输入需要删除数据！')
  }


});









               
        

</script> 
<script src="layui/layui.js"></script>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例

2，验证页

实例

<?php 
require 'config.php';

//数据库连接-公共部分

$conn=mysqli_connect(host,db_un,db_pw,db_name) or die('数据库连接错误');
//2，delte练习
$id=$_POST['id'];
$sql_select2= 'DELETE from student WHERE id='."$id";
$res=mysqli_query($conn,$sql_select2);
if ($res) {
	echo json_encode(['msg'=>'删除成功']);
}
else{
	echo json_encode(['msg'=>'删除失败']);
}

 ?>

<?php 
require 'config.php';

//数据库连接-公共部分

$conn=mysqli_connect(host,db_un,db_pw,db_name) or die('数据库连接错误');
//2，INSERT练习
$name=$_POST['name'];
$age=$_POST['age'];
$sql_select1= 'INSERT INTO student SET NAME = "'.$name.'",'.'age='.$age;
$res=mysqli_query($conn,$sql_select1);
if (@mysqli_insert_id($res)==0) {
	echo json_encode(['msg'=>'插入成功']);
}
else{
	echo json_encode(['msg'=>'插入失败']);
}

 ?>
<?php 
require 'config.php';

//数据库连接-公共部分

$conn=mysqli_connect(host,db_un,db_pw,db_name) or die('数据库连接错误');
//1，select练习
$sql_select="select * from student limit {$_GET['row1']}";
$res=mysqli_query($conn,$sql_select);
if ($res) {
 if (mysqli_num_rows($res)>0) {
  $rows=mysqli_num_rows($res);

 while ($array_data1=mysqli_fetch_assoc($res)) {
          $array_data[]=$array_data1;
        }


  $table="<table>";
  for ($i=0; $i < $rows ; $i++) { 
   $data=$array_data[$i];
   $table.='<tr>';
   $table.='<td>'.$data['id'].'</td>';
  $table.='<td>'.$data['name'].'</td>';
  $table.='<td>'.$data['age'].'</td>';
  $table.='<td>'.$data['class'].'</td>';
  $table.='<td>'.$data['teacher'].'</td>';
   $table.='</tr>';
  }
  $table.="</table>";
 
  echo json_encode(['msg'=>"共为您查询到:$rows 条记录",'table'=>"$table"]);



    }
    else{
     exit(json_encode(['status'=>0,'msg'=>'没有查询到任何记录']));
    }

}








 ?>
<?php 
define('host', 'localhost');
define('db_un', 'root');
define('db_pw', 'root');
define('db_name', 'test');

 ?>

运行实例 »

点击 "运行实例" 按钮查看在线实例


批改状态：合格

老师批语：
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录