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

第四章 实验 2 Web 服务端脚本编写 一 实验目的 （1）通过上机实践，熟悉 Apache 服务器的安装和配置使用方法。 （2 ）掌握PHP 脚本语言，熟练运用 PHP 语言进行服务器端编程。 二 实验环境 硬件：Macbook Pro13.3 2015early 软件：Apache+MySQL+PHP7.1.8 编辑器：Sublime Text 三 实验内容及要求 1 显示一个图书售卖界面，主要包括一下内容 （1）HTML 的标题为 “Welcome to book seller ”。 （2 ）页面内容第一行黑体显示 “You are welcome ”。 （3 ）标签提示 “please input your name ”，并创建输入框。 （4 ）标签提示 “please input your address”，并创建输入框。 （5 ）标签提示 “please input your zip ”，并创建输入框。 （6 ）黑体显示 “please fill in the quantity field of 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 （8 ）quantity 采用输入框输入。 （9）显示 “payment method ” （10）用单选按钮显示四个支付方式选项 “cash ”，“cheque ”，“credit card ”。 （11）显示两个标准按钮， “submit”按钮和 “reset ”按钮。 2 当用户输入完各个内容并按下 “submit ”按钮后，通过脚本生成新的 HTML 页面。其中包含以下内容 （1） customer name （2） customer address （3） customer zip （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