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

第四章 实验 2 Web 服务端脚本编写 一 实验目的 〔1通过上机实践,熟悉Apache服务器的安装和配置使用方法。 〔2掌握PHP脚本语言,熟练运用PHP语言进行服务器端编程。 二实验环境 硬件：Macbook Pro13.3 2015early 软件：Apache+My 编辑器：Sublime Text 三 实验内容及要求 1显示一个图书售卖界面,主要包括一下内容 〔1HTML的标题为Welcome to book seller。 〔2页面内容第一行黑体显示You are welcome。 〔3标签提示pleaseinput yourname,并创建输入框。 〔4标签提示pleaseinput your address,并创建输入框。 〔5标签提示pleaseinput your zip,并创建输入框。 〔6黑体显示pleasefill in thequantity fieldof the following form。 〔7表格分成四列,分别是book,publisher,price,quantity,其中包含的信息如表格所示 表 4.1图书样表 book publisher price quantity Web technology Springer press $5.0 mathematics ACM press $6.2 principle of OS Science press $10 Theory of matrix High education press $7.8 〔8quantity 采用输入框输入。 〔9显示payment method 〔10用单选按钮显示四个支付方式选项cash,cheque,credit card。 〔11显示两个标准按钮,submit按钮和reset按钮。 2当用户输入完各个内容并按下submit按钮后,通过脚本生成新的HTML页面。其中包含以下内容 （1）customername （2）customeraddress （3）customerzip 〔4以表格形式显示订购图书信息,包含四列book,publisher,price,total cost,其中total cost 通过脚本动 态计算生成。未购买的图书不显示。 〔5计算并显示××has bought××books。 〔××分别指代客户名字和购买书的数量 〔6计算并显示××paid××。 〔这里××指代客户名字和总金额数 〔7根据用户的选择显示paid by××。 〔这里×指代用户选择的支付方式 3将用户购买信息存入到文件中,每个客户包含三行信息,即2 中的 〔5 〔6 〔7三句话。 如果用户按的是重置按钮,则清除所有的输入信息。 四 实验过程 1编写 index.html,主要包括一下内容 〔1采用 HTML 的head 表示。 head titleWelcome to book seller/title /head 〔2采用h1标签。 h1You are wekcome!/h1 〔3 〔4 〔5采用tr/tr中嵌套td/td,td/td中嵌套input 标签实现。 〔7表格采用 table 标签实现。 table border=1px padding=1px tr thbook/th thpublisher/th thprice/th thquantity/th /tr tr tdWeb technology/td tdSpring Press/td td$5.0/td td input type=text name=WT size=30 / /td /tr tr tdMathmatics/td tdACM Press/td td$6.2/td td input type=text name=Ma size=30 / /td /tr tr tdPrinciple of OS/td tdScience Press/td td$10/td td input type=text name=PO size=30 / /td /tr tr tdTheory of Matrix/td tdHigh Education Press/td td