史老师开学前布置的项目,用网页实现学生个人信息的增删查改,寒假时只看完了html和js,jQuery和PHP都处于现学现卖的状态,不过既然没要求交,那就瞎折腾吧。
(2016.3.19)目前已实现功能:
1.增:通关网页页面(表单)向数据库中添加个人信息
2.删:清空表单信息、删除数据表(后者慎用)
3.查:通过班级/姓名/学号/性别查询表单信息(存在BUG)
主要结构为三个主要页面和五个PHP文件:
1.主页界面Indx,供用户选择使用的功能(信息录入or信息查询)
源代码如下
学生个人信息登记表
学生个人信息登记表
个人信息录入
个人信息查询
界面如图,之后可逐步添加其他功能并进行页面美化
2..个人信息录入界面PHPtest.php,主要实现数据表的添加和清空、删除功能
(1)添加:在文本框里输入的个人信息在点击submit后,通过post方法发送至数据库,再通过MySQL的Insert方法添加至数据表
(2)清空数据表内容:点击最下方的清空表单按钮,会利用HTTP POS通过Ajax发送post请求,调用emptyform.php文件,在文件中DELETE FROM语句实现数据表清空
(3)删除数据表(慎用):点击最下方的删除表单按钮,会利用HTTP POS通过Ajax发送post请求,调用deleteform.php文件,在文件中DROP TABLE语句实现数据表清空(删除后数据表无法使用,需重建)
(4)获取整个表单的信息:点击最下方的获取表单按钮,同理调用getdata.php,使用SELECT语句输出表单。
源代码如下
(1)PHPtest.php
学生个人信息录入表
(2)emptyform.php
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "";
mysql_close($con1);
?>
3.学生个人信息查询界面Search.php,可通过班级/姓名/学号/性别查询表单信息(存在BUG)
点击四个按钮中的任意一个按钮,其他按钮会自动隐藏,按钮下显示出一个文本框,在文本框中输入的个人信息在点击submit后,通过post方法发送至数据库,在searchdaya.php中再通过MySQL的ELECT * FROM table WHERE语句实现查找
源代码如下:
(1)Search.php
学生个人信息查询表
学生个人信息查询表
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "";
}
if(mysql_query("SELECT * FROM student WHERE id='$_POST[id]'")!="")
{
$result = mysql_query("SELECT * FROM student
WHERE id='$_POST[id]'");
echo "
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "
";
}
if(mysql_query("SELECT * FROM student WHERE name='$_POST[name]'")!="")
{
$result = mysql_query("SELECT * FROM student WHERE name='$_POST[name]'");
echo "
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "
";
}
if(mysql_query("SELECT * FROM student WHERE gender='$_POST[gender]'")!="")
{
$result = mysql_query("SELECT * FROM student WHERE gender='$_POST[gender]'");
echo "
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "
";
}
mysql_close($con);
?>
目前查询功能仍然存在BUG,需要改进。
(待更新)
3.20更新
新增个人信息修改页面,将之前页面中的清空表单、删除表单功能移动至该页面(Modifyform.php),同时增加表单按学号排序功能
源代码如下:
Modifyform.php
学生个人信息表修改
";
echo "
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "
";
mysql_close($con1);
?>
计划明天(3.22)修改个人信息查询界面,按钮查询着实不太美观,应该改成其他排版格式(比如option)
3.22日更新
对查询界面Serach.php做出了修改,将button改为了option,既减少了代码量,又使界面更加简洁
同时searchdata.php也作出相应改动,使用searchtype和searchterm进行数据库查询而不是直接用变量名,从而去除了之前的BUG
代码如下:
(1)Sreach.php:
学生个人信息表查询
学生个人信息表查询
(2)searchdata.php
学生个人信息表查询结果
学生个人信息表查询结果
班级
学号
姓名
性别
";
while($row = mysql_fetch_array($result))
{
echo "";
echo "" . $row['class'] . " ";
echo "" . $row['id'] . " ";
echo "" . $row['name'] . " ";
echo "" . $row['gender'] . " ";
echo " ";
}
echo "";
mysql_close($con1);
?>