0061 Form和提交的概念以及基本数据输入控件(7)

可以看到，网页显示了5条数据。这是因为点击查询按钮时，调用了JavaScript函数onquery，函数里面设置了fromtype的输入项目的value为search，然后提交到自己本身php文件之后，通过判断逻辑得知fromtype的值时search，则认为是点击了查询按钮，因此执行查询逻辑，根据输入的值为a，返回5条数据记录。

[本文来自：www.11jj.com]

在姓名检索条件输入字符b，点击查询按钮：

[转载出处：www.11jj.com]

可以看到，网页显示了3条数据。逻辑和上面类似。

在姓名检索条件输入字符c，点击查询按钮：

可以看到，网页显示了1条数据。逻辑和上面类似。

PHP代码和HTML代码进行分离

之前在学习HTML和CSS的时候，很重要的一个习惯是将HTML代码和CSS代码进行分离；

包括后来学习了JavaScript之后，，也要进来将HTML代码和JavaScript代码进行分离；

同样的，最好也将PHP代码和HTML代码进行分离。

当然，在具体需要通过PHP代码输出网页显示内容的那一部分不需要进行分离，但是根据fromtype的值执行不同逻辑的代码部分是可以进行分离的，这样可以让网页显示和业务逻辑代码进行分离，好处也很明显。

将从第一行开始的<?php 和?>之前的代码全部移动到studentlist_do.php文件里面：

studentlist_do.ph修改如下：

然后修改studentlist.php文件，导入studentlist_do.php文件，类似于Python代码的import一样。

studentlist.php修改如下：

刷新网页，重复前面的查询条件进行查询，可以看到结果是一样的。

require的功能就相当于是将对应的文件studentlist_do.php里面的内容全部搬到studentlist.php里面i 一样。

通过这样的方式就能实现逻辑和显示的代码分离了。

发现2个问题：

1.页面初始化时没有数据，表头的宽度不对。

2.输入的查询条件在点击查询按钮之后不能记住，比如，选择了科目，点击查询之后，不能看到刚刚选择的是哪些科目，这样条件和结果就匹配不上。

下节课将来解决这2个问题。