一、实验目的和要求

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”，其中包含的信息如
表格所示
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 如果用户按的是“重置”按钮，则清除所有的输入信息。

二、实验环境(实验设备)

三、实验原理及内容

1首先编写html页面

<html>
<head><title>Welcome to book seller</title>
</head>
<body><form action = "seller.php" method = "post"><h1>Yor are Welcome</h1><table><tr><td >please input your name</td><td><label><input type = "text" name = "name" size = "30"/></label></td></tr><tr><td>please input your address</td><td><label><input type = "text" name = "address" size = "30"/></label></td></tr><tr><td>please input your zip</td><td><label><input type = "text" name = "zip" size = "30"/></label></td></tr></table><p style="font-family: 黑体">please fill in the quantity field of the following form</p><table border = "border"><tr><th>book</th><th>publisher</th><th>prise</th><th>quantity</th></tr><tr><th>Web technology</th><td>Springer</td><td>$5.0</td><th><label><input type= "text" name = "web"/></label></th></tr><tr><th>mathematics</th><td>ACM press</td><td>$6.2</td><th><label><input type="text" name="mathematics"/></label></th></tr><tr><th>principle of OS</th><td>Science press</td><td>$10</td><th><label><input type =  "text" name = "OS"/></label></th></tr><tr><th>Theory of matrix</th><td>High education press</td><td>$7.8</td><th><label><input type =  "text" name = "matrix"/></label></th></tr></table><h3>Payment method:</h3><p><label><input type = "radio" name = "payment" value = "cash" checked = "checked"/>Cash</label><label><input type = "radio" name = "payment" value = "cheque"/>cheque</label><label><input type = "radio" name = "payment" value = "credit card"/>credit card</label></p><p><label><input type = "submit" value = "Submit"/></label><label><input type = "reset" value = "Reset"/></label></p></form>
</body>
</html>

2 html页面效果如下图所示

3 编写服务端php脚本

<html>
<head><title>process the seller.html form</title>
</head>
<body><?php$web = $_POST["web"];$mathematics  = $_POST["mathematics"];$OS = $_POST["OS"];$matrix = $_POST["matrix"];$name = $_POST["name"];$address = $_POST["address"];$city = $_POST["zip"];$payment = $_POST["payment"];if($web == "") $web = 0;if($mathematics == "") $mathematics = 0;if($OS == "") $OS = 0;if($matrix == "") $matrix = 0;$web_cost = 5.0 * $web;$mathematics_cost = 6.2 * $mathematics;$OS_cost = 10 * $OS;$matrix_cost = 7.8 * $matrix;$total_price = $web_cost + $mathematics_cost + $OS_cost + $matrix_cost;$total_items = $web + $mathematics + $OS + $matrix;?><h4>costomer:</h4><?phpprint("$name<br/> $address<br/> $city<br/>");?><p/><p/><table border = "border"><caption>Order information</caption><tr><th>book</th><th>publisher</th><th>price</th><th>total cost</th></tr><tr align = "center"><td>Web technology</td><td>Springer</td><td>$5.0</td><td><?php printf("$%4.2f",$web_cost)?></td></tr><tr align = "center"><td>mathematics</td><td>ACM press</td><td>$6.2</td><td><?php printf("$%4.2f",$mathematics_cost)?></td></tr><tr align = "center"><td>principle of OS</td><td>Science press</td><td>$10</td><td><?php printf("$%4.2f",$OS_cost)?></td></tr><tr align = "center"><td>Theory of matrix</td><td>High education press</td><td>$7.8</td><td><?php printf("$%4.2f",$matrix_cost)?></td></tr></table><p/><p/><?php print "$name has bought $total_items books<br/>";printf("$name paid $%5.2f<br/>",$total_price);print "paid by $payment<br/>";?>
</body>
</html>

4 服务端页面显示如下

四、实验小结（包括问题和解决方法、心得体会、意见与建议等）

(一)实验中遇到的主要问题及解决方法
1、要把input标签放在label标签里
2、提交和重置按钮只对同一级form下的内容生效
（三）意见与建议（没有可省略）

