赞
踩
资源下载地址: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 | 用户名 |
邮箱 | |
password | 密码 |
order_list
字段 | 含义 |
---|---|
order_id | 订单编号,同一订单的物品编号相同 |
customer_name | 下单人真实姓名 |
submit_time | 提交时间 |
goods_title | 订单中的其中一种物品名称 |
goods_qty | 此物品数量 |
tot_price | 此物品总价 |
phone | 电话 |
address | 送货地址 |
根目录文件夹 MyWebSite 内含文件及文件夹
文件夹
bootstrap-3.1.1-dist | Bootstrap 样式文件夹 |
---|---|
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 | 主页的样式文件 |
首先进入网站的首页
然后点击用户注册,注册一个账号
注册方面没有很大的限制,只是电子邮箱专门规定了格式,利用了 PHP 的正则表达式检测邮箱格式的正确性,点击提交,后台自动进行与数据库交互的一系列操作
注册成功,点击回到主页链接回到主页登录
然后点击“用户登录”登录刚才注册的账号即可
点击回到主页
我们发现最上方绿色框框内的内容改变了:四个按钮变成了一个“退出登录”按钮,红色浮动字的内容也改变了,这就是 PHP 的动态性
现在点击查看购物车,发现购物车是空的,让我们点击“继续购物”去添加商品吧~
点击任意物品加入购物车,自动跳转到购物车界面:
如果要改变物品数量,只要改变输入框内的内容,然后点击保存更改即可,如果输入 0,系统会自动从购物车中删除这个物品,然后提示文字会显示“购物车已更新”
当然您可以继续购物,不过现在让我们来提交这个订单
如果购物车有物品,就会弹出这个界面,否则……………:
填写完表单之后,点击去结账,然后跳转到:
填写完点击去结账就可以啦!
点击继续购物之后,购物车会被清空,其实购物车的实现,超级全局变量 $_SESSION 是非常重要的
这里还是要说明一下:对于购物车里的列表
和支付表单的列表:
发现数量框一个是可更改的,一个是不可更改的,而且购物车中还有保存更改按钮,这种实现也是靠 PHP 的动态性实现的。
我们回到主页点击“退出登录“,然后注册,登录一个管理员,步骤与用户的注册和登录一样:
发现主页又不一样了,红色的漂浮字改变,查看购物车按钮没有了,变成了两个新按钮,并且每个商品的“加入购物车“按钮变成了”删除此物品“,点击就可以删除一个物品。
点击“查看所有订单“查看数据库中的订单详情
回到主页,点击“添加商品“添加一个商品
点击提交以后,再点击回到主页查看新添加的物品:
资源下载地址:https://download.csdn.net/download/sheziqiong/86764052
资源下载地址:https://download.csdn.net/download/sheziqiong/86764052
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。