资源下载地址:https://download.csdn.net/download/sheziqiong/86764052
资源下载地址:https://download.csdn.net/download/sheziqiong/86764052

小型购物网站

一、项目简要功能介绍

本项目主要有两个模块:

用户模块

主要实现了一个简单的购物网站的用户购物过程,完整的购物过程为:

用户注册 → 用户登录 → 将商品添加到购物车 → 提交订单 → 银行卡支付

但是由于涉及到与银行接口相关的支付过程,本项目没有具体实现付款细节,仅仅是做了一个支付表单的完整性的判断。

管理员模块

主要实现了管理员的简单商品管理功能,主要功能有:

管理员的注册和登录

添加商品

删除商品

查看所有订单

二、项目主要特色

动态性

这是本项目最主要的特色。由于实现了两种用户模式(管理员和普通顾客会员),页面上的安排肯定要随着不同的登录身份而做出不同的改变。本项目利用超级全局变量 $_SESSION 来判断当前是否有账号登录,是客户还是管理员。

比如用户登录时,主界面时间下方显示的是”查看购物车”按钮:

而当管理员登录时,显示的就是”添加商品”和”查看所有订单”:

等等。

丰富的页面元素

本程序最大的前端特色就是燃烧字体效果和动态显示的时间

动态显示的时间是通过 js 代码实现的,首先一个 js 函数获得当前时间,然后利用 window.setTimeout()函数来每隔 1s 调用这个函数,达到动态显示时间的效果。

燃烧字体是通过 html5 的 canvas + JavaScript 组合来实现的。

此外制作前端的过程中还利用到了各种元素,例如 marquee,table 等等

三、项目数据库信息

数据库名称为 shopping_mark

内含数据表如下:

admin_list
字段含义
name管理员的账户名
password管理员的账户密码
goods
字段含义
title物品名称
description物品描述
price物品价格
user_id
字段含义
user_name用户名
email邮箱
password密码
order_list
字段含义
order_id订单编号,同一订单的物品编号相同
customer_name下单人真实姓名
submit_time提交时间
goods_title订单中的其中一种物品名称
goods_qty此物品数量
tot_price此物品总价
phone电话
address送货地址

四、项目文件说明

根目录文件夹 MyWebSite 内含文件及文件夹

文件夹

bootstrap-3.1.1-distBootstrap 样式文件夹
admin管理员操作 + 管理员页面相关文件的存放文件夹
source图片、CSS 文件、js 文件等资源的存放文件夹

文件

根目录下的文件是主页 + 用户操作和用户页面相关文件

index.php网站主页
check_form.php包含检查表单的函数;is_filled( f o r m v a r s ) : ;检查表单是否填写完全;; v a i l d e m a i l ( form_vars) : ;检查表单是否填写完全;;vaild_email( formvars):;检查表单是否填写完全;;vaildemail(address):;检查邮件地址是否合法;
error_page.php显示出错页面,当有异常抛出时就显示这个页面;调用下列函数显示页面:;show_error_page($tmp):;参数是要显示的错误信息;
tot_functions.php利用 require_once()包含所有函数的文件;
user_functions.php包含某些用户函数;register($name , $pas , $email):;通过连接数据库,后台导入用户注册信息;
database_op.php包含某些和数据库操作相关的函数;db_connect(& r e s ) :;连接数据库;; d b a d d ( res):;连接数据库;;db_add( res):;连接数据库;;dbadd(db, n a m e , name, name,pas, e m a i l ) :;添加用户信息到用户数据表 u s e r i d ;; d b a d d a d m i n ( email):;添加用户信息到用户数据表user_id;;db_add_admin( email):;添加用户信息到用户数据表userid;;dbaddadmin(db , $name , p a s s w o r d ) :;添加管理员信息到管理员数据表 a d m i n l i s t ;; f i n d a n o t h e r ( password):;添加管理员信息到管理员数据表 admin_list;;find_another( password):;添加管理员信息到管理员数据表adminlist;;findanother(db, n a m e , name, name,usertype=true):;注册时调用,寻找冲突用户;;find_unique( d b , db, db,name, p a s , pas, pas,usertype = true):;登录时调用,寻找符合要求的用户;;db_res_to_arr($res):;将一个 MySQL 结果标示符转化成一个结果数组;
loginform.php显示用户的登录页面;
regform.php显示用户的注册界面;
logout.php注销账户(清空账户相关超级全局变量 $_SESSION[]的同时 header()到主页);
login.php用户登录的后台操作代码;
register.php用户注册的后台操作代码;
login_success.php显示用户登录成功的提醒界面;
register_success.php显示用户注册成功的提醒界面;
cart_functions.php包含显示购物车界面的函数;
show_cart.php动态显示购物车界面,如果提交订单以后显示,是不显示保存更改的按钮的,也不能更改表单内容;
order_functions.php向数据库插入订单的后台代码;
checkout.php显示订单提交页面,如果购物车里有商品,则显示客户真实信息表单;
purchase.php由 checkout.php 跳转过来的银行卡支付页面;
process_payment.php支付结果的显示页面;

