基于JSP+SSM的网上花城

5.系统实现

5.1系统实现环境

网上鲜花商城系统采用了时下流行的 Java 程序设计语言进行开发,系统开发的工具采用 Eclipse 平台,其可以实现系统功能的编程、部署和运行服务,这样就可以保证系统的逻辑业务功能具有较强的完整性。系统部署过程中,论文采用稳定的 Tomcat 服务器,通用浏览器和 Tomcat 服务器加上 MySQL 数据库可以实现 Web 项目运行的逻辑业务流程。

5.2 前台首页管理模块

前台首页管理模块是 B2C 网上商城前台系统的重要组成模块,包含用户注 册、登录,商品浏览,商品购买等其他功能。

5.2.1 用户登录

用户登录网上商城要进行购物操作时,首先要进行的就是身份验证,只有在 账号与密码正确的情况下才能进行后续的购物操作,如果输入的密码不正确,则 不能进行购物操作。用户注册登录之后将信息保存在数据库里以便在后来的页 面验证中使用。 用户登录流程:用户在登录页面输入账号密码和验证码等信息后,首先前台会进行非空和长度等校验,然后在后台再次进行非空和图形验证码校验,并连接数据库,查询用户表中是否存在该用户名且密码与输入密码一致,前后台校验都通过才能进入系统。用户登录界面图如图 5.1 所示。

 

图5.1

5.2.2 用户注册

新用户首次进行购物,需要点击首页用户管理按钮,进行新用户的注册操作, 填写用户详细的个人信息。 用户注册流程:进入首页注册界面依次输入账户名、密码、真实姓名、电话号码,点击“注册”按钮完成提交。用户注册界面做了前台 Ajax 验证用户名、密码、二次确认密码和邮箱是否为空和合法,还做了图形验证码,校验提示页面如图 5.2 所示。

 

图5.2

用户注册界面正确填写信息页面如图 5.3 所示

 

图5.3

5.2.3 首页热门商品和最新商品

网站首页上会以每页十个分页的形式显示所有的热门鲜花,以及十个最新商 品,供商城用户随时了解商城的最新动态和热门常用商品,热门鲜花和最新鲜花 的展示如图 5.4 所示

 

图5.4

5.2.4 商品展示

网站上方导航栏会显示商品所有的一级分类菜单,点击商品一级分类菜单,会跳转到一级菜单的子页面,商品一级分类菜单页面的右侧会显示该一级菜单包含的所有商品,所有一级分类菜单页面左侧都会显示一级菜单及其所包含的所有二级菜单的名称列表,点击二级菜单,右侧会以分页的形式显示出该二级菜单包含的所有商品,如图 5.5 所示。

图4.5 一级分类菜单下商品子页面

5.2.5 订单支付流程

点击首页和其他子页面的商品图片会跳转到商品信息页面,选择商品数量, 然后点击加入购物车,如果已经登录会跳转到购物车页面,如果没有登录则会跳 转到登录界面,商品详情页面如图 5.6 所示。

 

 

图5.6商品详情页

点击商品详情页面的加入购物车可跳转到购物车页面,购物车页面会展示出 所有该用户添加到购物车的商品信息,在购物车页面可以增减商品数量,也可以 删除商品,购物车页面如图 5.7 所示。

 

图5.7购物车页面

用户在购物车页面,可以选择返回商城继续浏览商品,直到把所有想买的商 品添加进购物车之后,再点击购物车页面的提交订单按钮,跳转到订单支付页面。 订单页面会显示商品信息,用户的默认收货地址、收货人和联系方式,也可更改收货地址、收货人、联系方式等信息,然后选择要支付的银行,点击确认订单,会跳转到该银行的支付页面,支付完成后点击返回商城即可返回网上商城,订单页面如图 5.8 所示。

 

图5.8订单页面

5.3 后台管理模块

在后台登录界面输入管理员帐号密码就进入了后台管理页面,该页面主要分 为用户管理、一级分类管理、二级分类管理、商品管理和订单管理五项,五项都 有编辑和删除功能,除用户管理没有添加选项,其他四项都有添加功能。

5.3.1 一级商品目录管理

点击商城后台管理系统页面左侧目录的一级分类管理,会在页面右侧显示出 所有的商品一级分类菜单信息,并且每条信息后面都有编辑和删除按钮,右上方 还有添加按钮,按对应按钮会跳转到对应的编辑和添加一级菜单页面,一级分类 菜单后台管理页面如图 5.9 所示。

 

图 5.9一级商品目录管理

5.3.2 二级商品目录管理

点击商城后台管理系统页面左侧目录的二级分类管理,会在页面右侧显示出 所有的商品二级分类菜单信息,并且每条信息后面都有编辑和删除按钮,右上方 还有添加按钮,按对应按钮会跳转到对应的编辑和添加二级菜单页面,二级分类 菜单后台管理页面如图 5.10 所示。

 

图 5.10二级商品目录管理

5.3.3 商品管理

点击商城后台管理系统页面左侧目录的商品管理,会在页面右侧分页显示出 所有的商品信息,并且每条信息后面都有编辑和删除按钮,右上方还有添加按钮, 按对应按钮会跳转到对应的编辑和添加商品页面,商品管理页面如图 5.11 所示

 

5.11 商品管理

5.3.4 订单管理

在后台管理系统中只能对订单进行发货操作。当用户点击购物车中的提交订 单按钮并跳转到订单页面的过程中,会将订单信息存入数据库中,并将订单状态 改为未付款,当用户点击订单页面的确认订单按钮,跳转到网上银行支付页面并 支付成功之后,订单状态会修改为未发货,这时商家可在后台管理系统订单管理 页面点击该订单后面的发货按钮进行发货操作,并把订单状态修改为已发货,最 后当用户收到货之后点击我的订单中该订单上方的确认收货按钮,就会把该订单 状态改为已删除,后台管理系统订单管理页面就不会显示该订单的信息了,订单 管理页面如图 5.12 所示。

 

    图 5.12订单管理

5.3.5 用户管理

从商城系统商家和用户的需求角度来看,管理员在后台管理系统用户管理模 块中不应具有修改和删除注册用户的信息权限,而是只能让用户自己修改个人的 信息,所以后台用户管理模块暂时只做了查看用户列表功能,后台管理系统用户 管理页面如图 5.13 所示。

 

图5.13 用户管理

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值