登陆页面

第六课

主要目的：

1.讲述用户的交互界面，提供数据输入功能。

2.讲述如何使用代码插入数据到数据库中

首先呢，我们还是看上节课的原始代码：

得到的结果：如下：

由此我们可以知道，我们可以把数据库的所有的内容都显示在网页中。

假如我们要更多地显示学生的成绩，我们可能需要做的是在数据库中手动地添加成绩：

这样造成的问题是，所有学生的信息都需要管理员一个人先收集完才能统一地存入数据库中。

问题是，这样会造成管理人员的负担，同时，提交数据的人，每次都需要管理人员在线才可能。这样的结果跟我们在第一讲中需要服务器的道理是一样的。所以我们提供了一个解决方案：

就是给用户一个提交数据的界面，然后利用程序把数据收集起来写入数据库中。

这样一个解决方案需要我们需要交互界面的使用以及如何使用代码把数据写入数据库中。

1 交互界面

在HMTL中一般的交互界面如图所示：

所以刚开始我们来学习，这个几个主要的控件。显示一个输入成绩的表单。

表单：form

标签:label

文本框：text

按钮：button

完整代码如下：

运行结果：

这里按钮，有点问题，进行修改

结果如下：

另外这里有三个文本框，都是一样的，为了区分三个文本框，我们给每个文本框起一个名字：

接下来处理如何获取用户输入的内容：也就是说当用户输入信息时，点击提交的时候，我们要能够获取用户输入的信息。这里应该提到表单的两个参数：

1.表示的意思是，另外有一个页面专门用

来接收该用户提交的数据。

因此，我们需要额外的创建一个信息的页面。process.asp.

种方式进行数据的传递：

为了方便起见，我们先使用get方法。

如果使用了get方法，我们看一下，输入数据以后的效果点击登录以后的效果。

发现点击登录以后，没有任何的效果。为了达到发送信息的目的，我们要把按钮修改一下，

Submit是提交的意思，虽然也是按钮，不过它有额外功能就是提交数据。

再次点击，发现还是没有效果：是因为我们这里提交的按钮不需要对称性。修改如下：

结果如下：

事实上，上面stu_id=”1”中的1就是我们用户传送过来的数据。只不过显示在网址中，最后一步就是通过撑血，在process.asp页面中，接受传送过来的数据。

再次点击：

得到的结果如下：

依次类推：我们就可以得到，姓名和成绩了。程序代码如下：

执行结果如下：