客户端与服务器通过静态网页,网页的制作以及客户端和服务器的通信（11页）-原创力文档...

网页的制作以及客户端与服务器的通信

西电 测控教研室

【实现的目标】

制作网页以及完成服务器和客户端的数据交换。

【平台信息】

-------------目标板(Star2410)--------------

CPU:S3C2410X(ARM920-T结构)

SDRAM:HY57V561620(32MB)

FLASH:K9F1208(64MB)

NET:DM9000AE

Linux Kernel: 2.6.24

-----------------HOST----------------------

PC机一台

系统采用：

Windows XP Professional

装载IIS，用于测试。

【版本信息】

2010年4月28日 杨宁 编写初始版本V1.0 yangning723@163.com

实现的目标

制作一个测试网页，能够从服务器端读取数据并显示出来；

可以往服务器端写入数据，并执行相应的操作；

加入所需的其他元素并美化该网页。

开发板的准备条件

开发板上已经移植好BOA服务器(可参见BOA服务器的移植文档)

主机的准备条件

主机使用Windows XP系统，需要安装IIS服务器作为测试使用。

(可参见文档如何在Windows上搭建IIS服务器)

浏览器要求：IE6.0或者以上版本。

设计的思路

首先制作一个静态的网页，具体完成的有页面的文本格式化，表格的添加和操作，图片的添加，文本框的操作，单选框，复选框以及确认按钮等。

再次做一个简单的测试页面，完成服务器与客户端之间的数据交换和信息传递。

最后以静态页面为基础，修改并添加选项，做一个可以完成服务器与客户端数据交换的网页。

移植好嵌入式web服务器后，将制作好的网页放入服务器下的目录，即可以通过浏览器浏览网页并与服务器进行通信。

静态网页的编写主要用到HTML语言。可完成页面的文本格式化，表格的添加和操作，图片的添加，文本框的操作，单选框，复选框以及确认按钮等操作

服务器获取客户端数据的方式有多种(主要有GET和POST方式)

(1)GET方式保密性不好，而且能传递的数据量较小。

(2)POST通过form的形式传递，保密性好，传递的数据量大。

服务器往客户端传递数据变量用到了XML DOM以及JavaScript。

客户端往服务器传递数据使用的GET方式，通过url将数据传递环境变量，再通过环境变量将数据传递给CGI程序，再执行相应的程序。

具体的实验操作

首先，我们先要完成一个基本的静态页面。

HTML简介：

HTML语言的基本结构：

页面的标题

这是我的第一个页面。这是粗体文本。

这是一个最基本的结构。打开一个文本文档，复制以上代码，另存为一个 .html文件，即可得到一个网页。

HTML文本格式化实例：

功能：将网页分隔为几个部分。

具体代码：

解释说明：

这条语句将网页分割为20%，80%两部分，参数rows表示横向分割，即分为上下两个部分；frameborder="0"表示边框不显示。

表示第一部分引用该网页； scrolling表示不允许滚动条； noresize表示不可改动大小。

表示将剩下的第二部分再分成25%，75%两部分，参数cols表示纵向分割，即分为左右两部分；