admin 文件夹中的内容

show_order.php显示所有订单的页面;
admin_reg_form.php显示管理员的注册界面;
admin_login_form.php显示管理员的登录界面;
admin_register.php管理员注册的后台操作代码;
adminlogin.php管理员登录的后台操作代码;
delete_goods.php删除货物的后台操作代码;
delete_success.php删除成功的提醒界面;
add_goods_form.php添加商品的界面;
add_goods.php添加商品的后台操作代码;
add_success.php添加成功的提醒界面;

source 文件夹中非图片文件

item_img 文件夹存放商品对应的图片,图片名字和商品名字相同;
burning-words.js主页燃烧效果字体的 js 文件;
button_action.js按钮的 js 文件(表单中提交按钮的颜色变化);
date.js主页中动态显示的时间的 js 文件;
block_type.css一些小区域的样式文件;
date.css动态时间的样式文件
index_style.css主页的样式文件

五、功能演示

5.1 用户功能演示

首先进入网站的首页

然后点击用户注册,注册一个账号

注册方面没有很大的限制,只是电子邮箱专门规定了格式,利用了 PHP 的正则表达式检测邮箱格式的正确性,点击提交,后台自动进行与数据库交互的一系列操作

注册成功,点击回到主页链接回到主页登录

然后点击“用户登录”登录刚才注册的账号即可

点击回到主页

我们发现最上方绿色框框内的内容改变了:四个按钮变成了一个“退出登录”按钮,红色浮动字的内容也改变了,这就是 PHP 的动态性

现在点击查看购物车,发现购物车是空的,让我们点击“继续购物”去添加商品吧~

点击任意物品加入购物车,自动跳转到购物车界面:

如果要改变物品数量,只要改变输入框内的内容,然后点击保存更改即可,如果输入 0,系统会自动从购物车中删除这个物品,然后提示文字会显示“购物车已更新”

当然您可以继续购物,不过现在让我们来提交这个订单

如果购物车有物品,就会弹出这个界面,否则……………:

填写完表单之后,点击去结账,然后跳转到:

填写完点击去结账就可以啦!

点击继续购物之后,购物车会被清空,其实购物车的实现,超级全局变量 $_SESSION 是非常重要的

这里还是要说明一下:对于购物车里的列表

和支付表单的列表:

发现数量框一个是可更改的,一个是不可更改的,而且购物车中还有保存更改按钮,这种实现也是靠 PHP 的动态性实现的。

5.2 管理员系统演示

我们回到主页点击“退出登录“,然后注册,登录一个管理员,步骤与用户的注册和登录一样:

发现主页又不一样了,红色的漂浮字改变,查看购物车按钮没有了,变成了两个新按钮,并且每个商品的“加入购物车“按钮变成了”删除此物品“,点击就可以删除一个物品。

点击“查看所有订单“查看数据库中的订单详情

回到主页,点击“添加商品“添加一个商品

点击提交以后,再点击回到主页查看新添加的物品:


资源下载地址:https://download.csdn.net/download/sheziqiong/86764052
资源下载地址:https://download.csdn.net/download/sheziqiong/86764052

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