项目三(核心项目): 完整的B2C电商网站开发项目(ThinkPHP 3.2.3框架开发)

主要功能说明:


线上展示地址:http://linovision.duapp.com/(已关闭)


测试账户:

管理员账户(可进入后台):admin,密码:123456,密码问题answer:火腿肠

普通账户(无法进入后台):test,    密码:123456 ,密码问题answer:排骨


由于模块较多,下面会按前后台的主要部分来说明重点功能,而不是按模块:


一、前台


前台的栏目、面包屑导航、单个商品详情页面等配置了60S的Redis动态数据缓存

1.首页相关部分:

  1.1:使用SuperSlider插件制作顶部图片左右切换效果和右部图片上下滚动效果(默认不动,鼠标点击箭头触发)。

  1.2:顶部有登录和退出选项,前往后台选项和查看购物车选项。

  1.3:左侧有面包屑导航、商品分类和5条热卖商品数据,点击商品的具体分类可进入此分类的详情页面,左侧有我的联系方式、限制4条的浏览历史,商品列表下有分页功能(对框架默认分页类进行二次封装的新格式)。

  1.4:中间取出热卖、精品和新品商品各3条,并有“更多”选项指向详请页面,页面内有分页功能。

2.购物车相关部分:

  2.1:在各处点击商品图片可进入商品详情页,用magiczoomplus插件制作了鼠标移到图片上时的放大效果,列出了基本商品信息和单选属性,点击“加入购物车”后能把选中的商品放入购物车,但不刷新页面,点击"立即购买"后不但会把商品放入购物车,还会立即进入购物车页面。

  2.2购物车页面列出了商品基本信息和缩略图。每点一下“购买数量”下的减号可使数量-1,单最少是1,每点一下“购买数量”下的加号可使数量+1,但不能超过商品库存数量,在文本框内可任意输入数量,但如果比1小,失去焦点后会变为1,如果比库存数量大,失去焦点后会变为库存数量,"总计金额"和"购物金额小计"等选项会随着数量变化而变化,点击“删除”可把单项商品从购物车中移除,点击“清空购物车”可删除购物车中所有商品,点击结算中心可进入结算中心页面。

  2.3进入结算中心时如未登录会先跳转到登录页面,如果没有收货人信息会先进入填写地址页面,完成后会进入结算中心,点击修改可修改购物车或收货人信息,选择配送方式和支付方式后可以提交订单。

  2.4提交订单后进入订单完成页面,订单入库时用文件锁防止高并发时多用户同时提交订单操作同一张数据库,在模板中显示订单号、配送方式等信息。

3.登录相关部分:

  3.1点击页面顶部的“注册”可进入注册页面,设置了验证码,注册完成后会发激活邮件到您的邮箱,激活后即可登录。

  3.2点击页面顶部的登录可进入登录页面,可根据用户名或邮箱登录,设置了验证码,如果勾选了"请保存我这次的登录信息",则关闭浏览器后下次再打开会自动登录,点击"修改密码"可进入修改密码流程,点击"根据密码问题找回密码"可进入密码找回流程,输入密码问题后会随机生成新密码并发送到邮箱。


二、后台

点击前台右上角的选项可进入后台,只有管理员账户可以进入,进入后可通过首页顶部的"前台首页"选项返回前台。

4. 商品相关部分

  4.1:点击"商品列表"选项进入商品列表页面,在顶部输入型号名可搜索匹配商品,点击"调整商品编号排序"可使商品按编号正序或倒序排列,点击"批量删除"左边的选框可以全选或取消全选本页面商品,选中要删除的商品的多选框后点击“批量删除”,可把多个商品放入回收站,点击表示商品状态的勾或叉后能改变商品状态。点击"操作"栏下的"查看"选项,可打开商品详情页,点击"编辑"选项可进入编辑页面,把商品的原信息显示为默认值,如需上传新图片,则点击"点击上传新的产品图片",这里的难点是各种商品属性(含单选属性)的遍历和修改,点击确定完成修改,跳转回原页面,点击"复制"后将创建一个基本信息一致的新商品到列表末尾,点击"回收站"后将把商品放入回收站。

4.2:点击"添加商品"后可添加新商品信息,已做字段验证。

4.3:点击"商品回收站"后进入回收站页面,选中多个商品后可点击"批量还原"来一次性还原商品,点击"操作"栏下的"还原"选项可还原单个商品。

4.4:点击"商品类型"可进入类型管理页面(这里只显示有属性的商品类型),点击右上角的"添加商品类型"选项可添加新的商品类型,点击"属性列表"选项可进入列表页面,可通过左上角的下拉框切换商品类型显示不同的所属属性,点击右上角的"添加属性"选项可为商品类型添加新的属性,点击"操作"栏下的"编辑"可编辑商品属性,点击"删除"选项可删除商品属性。

4.5:点击"栏目列表"选项可进入按无限极分类显示的栏目页面,点击右上角的"添加栏目"选项可添加新栏目,点击"操作"栏下的"编辑"选项可编辑栏目信息,不能选择自己或自己的子级分类作为自己的上级分类,点击"移除"后将进入判断,不是末级栏目的无法删除,栏目下有商品的无法删除。

4.6:点击"订单列表"选项可进入订单列表,鼠标指到订单号上时可显示缩略图和数量等订单基本信息,点击"移除"后可删除订单。

4.7:点击"会员等级"选项可进入会员列表,点击"添加会员等级"可添加新的会员信息,点击"操作"栏下的"编辑"选项可修改会员等级名称,点击"移除"可删除会员等级。

转载于:https://my.oschina.net/u/2366466/blog/515558

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值