java web 前端实战项目记录

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了java web 前端实战项目记录相关的知识,希望对你有一定的参考价值。

在网上找到一个练手项目,记录一下自己的实现过程和遇到的问题

附上链接 前端练手项目-先定一个小目标,做他一个天猫官网

前端练手项目-天猫官网

先确定一下需要几个页面

首先要有公共页面

其次是

步骤 1 : 首页    

技术分享

 


步骤 2 : 分类页    

技术分享

 


步骤 3 : 查询结果页    

技术分享

 


步骤 4 : 产品页    

技术分享

 


步骤 5 : 结算页面   

技术分享

 

 
步骤 6 : 支付页面    

技术分享

 


步骤 7 : 支付成功页面    

技术分享

 


步骤 8 : 购物车页面    

技术分享

 


步骤 9 : 我的订单页面   

技术分享

 

 
步骤 10 : 确认收货页面    

技术分享

 


步骤 11 : 确认收货成功页面    

技术分享

 


步骤 12 : 进行评价页面    

技术分享

 


步骤 13 : 登录页面   

技术分享

 

 
步骤 14 : 注册页面    

 技术分享

 

 今天就先把需要什么页面列上,明天开始正式进行网页设计。。。

明天设计一下公共页面吧。。。

 














以上是关于java web 前端实战项目记录的主要内容,如果未能解决你的问题,请参考以下文章

前端实战项目:Vue.js实现外卖平台webapp,饿了么项目的翻版

h5+c3web前端实战项目快装webapp手机案例源码

web前端入门到实战:元素显示隐藏的9种思路

前端每日实战 2018 年 9 月份项目汇总(共 26 个项目)

40个web前端实战项目,练完即可就业,从入门到进阶,基础到框架,html_css附视频+源码

web前端入门到实战:CSS 滚动捕捉技术(Scroll Snapping)