【合肥信息技术职业学院】《PHP网站开发》作业设计

《PHP网站开发》作业设计

作业名称 系别信息工程学院 专业班级 2021级计算机应用技术*班 学号 学生姓名

一、作业要求： 1、通过PHP实现小型信息系统，具体实现内容和题目自定； 2、必须实现PHP对MySQL数据库的读取、写入、更新及删除功能； 3、系统根目录中或在db文件夹中必须有导出的数据库文件，扩展名为.sql； 4、上交大作业时，纸质文档和电子档都要上交。纸质文档按固定格式将系统截图及代码打印出来装订成册。电子档将系统所有文件压缩成RAR或ZIP格式，并按照‘学号+姓名’格式命名，如：2021010000001张三； 5、完成的作业内容与他人雷同的皆判为不及格；从网上下载内容判为不及格。

二、评分标准： 1、完成作业基本要求即实现PHP对MySQL数据库的读取、写入、更新及删除功能；（60分） 2、增加其他功能。如登陆、搜索、分页等；（15分） 3、创新创意能力。作业设计与上课所讲案例有明显区别；（15分） 4、系统界面美化。布局合理美观，能应用CSS样式及图片美化界面。（10分）

三、得分：

一二三四总分评分人

1、数据库结构截图

2、主页效果图及代码

index.php

代码语言：javascript

复制

<?php
include("conn.php");
//设置编码 
?>
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>标题</title>

<!-- CSS -->

<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>
<body>

<h1>xxxx</h1>

<!--style="background-color:red;"-->

<button class="btn btn-success" data-toggle="modal" data-target="#modal4">添加</button>

<!--<button class="btn btn-success" data-toggle="modal" data-target="#modal5">编辑</button>-->
<!--motai-->

<!--modal-->
<table class="table table-hover" >

<thead>

<tr>

<th scope="col">id</th>

<th scope="col">银行卡号</th>

<th scope="col">姓名</th>

<th scope="col">年龄</th>

<th scope="col">职位</th>

<th scope="col">手机号</th>

<th scope="col">操作</th>

</tr>

</thead>

<tbody>

<?php

$sql_="SELECT * FROM bank";

result=conn->query($sql_);

while(rows=result->fetch_assoc()){

id=rows['id'];

idcard=rows['idcard'];

name=rows['name'];

age=rows['age'];

job=rows['job'];

phone=rows['phone'];

echo '<tr>';

echo '<th scope="row">'.$id.'</th>';

echo '<td>'.$idcard.'</td>';

echo '<td>'.$name.'</td>';

echo '<td>'.$age.'</td>';

echo '<td>'.$job.'</td>';

echo '<td>'.$phone.'</td>';

echo '<td>';

echo '<div class="btn-group" role="group" aria-label="Basic example">';

echo "<button type='button' class='btn btn-secondary' οnclick=&#34;editInfo('id&#39;,&#39;idcard','name&#39;,&#39;age','job&#39;,&#39;phone')&#34; data-toggle='modal' data-target='#modal5'>编辑</button>";

echo '<button type="button" class="btn btn-secondary"><a href="delete.php?id='.$id.'" style="color:white">删除</a></button>';

echo '</div></td>';

echo '</tr>';

//   idcard,name,age,job,$phone
  }
  
  ?&gt;

</tbody>

</table>
<div class="modal fade" id="modal4">

<div class="modal-dialog modal-dialog-centered">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">添加</h5>

<button class="close" data-dismiss="modal">

<span>&times;</span>

</button>

</div>

<div class="modal-body">

<form action="add.php" method="post">

<div class="form-group">

<label for="idcard" class="col-form-label">银行卡号:</label>

<input type="text" class="form-control"  name="idcard">

</div>

<div class="form-group">

<label for="name" class="col-form-label">姓名:</label>

<input type="text" class="form-control"  name="name">

</div>

<div class="form-group">

<label for="age" class="col-form-label">年龄:</label>

<input type="text" class="form-control"  name="age">

</div>

<div class="form-group">

<label for="job" class="col-form-label">职位:</label>

