商城项目的导航条<商品分类管理>

本文介绍了商城项目中商品分类管理,涉及到数据库中的分类表创建,以及如何利用Ajax技术和jQuery实现页面加载时自动获取导航条信息。重点讲解了Ehcache缓存的使用,包括为什么使用缓存、缓存的配置步骤以及在CategroyServiceImpl中的应用,以减少数据库交互提高效率。
摘要由CSDN通过智能技术生成

商城项目的导航条的分类管理其实上也是属于一个表;

所以我们需要先在商城这个所在的数据库中创建一张分类表categroy

CREATE TABLE categroy(

   cid VARCHAR(50),

   cname VARCHAR(200)
);

INSERT INTO categroy VALUES('1','手机数码'),('172934bd636d485c98fd2d3d9cccd409','运动户外'),

                           ('2','电脑办公'),('3','家具家居'),('4','鞋靴箱包'),('5','图书音像'),

                           ('59f56ba6ccb84cb591c66298766b83b5','aaaa'),('6','母婴孕婴'),

                           ('afdba41a139b4320a74904485bdb7719','汽车用品');

因为我们在商城中的每一个页面都应该看到这个菜单栏和导航条,所以我们可以直接把这一块的html代码独立独立出来成为一个head.jsp,然后用jsp的include指令(静态包含)或者是用jsp的include标签(动态包含),把这个页面包含进需要这个页面的jsp中即可;因为这其中有用到<c:if>标签,所以还得在head.jsp页面导入c标签,这样别的页面在包含进这个页面的时候就不需要再添加c标签了;
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!--
            	时间:2015-12-30
            	描述:菜单栏
            -->
<div class="col-md-3" style="padding-top:20px">

	<ol class="list-inline">

	<c:if test="${empty user }">

		<li><a href="${pageContext.request.contextPath }/user?method=loginUI">登录</a></li>

		<li><a href="${pageContext.request.contextPath }/user?method=registUI">注册</a></li>

		<li><a href="cart.htm">购物车</a></li>

	</c:if>
	<c:if test
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以将这段代码分成两个组件:顶部快捷导航和购物车头部。 1. 顶部快捷导航组件: ```html <template> <div class="shortcut"> <div class="w"> <div class="fl"> <ul> <li>购物商城欢迎您!</li> <li> <a href="#">请登录</a> <a href="#" class="style-red">免费注册</a> </li> </ul> </div> <div class="fr"> <ul> <li><a href="#">我的订单</a></li> <li class="spacer"></li> <li> <a href="#">我的购物</a> <i class="icomoon"></i> </li> <li class="spacer"></li> <li><a href="#">商城会员</a></li> <li class="spacer"></li> <li><a href="#">企业采购</a></li> <li class="spacer"></li> <li><a href="#">关注商城</a> <i class="icomoon"></i></li> <li class="spacer"></li> <li><a href="#">客户服务</a> <i class="icomoon"></i></li> <li class="spacer"></li> <li><a href="#">网站导航</a> <i class="icomoon"></i></li> </ul> </div> </div> </div> </template> <script> export default { name: "Shortcut" } </script> ``` 2. 购物车头部组件: ```html <template> <div class="car-header"> <div class="w"> <div class="car-logo"> <b>购物车</b> </div> </div> </div> </template> <script> export default { name: "CartHeader" } </script> ``` 然后在父组件中使用这两个子组件: ```html <template> <div id="app"> <Shortcut /> <CartHeader /> </div> </template> <script> import Shortcut from "@/components/Shortcut.vue"; import CartHeader from "@/components/CartHeader.vue"; export default { components: { Shortcut, CartHeader } } </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值