|
|
|
完整的 Springboot 模仿天猫项目，使用 Springboot 、Vue.js、shiro、redis、elasticsearch 等一整套技术栈， 从无到有涵盖全部129个知识点，565个开发步骤, 充实 Springboot 项目经验，为简历加上一个有吸引力的砝码.
增值内容，点击购买
绿色表示展示的需求
红色表示与服务器有交互的需求 <!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<style>
div.knowledge{
font-size:1.2em;
culor:#000;
margin:10px;
margin-left:20px;
font-weight:buld;
display:list-item;
}
li.function{
text-decoration:underline;
}
li{
font-size:0.9em;
}
</style>
<script>
$(function(){
$("li.step").addClass("text-success");
$("li.function").addClass("text-danger");
})
</script>
<ol>
<div class='knowledge'>首页</div>
<ul>
<li class='step'>在横向导航栏上提供4个分类连接</li>
<li class='step'>在纵向导航栏上提供全部17个分类连接</li>
<li class='step'>当鼠标移动到某一个纵向分类连接的时候，显示这个分类下的推荐商品</li>
<li class='step'>按照每种分类，显示5个商品的方式显示所有17种分类</li>
</ul>
<div class='knowledge'>产品页</div>
<ul>
<li class='step'>显示分辨率为950x100的当前商品对应的分类图片</li>
<li class='step'>显示本商品的5个单独图片</li>
<li class='step'>商品的基本信息，如标题，小标题，加个，销量，评价数量，库存等</li>
<li class='step'>商品详情</li>
<li class='step'>评价信息</li>
<li class='step'>5张商品详细图片</li>
<li class='function'>立即购买</li>
<li class='function'>加入购物车</li>
</ul>
<div class='knowledge'>分类页</div>
<ul>
<li class='step'>显示分辨率为950x100的当前分类图片</li>
<li class='step'>显示本分类下的所有产品</li>
<li class='function'>分类页排序</li>
</ul>
<div class='knowledge'>搜索结果页</div>
<ul>
<li class='step'>显示满足查询条件的商品</li>
</ul>
<div class='knowledge'>购物车查看页</div>
<ul>
<li class='step'>在购物车中显示订单项</li>
<li class='function'>调整订单项数量</li>
<li class='function'>删除订单项</li>
</ul>
<div class='knowledge'>结算页</div>
<ul>
<li class='step'>在结算页面显示被选中的订单项</li>
<li class='function'>生成订单</li>
</ul>
<div class='knowledge'>确认支付页</div>
<ul>
<li class='step'>确认支付页面显示本次订单的金额总数</li>
<li class='function'>确认付款</li>
</ul>
<div class='knowledge'>支付成功页</div>
<ul>
<li class='step'>付款成功时，显示本次付款金额</li>
</ul>
<div class='knowledge'>我的订单页</div>
<ul>
<li class='step'>显示所有订单，以及对应的订单项</li>
</ul>
<div class='knowledge'>确认收货页</div>
<ul>
<li class='step'>显示订单项内容</li>
<li class='step'>显示订单信息，收货人地址等</li>
<li class='function'>确认收货</li>
</ul>
<div class='knowledge'>评价页</div>
<ul>
<li class='step'>显示要评价的商品信息，商品当前的总评价数</li>
<li class='step'>评价成功后，显示当前商品所有的评价信息</li>
<li class='function'>提交评价信息</li>
</ul>
<div class='knowledge'>页头信息展示</div>
<ul>
<li class='step'>未登录状态</li>
<li class='step'>已登录状态</li>
<li class='function'>登录</li>
<li class='function'>注册</li>
<li class='function'>退出</li>
</ul>
<div class='knowledge'>所有页面</div>
<ul>
<li class='function'>搜索</li>
</ul>
</div>
</ol>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
