【说明】
一、静态网页制作
某电子商务公司用Asp实现了一个用于手机销售信息查询的网页，主页文件名为“inDEx.html”，其文档内容如下。
[inDEx.html文档内容]
＜html＞
＜hEAD＞
＜titlE＞易搜手机资讯广场＜/titlE＞
＜/hEAD＞
＜FrAmEsEt Cols="198, *" "BorDEr=0"＞
＜FrAmE nAmE="siDE" sCrolling="no"＞
＜FrAmEsEt rows=’96, *" "BorDEr=0"＞
＜FrAmE nAmE="top" sCrolling="no"＞
＜FrAmE nAmE="mAin" sCrolling="Auto"＞
＜/FrAmEsEt＞
＜/FrAmEsEt＞
＜BoDy＞
＜/BoDy＞
＜/html＞
二、动态网页编程
图6-9是用户按品牌型号进行查询时的网页(mAin.Asp)在iE浏览器上运行后的效果图。表6-9是手机信息数据库表结构。

表6-9 数据库字段说明表

字段名	类型	备注		字段名	类型	备注
iD	自动编号	记录编号		priCE	货币	参考价格
BrAnD	文本	手机品牌		FunCtion	文本	功能描述
typE	文本	手机型号

其中，BrAnD字段下共有两种数据：moto、nokiA，分别代表摩托罗拉、诺基亚。
【mAin.Asp文档的内容】
＜html＞
＜hEAD＞
＜titlE＞易搜手机资讯广场＜/titlE＞
＜/hEAD＞
＜BoDy BgColor="#FFFFFF" BACkgrounD="Bg1.giF" tExt="#000000"＞
＜tABlE BorDEr="0" CEllpADDing="0" CEllspACing="0" wiDth="100%"＞
＜lEFt＞
＜!-以下为实现按手机型号搜索功能的部分--＞
＜From nAmE="Form1" mEthoD="post" ACtion="mAin_sEArCh.Asp"＞
＜Div＞
＜tABlE wiDth="400" BorDEr="0"＞
＜tr＞
＜tD wiDth="120"＞请输入＜Font Color="FF0000"＞型号＜/Font＞关键字：＜/tD＞
＜tD wiDth="40"＞
＜input nAmE="sEArChtxt" typE="tExt"＞＜/tD＞
＜tD ColspAn="2"＞
＜input typE="suBmit" nAmE="suBmit" vAluE="搜索"＞＜/tD＞
＜/tr＞
＜/tABlE＞
＜/Div＞
＜/Form＞
＜/lEFt＞
＜/tABlE＞
＜!-以下为浏览手机信息部分功能＞
＜tABlE＞
＜CEntEr＞
＜%Dim sEArChtExt sEArChtExt=rEquEst.Form ("moBEl")
ExEC="sElECt * From moD orDEr By typEAsC"
sEt Conn=sErvEr.CrEAtEoBjECt ("ADoDB、ConnECtion")
DBpAth=sErvEr.mAppAth ("moD、mDB")
Conn.opEn "proviDEr=miCrosoFt.jEt.olEDB、4.0;DAtA sourCE="&DBpAth
sEt rs=sErvEr.CrEAtEoBjECt ("ADoDB、rECorDsEt")
rs.opEn ExEC, Conn, 1, 3
＜!-省略关于分页功能的代码＞
%＞
＜Div＞
＜tABlE BorDEr="1" wiDth="100%"＞
＜tr＞
＜th wiDth="20%"＞＜Font Color="#996633" sizE="2"＞品牌＜/Font＞＜/th＞
＜th wiDth="20%"＞＜Font Color="#996633" sizE="2"＞型号＜/Font＞＜/th＞
＜th wiDth="20%"＞＜Font Color="#996633" sizE="2"＞参考价格＜/Fonr＞＜/th＞
＜th wiDth="40%"＞＜Font Color="#996633" sizE="2"＞功能描述＜/Font＞＜/th＞
＜/tr＞
＜/tABlE＞＜Br＞
＜