Javaweb大作业网页制作开发过程,首页部分网页设计结果

12月16日:
经过一番寻找,决定用frame框架来写这个网页,这里准备主页面是html格式,分别包含top(顶端)、top1(导航栏)、right(服装展示)、left(登录端)四个jsp分块其中导航栏包括:首页(当前页)、客服(客服链接)、会员中心、我的订单、我的购物车。后面四个都需要用户登录账号,方可进入界面。后端界面还未来的及设计,数据库方面只做了用户新增和查询功能,服装资料的输入、输出还有待解决,以及展示界面的效果/优化。。。。

在这里插入图片描述
待更。。

12月17日:
在这里插入图片描述
将frame框架缩小为三部分,登录注册窗口隐藏,调用jsp在不同frame中显示从而实现登录窗口、服装浏览效果:
在这里插入图片描述
后端数据库方面图片读取/入库已实现(代码参考:https://blog.csdn.net/qq_30148167/article/details/81202354
批量导入输入还未实现,还有问题:导入导出图片重复调用函数,怀疑是package包内java自动运行导致:
在这里插入图片描述
待更。。
12月19日
利用数据库实现图片导入导出,并显示服装部分信息,数据库设计方面已近完成
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
12月20日:
实现表单同时上传服装信息、照片,到数据库中,后端管理部分功能开始进行
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
12月21日:
对图片点击添加响应,实现浏览服装主要信息功能:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
12月22日:
前端登录注册基本完成,创建并使用userDao简化对数据库的操作过程,对交互界面进行优化,设置浏览界面的滚动条及对图片展示的图层实现滚动效果:
在这里插入图片描述

登录、注册如下图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
12月23日:
在🛒、客服、订单、会员中心进行用户登录判断,用session判断用户登录状态,由于session作用域影响,将登录界面设置为单独界面,不再在下方frame中显示,效果如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
12月26日,由于不同的框架之间session传值问题这里,思考了几天,利用传值和改变布局将其解决,这里未登录的时候只能在首页浏览,要登录才能进行操作
在这里插入图片描述
登录后可进行加入购物车和购买功能(购买,订单功能还没处理):
在这里插入图片描述
在这里插入图片描述
在购物车根据用户信息导出其购物车数据,可进行查看、删除处理,部分功能还未来得及关联数据库,一些数量还未来的及处理。
在这里插入图片描述
在这里插入图片描述
12月28号 完成了订单新增与取消,同时购物车连接到数据库,用户根据自己选择进行管理,可进行删除操作,效果如下:
点击立即下单:
在这里插入图片描述
可以加购服装,点击确认,出现提醒:
在这里插入图片描述
点击我的订单,出现订单编号为服装名称加下单时间,显示部分信息给用户:
在这里插入图片描述
点击取消订单,出现提醒:
在这里插入图片描述
并删除(未发货状态下的)订单。
购物车方面也一样。在这里插入图片描述
管理员即发货员端,已经设置好框架与数据库,
在这里插入图片描述
12月31日:
经过老师提醒后,优化了管理员端的界面,对服装品类进行分类
在这里插入图片描述
点击服装管理,进入服装管理界面,可以对商品进行上传,删除等操作
在这里插入图片描述
管理分类中可以设置服装大类,对服装进行分类处理,在输入服装信息时选择下拉菜单中服装的类别,对应前端用户界面中的分类
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
1月8日,在老师的建议下我们新增了支付功能,当用户下单时,调用支付宝官方提供的支付沙箱,利用支付宝账号登录进行购买服装操作效果如下视频所示:

QQ20201230-172145-HD


增加销售业绩统计图:柱状图显示当天销售情况,近30天销售情况,总销售额、总销售量:
在这里插入图片描述
在这里插入图片描述

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好的!文西

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值