首页 > 经验记录 > java > J2EE商城项目图片展示

J2EE商城项目图片展示

爱信息图床突然用不了还行,临时换了阿里云oss对象储存

所以有一部分图片有水印有一部分没水印

(想看图片但是看不清的话可以右键新标签打开看)

 

项目使用纯J2EE做成,无任何框架

前端使用了layer插件和bootstrap的轮播图功能

其实都能自己写出来的,因为都只用了其中一个功能。

弹窗显示一个定位在浏览器中心的div然后在后面加一层半透明遮罩就行了,轮播图我用纯js实现过。这里还是用了插件偷懒

 

 

部分工程展示:

 

 

这是首页

实现了滚动头图还有动态显示菜单及其下的所有二级菜单(分别对应数据库中的大类型以及其下的小类型)

这里图片没有截好图,这个二级菜单还是很炫酷的,懒得截了

还有分页查询所有大类型。这里是取得每个大类型前五个商品在首页动态显示

整个页面的动态显示使用纯ajax做成,速度有一点慢,其实显示数据这一块应该使用JSTL+EL表达式的

(左上的图片商标是我ps做的)

写完后感觉前端功力有所长进,后台业务又更熟练了

 

 

 

点击商品可以进入商品信息界面查看商品相关信息

这里使用ajax实现了每个型号和颜色对应每个不同的库存,用户点击之后就会和数据库进行交互

点击加入购物车或者立即购买则会调到购物车和订单块

此时如果没有登录则会被过滤器拦截跳转到登陆界面

登陆页面实现了验证码功能,验证码储存在session域中每次刷新都会变幻,需要输入一致才能够成功登录

 

购物车页面实现了对每条购物项的增删改查操作,涉及到四张数据表

使用Jquery实现对商品总金额的动态加载

对购物车的增删改查操作以及在商品详情页面的购物操作全部在session域中进行。

监听器监听到用户登录时就会从数据库取得改用户的历史购物数据,之后的操作全部与数据库隔开

监听到用户退出和session自动销毁时才会自动的保存到数据库

点击提交订单则会将选中的数据提交。如果用户在商品详细页面点击立即购买则不经过购物车直接将数据提交到订单提交页面

在订单提交的页面实现了将获取到的数据动态的查询并且显示出来,使用js和jquery进行了用户提交的信息效验

仍然使用了jquery动态获取商品的总金额

在用户点击提交订单的时候才会正式生成订单,并修改这些购物项的外键使其指向创建的订单

 

此时点击提交订单会跳转到支付界面(当然是假的啦)

此时咱不点这个,先跳到订单页面看看。

订单界面会获取当前用户的主键值来查询旗下所有订单。并且通过订单找到该订单的所有信息。

包括该订单中有哪一些购物项,以及该订单中每一个购物项对应的每一组数据(图片、商品、规格等)。

显示订单信息通过JSTL+EL表达式完成

订单页面的查询涉及到6张表(除评价表和大类型表)封装bean真是把我恶心到了。但我还是完美的实现了功能好吧。

订单页面实现了对订单的不同状态显示不同操作的功能,刚刚点的现在是待付款状态。

 

 

还有使用jquery实现了上边标签的点击切换事件。可以让用户分类查看自己的所有订单

通过订单的status来判断

 

 

点击各操作的触发事件,对数据库中的信息进行修改

点击支付事件就是之前的支付效果

真的确认支付之后,会出现确认支付的界面,此界面获取了订单的信息并显示

再回到查看订单页,此时的状态已经被改变,变为已支付但是未发货

此时可以点击催卖家发货按钮,使用layer弹窗插件进行弹窗确认

确认后会出现提示信息,这个就不截图了。持续1500毫秒后页面刷新,后边的操作都是这样,确认后会弹出信息,然后等待1500毫秒后刷新

订单状态改变,显示不同的操作

 

确认收货

还能够使用退款操作进行退款(当然是假的)

 

催卖家退款

 

 

后台功能没写,因为也就一些对用户和商品以及商品规格的增删改查

这种简单业务写了也没什么意义


EA PLAYER &

历史记录 [ 注意:部分数据仅限于当前浏览器 ]清空

      00:00/00:00