具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】

在这个项目开始之前,我先做了一个数据库。
不多说,直接放代码
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】

我们在线购物项目的主要重点是允许客户直观地搜索/浏览商店中可用的产品,然后显示所选产品的详细信息。客户可以将选择的产品添加到虚拟购物车中,当他们希望完成购物时,可以通过填写要求提供详细信息和电子邮件地址的在线购买表格来结帐。填写表格后,客户可以通过单击“购买”按钮来完成订单。然后通过电子邮件将订单的详细信息发送到表格上给出的电子邮件地址,以确认订单。
为了不那么直观的到主界面,我建立了一个index.html
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
这个项目有四个组成部分。这些组件将显示在浏览器窗口的三个框架之一中。
这四个组成部分是:-1.左侧框架显示一个可视(例如图像映射)浏览器。 VisualBrowser显示商店中可用产品的类别层次结构。 defaultimage仅显示产品层次结构的两个级别。当鼠标指针移到特定类别节点上时,显示的图像将变为更详细的图形,显示该特定类别的子结构。在层次结构的最低级别,各个节点是“活动的”,即它们代表特定的产品,它们是php文件的实时链接。当用户单击特定的“产品节点”时,它将弹出一个php文件,该文件在右上角显示产品的详细信息。

具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
2.右上角的框架是由php脚本在服务器端生成的网页。从MySQL产品表中检索适当的产品条目,然后在脚本生成的网页中显示产品的选定属性。显示的每个产品都有一个“添加”按钮,可将所选产品添加到用户的购物车中,并显示在右下方框架中。

3.右下角的框架显示一个虚拟购物车,向用户显示已经选择了多少产品以及到目前为止其选择的总价值。用户可以通过单击ona清空购物车(即清除到目前为止所做的所有选择)。 “清除”按钮。用户还可以通过单击标记为“结帐”的按钮来完成购物会话。单击“签出”按钮时,系统将检查用户是否确实在购物车中有商品,如果是,它将执行一个php脚本,其结果显示在右上角。 (如果购物车中没有产品,则购物车框架中会显示一条简单消息)。

具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】
4.结帐组件显示一个购买表单,要求用户填写其送货详细信息(姓名,地址,郊区,州,国家/地区和电子邮件地址)。必须完成所有这些字段,才能继续执行订单。用户通过单击标记为“购买”的按钮来完成交易。订单的详细信息通过电子邮件发送到表格上指定的电子邮件地址。
具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】具有图形用户界面的在线杂货店(PHP)[菜鸡的作业】

请指教!!