南京邮电大学Web技术双语实验二（Web服务端脚本编写）相关推荐

南京邮电大学Web技术双语实验一（客户端HTML脚本编写）
文章目录一. 实验目的和要求二.实验环境(实验设备) 三.实验原理及内容 (一)编写个人主页 (二)计算方程的两个根四.实验小结(包括问题和解决方法.心得体会.意见与建议等) (一)实验中遇到的 ...
南京邮电大学java实验报告_南京邮电大学java第二次实验报告
三.实验内容 1. 寻找并输出11~999之间的数m,它满足m.m2.m3均为回文数.回文数是各位数字左右对称的整数.判断是否为回文要求通过编写方法来完成. packageTest;/*** @Aut ...
南京邮电大学c语言实验报告5,南京邮电大学C语言大一上期末复习.pdf
南京邮电大学C语言大一上期末复习.pdf 高级语言程序设计期末总复习高级语言程序设计期末总复习课程的全部内容可分为五大模块课程的全部内容可分为五大模块 1 1基础知识基础知识 2 2三种基本结构及流 ...
南邮计算机2021进面分数,南京邮电大学2021年硕士研究生复试分数线＋调剂信息汇总...
南京邮电大学硕士研究生招生办近日公布了今年硕士研究生复试各学院的分数线,调剂专业计划数量,以及复试录取方法.包含了复试时间,复试内容等信息.麦麦下面就简单汇总了下.方便各位报考的考生参考. 注意下今天 ...
南京邮电大学2013年硕士研究生招生复试及同等学力加试参考书目
南京邮电大学2013年硕士研究生招生复试及同等学力加试参考书目参考书目来源:中国考研网 2012-10-10 相关院校:南京邮电大学 2018年考研专业课复习资料历年真题-笔记讲义-复习题模拟题 ...
南京邮电大学计算机应用基础,南京邮电大学20102011学年第二学期计算机应用基础能力考.doc...
南京邮电大学20102011学年第二学期计算机应用基础能力考.doc 南京邮电大学2010/2011学年第二学期计算机应用基础能力考核安排表地点:仙林校区教2西计算中心(A.B.C机房) 2011 ...
南京邮电大学计算机专业录取分数线2019,南京邮电大学2020年录取分数线（附2017-2019年分数线）...
高考网 > 录取分数线 > 江苏分数线 > 江苏一本分数线 > 南京邮电大学2020年录取分数线(附2017-2019年分数线) 来源:南京邮电大学发布时间:2020-08- ...
微型计算机持续更新,2020年南京邮电大学810《微机原理及应用》硕士研究生入学考试大纲...
国各省市院校2020年硕士研究生考试大纲汇总(持续更新中)>>> 2020年国硕士研究生入学考试命题标准大纲已于7月8日正式公布,接下来国各研招院校将陆续发布2020考研专业课大纲. ...
南京邮电大学计算机学硕2021,南京邮电大学2021年硕士研究生拟录取名单
2021考研复试工作,已经大部分招生单位进入了尾声.目前有些学校公示出研究生拟录取名单.因此,参加完2021考研复试考生们,一定及时关注目标学校公告.下面,小编为大家给出--南京邮电大学2021年硕士 ...

南京邮电大学Web技术双语实验二（Web服务端脚本编写）

文章目录

一、实验目的和要求

二、实验环境(实验设备)

三、实验原理及内容

1首先编写html页面

2 html页面效果如下图所示

3 编写服务端php脚本

4 服务端页面显示如下

四、实验小结（包括问题和解决方法、心得体会、意见与建议等）

南京邮电大学Web技术双语实验二（Web服务端脚本编写）相关推荐

最新文章

热门文章

南京邮电大学Web技术双语实验二（Web服务端脚本编写）

文章目录

一、 实验目的和要求

二、实验环境(实验设备)

三、实验原理及内容

1首先编写html页面

2 html页面效果如下图所示

3 编写服务端php脚本

4 服务端页面显示如下

四、实验小结（包括问题和解决方法、心得体会、意见与建议等）

南京邮电大学Web技术双语实验二（Web服务端脚本编写）相关推荐

最新文章

热门文章

一、实验目的和要求