南京邮电大学双语web实验二报告.docxVIP

南京邮电大学双语wｅｂ实验二报告

第四章实验２Web服务端脚本编写

一实验目标

（1）经过上机实践，熟悉Apache服务器的安装和配备使用方法。

(2)掌握PHP脚本语言，纯熟运用PHP语言进行服务器端编程。

二实验环境

硬件:MacｂooｋPro１3．3ｅaｒlｙ

软件:Apａｃhe+My

编辑器：SｕbliｍeText

三实验内容及规定

显示一个图书售卖界面,重要包含一下内容

(1)HTML的标题为“Ｗelcometｏbooksｅlｌｅｒ”。

（２)页面内容第一行黑体显示“Youarewｅlcome”。

(３）标签提醒“pleａseinputyourｎａｍe”，并创建输入框。

(4）标签提醒“pｌeasｅinputｙｏuｒaddress”,并创建输入框。

(5）标签提醒“pleaｓeiｎｐutｙｏurzｉp”,并创建输入框。

（6）黑体显示“ｐｌeasefｉlliｎtheｑｕantitｙfieldofｔｈefoｌloｗingfoｒｍ”。

（７）表格提成四列，分别是“bｏｏk”，“puｂliｓher”,“prｉce”，“ｑuanｔity”,其中包含的信息如表格所表达

表4.1图书样表

book

publiｓher

prｉｃe

qｕaｎtity

Wｅｂtechnoｌoｇｙ

Springeｒｐreｓs

＄5.0

maｔhｅmatics

ACMpreｓs

$6.２

prｉncｉpleoｆOS

Ｓcienceｐｒｅss

$10

Tｈeｏｒyofmａｔｒiｘ

Ｈigheducaｔionｐrｅｓs

＄7.8

（8）quaｎtity采取输入框输入。

(9）显示“pａymentｍethoｄ”

(10）用单项选择按钮显示四个支付方式选项“caｓｈ”,“cheque”，“credｉｔcard”。

（１1)显示两个原则按钮，“submit”按钮和“resｅｔ”按钮。

当用户输入完各个内容并按下“sｕｂｍit”按钮后,经过脚本生成新的HTＭL页面。其中包含如下内容

customernaｍe

custｏmｅraｄｄress

ｃustomｅrzip

(4）以表格形式显示订购图书信息，包含四列“ｂｏｏk”,“pｕblisher”,“pｒiｃe”,“totalcost”,其中totalｃoｓt经过脚本动态计算生成。未购置的图书不显示。

(5)计算并显示“××ｈaｓbought××books”。(××分别指代客户名字和购置书的数量)

(6)计算并显示“××paid××”。（这里××指代客户名字和总金额数）

（7)依照用户的选择显示“paｉdby××”。(这里×指代用户选择的支付方式)

将用户购置信息存入到文件中,每个客户包含三行信息，即2中的(5)(6)（7）三句话。

假如用户按的是“重置”按钮,则去除全部的输入信息。

四实验过程

编写inｄex.htmｌ，重要包含一下内容

（１）采取ＨTML的head表达。

hｅad

?ｔitleWelｃometobooｋｓeｌｌeｒ/tiｔle

/heaｄ

（2）采取＜h1标签。

h1Youａreweｋcome！/ｈ1＞

(3)(4）（5)采取tr/tr＞中嵌套ｔd＞＜/ｔd＞,td＞/ｔd中嵌套input标签实现。

(7）表格采取tabｌe标签实现。

tableborder=1ｐxpaddｉng＝＂1px＞

ｔｒ

ｔhbook＜/tｈ

ｔｈ＞publishｅr/tｈ

ｔh＞ｐriｃe/th＞

thquａｎｔiｔy/ｔｈ

＜/tr＞

ｔｒ

tdWｅｂtechnoloｇy/ｔｄ

＜ｔｄSpriｎgＰresｓ/ｔd

＜td＞$5.0/td

＜td

inputtype＝＂texｔｎaｍｅ=＂WTsize＝３0／

＜／ｔd

/ｔr

tr＞

ｔdMathｍａtiｃs/ｔd

tdACMPress／td

ｔd＄６.2/tｄ

＜td