<input type="text" class="form-control"  name="job">

</div>

<div class="form-group">

<label for="phone" class="col-form-label">手机号:</label>

<input type="text" class="form-control"  name="phone">

</div>

<div class="modal-footer">

<button class="btn btn-secondary" data-dismiss="modal">关闭</button>

<button class="btn btn-primary" type="submit">保存</button>

</div>

</form>

</div>
	&lt;/div&gt;
&lt;/div&gt;

</div>

<div class="modal fade" id="modal5">

<div class="modal-dialog modal-dialog-centered">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">修改编辑</h5>

<button class="close" data-dismiss="modal">

<span>&times;</span>

</button>

</div>

<div class="modal-body">

<form action="save.php" method="post">

<div class="form-group">

<!--<label for="id" class="col-form-label">id:</label>-->

<input type="text" class="form-control" id="id" name="id" visibility="hidden">

</div>

<div class="form-group">

<label for="idcard" class="col-form-label">银行卡号:</label>

<input type="text" class="form-control" id="idcard" name="idcard">

</div>

<div class="form-group">

<label for="name" class="col-form-label">姓名:</label>

<input type="text" class="form-control" id="name" name="name">

</div>

<div class="form-group">

<label for="age" class="col-form-label">年龄:</label>

<input type="text" class="form-control" id="age" name="age">

</div>

<div class="form-group">

<label for="job" class="col-form-label">职位:</label>

<input type="text" class="form-control" id="job" name="job">

</div>

<div class="form-group">

<label for="phone" class="col-form-label">手机号:</label>

<input type="text" class="form-control" id="phone" name="phone">

</div>

<div class="modal-footer">

<button class="btn btn-secondary" data-dismiss="modal">关闭</button>

<button class="btn btn-primary" type="submit">保存</button>

</div>

</form>

</div>
	&lt;/div&gt;
&lt;/div&gt;

</div>
</body>

<script>

function editInfo(id,idcard,name,age,job,phone) {

//   向模态框中传值

$('#id').val(id);

document.getElementById("id").style.display="none";//隐藏

$('#idcard').val(idcard);

$('#name').val(name);

$('#age').val(age);

$('#job').val(job);

$('#phone').val(phone);

}

</script>

</html>

3、添加页面效果图及代码

add.php

代码语言：javascript

复制

<?php
include("conn.php");
if ($_POST) {
    // code...
    $idcard=$_POST['idcard'];
    $name=$_POST['name'];
    $age=$_POST['age'];
    $job=$_POST['job'];
    $phone=$_POST['phone'];
    $sql="INSERT INTO `bank` (`id`, `idcard`, `name`, `age`, `job`, `phone`) VALUES (NULL, '$idcard', '$name', '$age', '$job', '$phone')";
    $res=$conn->query($sql);
    echo "<script>alert('添加成功');history.go(-1);</script>";
} else {

echo "<script>alert('请先提交数据');history.go(-1);</script>";

}

4、编辑页面效果图及代码

save.php

代码语言：javascript

复制

<?php

include("conn.php");
if ($_POST) {

// code...

// var_dump($_POST);

id=_POST['id'];

idcard=_POST['idcard'];

name=_POST['name'];

age=_POST['age'];

job=_POST['job'];

phone=_POST['phone'];

sql=&#34;UPDATE `bank` SET `idcard` = &#39;idcard',name = 'name&#39;,`age` = &#39;age',job = 'job&#39;,`phone` = &#39;phone' WHERE id = '$id'";

res=conn->query($sql);

echo "<script>alert('添加成功');history.go(-1);</script>";
} else {

echo "<script>alert('请先提交数据');history.go(-1);</script>";

}

5、删除代码
delete.php

代码语言：javascript

复制

<?php
include("conn.php");

if ($_GET) {

id=_GET['id'];

sql=&#34;DELETE FROM `bank` WHERE `id` = &#39;id'";

conn-&gt;query(sql);

echo "<script>alert('删除成功');history.go(-1);</script>";

} else {

echo "<script>alert('请先提交数据');history.go(-1);</script>";

}

全部代码打包在这：