本次实验采用HBuilder+Xampp实现PHP+MYSQL代码编写
效果如下图所示
一、PHP程序编写
打开HBuider程序，新建文件夹login，文件目录如下：
1、新建login.html实现登录界面
注册登录
function InputCheck(){
var x = document.forms["Login"]["username"].value;
if ( x == "" || x == null){
alert("请输入用户名!");
return (false);
}
var y= document.forms["Login"]["password"].value;
if (y == "" || y == null){
alert("请输入密码!");
return (false);
}
}
function Regpage() {
location='register.html';
}
学生信息管理系统
2、新建login.php登录界面功能实现
<?php //数据库连接
require("conn.php"); //我把连接数据库的连接代码写在conn.php脚本上
//从登录页接受来的数据
$name=$_POST["username"];
$pwd=$_POST["password"];
$sql="SELECT id,username,password FROM user WHERE username='$name' AND password='$pwd';";
$result=mysqli_query($conn,$sql);
$row=mysqli_num_rows($result);
if(!$row){
echo "alert('密码错误，请重新输入');location='login.html'";
}
else{
echo "alert('登录成功');location='index.php'";
}
?>3、新建register.html实现注册界面
注册页面
function ResCheck() {
var x=document.forms["Register"]["username"].value;
if ( x == "" || x == null){
alert("用户名不能为空!");
return (false);
}
var y= document.forms["Register"]["password"].value;
if (y == "" || y == null){
alert("密码不能为空!");
return (false);
}
var z= document.forms["Register"]["password2"].value;
if ( z!=y ) {
alert("两次密码输入不一致，重新输入！");
return (false);
}
}
用户注册
4、新建register.php注册界面功能实现
<?php //数据库连接
require("conn.php");
//从注册页接受来的数据
$user=$_POST["username"];
$pwd=$_POST["password"];
$sql="INSERT INTO user (username,password) VALUES ('$user','$pwd')";
$select="SELECT username FROM user WHERE username='$user'";
$result=mysqli_query($conn,$select);
$row=mysqli_num_rows($result);
if(!$row){
if (mysqli_query($conn,$sql)){
echo "alert('注册成功，请登录');location='login.html'";
}else{
echo "alert('注册失败，请重新注册');location='regsiter.html'";
}
}else{
echo "alert('该用户已经存在，请直接登录');location='login.html'";
}
?>
5、新建index.php注册界面功能实现
学生信息管理系统
body {
background-image: url(img/背景.jpg);
background-size: 100%;
}
.wrapper {
width: 1000px;
margin: 20px auto;
}
h1 {
text-align: center;
}
.add {
margin-bottom: 20px;
}
.add a {
text-decoration: none;
color: #fff;
background-color: #00CCFF;
padding: 6px;
border-radius: 5px;
}
td {
text-align: center;
}
学生信息管理系统
添加学生 共
个学生
查找学生
学号
姓名
性别
班级
学历
成绩
籍贯
操作
$value) {
foreach ($value as $k => $v) {
$arr[$k] = $v;
}
echo "";
echo "{$arr['id']} ";
echo "{$arr['name']} ";
echo "{$arr['sex']} ";
echo "{$arr['class']} ";
echo "{$arr['edu']} ";
echo "{$arr['grade']} ";
echo "{$arr['city']} ";
echo "
删除
修改
";
echo " ";
// echo "";
// print_r($arr);
// echo "
";
}
// 关闭连接
mysqli_close($link);
?>
function del(id) {
if (confirm("确定删除这个学生吗？")) {
window.location = "action_del.php?id=" + id;
}
}
6、新建conn.php连接数据库
7、新建addStudent.html添加学生信息界面
学生信息管理系统
body {
background-image: url(img/背景.jpg);
background-size: 100%;
}
.box {
display: table;
margin: 0 auto;
}
h2 {
text-align: center;
}
.add {
margin-bottom: 20px;
}
添加学生
学 号：
姓 名：
性 别：
班 级：
学 历：
--请选择--
研究生
本科
专科
高中
初中
成 绩：
籍 贯：
8、新建action_addStudent.php添加学生信息跳转
<?php //连接数据库
include 'conn.php';
// 获取增加的学生信息
$id = $_POST['id'];
$name = $_POST['name'];
$sex = $_POST['sex'];
$class = $_POST['class'];
$edu = $_POST['edu'];
$grade = $_POST['grade'];
$city = $_POST['city'];
//编写预处理sql语句
$sql = "INSERT INTO `student` VALUES(?, ?, ?, ?, ?, ?, ?)";
//预处理SQL模板
$stmt = mysqli_prepare($link, $sql);
// 参数绑定，并为已经绑定的变量赋值
mysqli_stmt_bind_param($stmt, 'sssssss', $id,$name, $sex, $class, $edu, $grade, $city);
if ($name) {
// 执行预处理（第1次执行）
$result = mysqli_stmt_execute($stmt);
//关闭连接
mysqli_close($link);
if ($result) {
//添加学生成功
//跳转到首页
header("Location:index.php");
}else{
exit('添加学生sql语句执行失败。错误信息：' . mysqli_error($link));
}
}else{
//添加学生失败
//输出提示，跳转到首页
echo "添加学生失败！
";
header('Refresh: 3; url=index.php'); //3s后跳转
}
9、新建action_del.php删除学生信息
<?php //连接数据库
include 'conn.php';
$id = $_GET['id'];
//删除指定数据
//编写删除sql语句
$sql = "DELETE FROM student WHERE id={$id}";
//执行查询操作、处理结果集
$result = mysqli_query($link, $sql);
if (!$result) {
exit('sql语句执行失败。错误信息：'.mysqli_error($link)); // 获取错误信息
}
// 删除完跳转到首页
header("Location:index.php");
10、新建action_editStudent.php修改学生信息
<?php //连接数据库
include 'conn.php';
// 获取修改后的学生信息
$id = $_POST['id'];
$name = $_POST['name'];
$sex = $_POST['sex'];
$class = $_POST['class'];
$edu = $_POST['edu'];
$grade = $_POST['grade'];
$city = $_POST['city'];
//编写预处理sql语句
$sql = "UPDATE `student`
SET
`name`= ?,
`sex`= ?,
`class`= ?,
`edu`= ?,
`grade`= ?,
`city`= ?
WHERE `id`= ?";
//预处理SQL模板
$stmt = mysqli_prepare($link, $sql);
// 参数绑定，并为已经绑定的变量赋值
mysqli_stmt_bind_param($stmt, 'sssssss', $name, $sex, $class, $edu, $grade, $city, $id);
if ($name) {
// 执行预处理（第1次执行）
$result = mysqli_stmt_execute($stmt);
//关闭连接
mysqli_close($link);
if ($result) {
//修改学生成功
//跳转到首页
header("Location:index.php");
}else{
exit('修改学生信息sql语句执行失败。错误信息：' . mysqli_error($link));
}
}else{
//修改学生失败
//输出提示，跳转到首页
echo "修改学生失败！
";
header('Refresh: 3; url=index.php'); //3s后跳转
}
11、新建editStudent.php添加学生信息界面
$value) {
foreach ($value as $k => $v) {
$arr[$k]=$v;
}
}
?>
学生信息管理系统
body {
background-image: url(img/背景.jpg);
background-size: 100%;
}
.box {
display: table;
margin: 0 auto;
}
h2 {
text-align: center;
}
.add {
margin-bottom: 20px;
}
修改学生信息
编 号：
" readonly="readonly">
姓 名：
">
性 别：
班 级：
">
学 历：
value="">--请选择--
value="研究生">研究生
value="本科">本科
value="专科">专科
value="高中">高中
value="初中">初中
成 绩：
">
籍 贯：
">
12、新建searchStudent.html查找学生信息界面
学生信息管理系统
body {
background-image: url(img/背景.jpg);
background-size: 100%;
}
.box {
display: table;
margin: 0 auto;
}
h2 {
text-align: center;
}
.add {
margin-bottom: 20px;
}
查找学生
学生编号：
13、新建searchStudent.php查找学生信息功能实现
<?php //连接数据库
include 'conn.php';
//获取id
$id = $_GET['id'];
//编写查询sql语句
$sql = "SELECT * FROM `student` WHERE `id`=$id";
//执行查询操作、处理结果集
$result = mysqli_query($link, $sql);
if (!$result) {
exit('查询sql语句执行失败。错误信息：'.mysqli_error($link)); // 获取错误信息
}
$data = mysqli_fetch_all($result, MYSQLI_ASSOC);
if (!$data) {
//输出提示，跳转到首页
echo "没有这个学生！
";
header('Refresh: 3; url=index.php'); //3s后跳转
exit();
}
//将二维数数组转化为一维数组
foreach ($data as $key => $value) {
foreach ($value as $k => $v) {
$arr[$k]=$v;
}
}
?>
学生信息管理系统
body {
background-image: url(1.jpg);
background-size: 100%;
}
.box {
display: table;
margin: 0 auto;
}
h2 {
text-align: center;
}
.add {
margin-bottom: 20px;
}
查看学生信息
编 号：
" readonly="readonly">
姓 名：
" readonly="readonly">
性 别：
班 级：
" readonly="readonly">
学 历：
value="">--请选择--
value="研究生">研究生
value="本科">本科
value="专科">专科
value="高中">高中
value="初中">初中
成 绩：
" readonly="readonly">
籍 贯：
" readonly="readonly">
二、创建数据库
1、打开Xampp，如图
2、 单击“Admin进入数据库，创建regitlogin数据库，新建查询命令 ，按回车键执行导入命令
SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for student
-- ----------------------------
DROP TABLE IF EXISTS `student`;
CREATE TABLE `student` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`name` varchar(32) DEFAULT NULL COMMENT '姓名',
`sex` char(2) DEFAULT NULL COMMENT '性别',
`class` varchar(6) DEFAULT NULL COMMENT '年龄',
`edu` varchar(12) DEFAULT NULL COMMENT '学历',
`grade` varchar(20) DEFAULT NULL,
`city` varchar(32) DEFAULT NULL COMMENT '籍贯',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=171 DEFAULT CHARSET=utf8;
-- ----------------------------
-- Records
-- ----------------------------
INSERT INTO `student` VALUES ('2022001', '傅晓东', '男', '计算机二班', '本科', '90', '河南');
INSERT INTO `student` VALUES ('2022002', '王小健', '男', '计算机二班', '本科', '81', '西藏');
3、在regitlogin数据库中建两个表，Student学生信息表
4、 User表存放登录者用户名和密码
三、 启动Xampp，在浏览器输入localhost/login.html，项目正确启动并运行了。
