Javaweb商城作品(前端页面有两版 分别为普通的html+css页面和vue2.0框架+elementui写的页面)

购物商城

1. 背景介绍

网上购物流行.

1. 功能

(1).首页:

        选择登录方式,工程师登录和普通用户登录.

(2).普通用户登录,注册:

       普通用户登录页面,用户需要输入正确的账号密码以及验证码来进行登录.

新用户可以通过登录页面的注册按钮进行注册.注册时用户需要输入自己想要的账号,密码,验证码,并且需要再次输入密码,只有两次密码一致才能注册.对新用户输入的账号进行判断,如果账号已经存在,则提醒用户.

(3).商城:

       用户登录之后进入商城页面,可以查看商品信息,挑选商品,也可以通过商品名字查找自己想要的商品.但是可能会存在货存不足,用户无法购买的商品.

(4).购买商品

        购买商品提供两种方式:1.输入收件人,收件地址,商品数量后,将商品通过Cookie技术添加到购物车中,购物车中的商品也可以在商品首页显示.2.用户输入收件人,收件地址,商品数量(并且用户可将该收件人,收件地址设置为默认值)后,直接购买商品,完成该订单.

(5).用户个人信息编辑:

       用户可用过商城首页的导航栏,或者侧边栏相应按钮进入个人信息的编辑页面,此页面用户可以编辑自己的商城昵称,上传头像,选择国家地区,性别,完善个人信息.也可以在个人信息页面修改自己的查看,并且修改自己的密码,将账号从该网站退出,或者注销此账号.但是注销账号的同时,用户所有的个人信息,购买记录均会被删除.

(6).购买记录页面:

        用户添加进入购物车的商品,可以在此处进行收件人,收件地址以及商品数量的修改,也可以在此处进行购买或者从购物车中删除该商品的操作.

        也可以通过商品名称以及收件人姓名来查找添加进入购物车的商品.

              用户也可以通过Tab栏切换查看自己已经支付的订单,同样可以通过商品名称,收件人来查询.支持模糊查询.

        此页面支持分页查询.

(7).工程师登录页面

        工程师需要输入自己的工号,登录密码,以及邀请码来进行登录.

可以在登录页面修改自己的密码: 修改时需要输入工号,入职时提供的手机号码,两次输入新密码,所有信息输入完成且正确即可修改.

       (8).工程师管理系统页面

              页面顶部显示工程师的姓名 系统时间 以及 具有退出登录功能的按钮.

              此页面有商品的修改,个人中心,日志,以及图片查看四个模块.

              商品修改:

                     进行商品的增删改查.支持批量删除,模糊查询,分页查询的功能.删除为逻辑删除.

                     增加商品,修改商品时均需要判断这两个操作是否会产生重复商品,提醒工程师.

              个人中心:

工程师的详细信息展示,工程师可以在此处修改手机号码.

              日志:

查看已被删除的商品,如果工程师新增的商品为已被删除的商品,可在此处还原商品.

可以通过商品以及公司名称查询需要还原的商品.

       图片查看:

输入图片路径查看图片以及商品名称.

             

1. 视图:

首页:选择身份

     用户登录页面:输入信息登录

     用户注册页面:输入信息注册

     商城:浏览,查看商品

个人信息编辑页面:完善,更改个人信息,更改账号状态

商品购买页面:两种商品购买方式

购物车页面:查看未支付或已经支付的订单,对订单进行相应操作.

     工程师登录页面: 工程师登录

     工程师修改密码: 修改密码

工程师管理系统:四个操作模块,完成相对应的操作.

1. 表

用户账号表:

用户信息表:

 商品表:

 订单表:

工程师账号表:

     工程师信息表:

     工程师部门表:

1. ER图: