首页 > 代码库 > 010商城项目：商品类目的选择——Dao,Service.Action层的分析
010商城项目：商品类目的选择——Dao,Service.Action层的分析
我们现在开始写商品类选择这个功能：
先看效果：
当我们点击”新增商品”---->”选择目录”然后从数据库中查出来数据并显示了。
我们分析数据库的那张表：
它是一个树形结构：
如下：
这是整个表的数据。
我们写一条sql查询语句：
查出来的是最顶层的目录。
我们再根据其中一条数据的id来查他的下面的目录：
比如查id=74的数据
查出来的就是家电数据。
我们在查大家电下面的数据：
所以整个表就是一课数。
我们看怎么实现：
页面上我们使用Easyui的tree结构：
EasyUI tree数据结构
数据结构中必须包含：
Id：节点id
Text：节点名称
State：如果不是叶子节点就是close，叶子节点就是open。Close的节点点击后会在此发送请求查询子项目。
我们在后台查到数据之后返回给前台的json数据中需要这些参数。
流程：我们在前台单击”选择目录”来到这里：
// 初始化选择类目组件 initItemCat : function(data){ $(".selectItemCat").each(function(i,e){ var _ele = $(e); if(data && data.cid){ _ele.after("<span style=‘margin-left:10px;‘>"+data.cid+"</span>"); }else{ _ele.after("<span style=‘margin-left:10px;‘></span>"); } _ele.unbind(‘click‘).click(function(){ $("<div>").css({padding:"5px"}).html("<ul>") .window({ width:‘500‘, height:"450", modal:true, closed:true, iconCls:‘icon-save‘, title:‘选择类目‘, onOpen : function(){ var _win = this; $("ul",_win).tree({ url:‘/item/cat/list‘, animate:true, onClick : function(node){ if($(this).tree("isLeaf",node.target)){ // 填写到cid中 _ele.parent().find("[name=cid]").val(node.id); _ele.next().text(node.text).attr("cid",node.id); $(_win).window(‘close‘); if(data && data.fun){ data.fun.call(this,node); } } } }); }, onClose : function(){ $(this).window("destroy"); } }).window(‘open‘); }); }); },
所以前台的请求是：url:‘/item/cat/list‘,
好的。
Dao层：就用逆向工程的Mapper好了：
我们来写Service层：
package com.taotao.service.impl; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import com.taotao.mapper.TbItemCatMapper; import com.taotao.pojo.TbItemCat; import com.taotao.pojo.TbItemCatExample; import com.taotao.service.ItemCatService; @Service public class ItemCatServiceImpl implements ItemCatService { @Autowired private TbItemCatMapper itemCatMaper;//用逆向工程自动生成的类。 @Override public List<TbItemCat> getItemCatList(Long parentId) { TbItemCatExample tbItemExample=new TbItemCatExample(); TbItemCatExample.Criteria criteria=tbItemExample.createCriteria(); criteria.andParentIdEqualTo(parentId); List<TbItemCat> list=itemCatMaper.selectByExample(tbItemExample); return list; } }
Action层：
@Controller @RequestMapping("/item/cat") public class ItemCatController { @Autowired private ItemCatService itemcatservice; @SuppressWarnings({ "unchecked", "rawtypes" }) @RequestMapping("/list") public @ResponseBody List categoryList( @RequestParam(value="http://www.mamicode.com/id",defaultValue="http://www.mamicode.com/0") Long parentId) { List catList=new ArrayList(); List<TbItemCat> list=itemcatservice.getItemCatList(parentId); /* * 因为我们要返回给前台的数据格式要求是id,text,state所以这里取出数据再用Map封装一层。 */ for(TbItemCat tbItemCat:list) { Map node=new HashMap<>(); node.put("id", tbItemCat.getId()); node.put("text", tbItemCat.getName()); node.put("state", tbItemCat.getIsParent()?"closed":"open"); catList.add(node); } return catList; } }
页面的参数传过来的名字叫做“id”.所以我们在这里做一个转换，并且刚开始的时候是没有值得，所以设一个默认值0。
@RequestParam(value="http://www.mamicode.com/id",defaultValue="http://www.mamicode.com/0") Long parentId
调试：
成功！！
我们看下返回的结果json数据：
[{"id":1,"text":"图书、音像、电子书刊","state":"closed"},{"id":74,"text":"家用电器","state":"closed"},{"id":161,"text":"电脑、办公","state":"closed"},
{"id":249,"text":"个护化妆","state":"closed"}
,{"id":290,"text":"钟表","state":"closed"},
{"id":296,"text":"母婴","state":"closed"},{"id":378,"text":"食品饮料、保健食品","state":"closed"},{"id":438,"text":"汽车用品","state":"closed"},
{"id":495,"text":"玩具乐器","state":"closed"},{"id":558,"text":"手机","state":"closed"},{"id":580,"text":"数码","state":"closed"},
{"id":633,"text":"家居家装","state":"closed"},{"id":699,"text":"厨具","state":"closed"},{"id":749,"text":"服饰内衣","state":"closed"},
{"id":865,"text":"鞋靴","state":"closed"},{"id":903,"text":"礼品箱包","state":"closed"},
{"id":963,"text":"珠宝","state":"closed"},
{"id":1031,"text":"运动健康","state":"closed"},
{"id":1147,"text":"彩票、旅行、充值、票务","state":"closed"}]
当我们点击其中一个选项时，就把这个id传入到后台重行查数据了。所以名字是id
当然上面的做法不好，怎么在COntrall层用Map去封装呢。我们直接建一个pojo类就可以了啊。
如下：
POJO类：
package com.taotao.common.pojo; public class CategoryData { private long id; private String text; private String state; public long getId() { return id; } public void setId(long id) { this.id = id; } public String getText() { return text; } public void setText(String text) { this.text = text; } public String getState() { return state; } public void setState(String state) { this.state = state; } }
Action层：
@Controller @RequestMapping("/item/cat") public class ItemCatController { @Autowired private ItemCatService itemcatservice; @SuppressWarnings({ "unchecked", "rawtypes" }) @RequestMapping("/list") public @ResponseBody List<CategoryData> categoryList( @RequestParam(value="http://www.mamicode.com/id",defaultValue="http://www.mamicode.com/0") Long parentId) { List<CategoryData> list=itemcatservice.getItemCatList(parentId); /* * 因为我们要返回给前台的数据格式要求是id,text,state所以这里取出数据再用Map封装一层。 */ return list; } }
好了；效果一样的.
Service层：
@Service public class ItemCatServiceImpl implements ItemCatService { @Autowired private TbItemCatMapper itemCatMaper;//用逆向工程自动生成的类。 @Override public List<CategoryData> getItemCatList(Long parentId) { List<CategoryData> listCAT=new ArrayList<CategoryData>(); TbItemCatExample tbItemExample=new TbItemCatExample(); TbItemCatExample.Criteria criteria=tbItemExample.createCriteria(); criteria.andParentIdEqualTo(parentId); List<TbItemCat> list=itemCatMaper.selectByExample(tbItemExample); for(TbItemCat tbItemCat:list) { CategoryData categoryData=new CategoryData(); categoryData.setId(tbItemCat.getId()); categoryData.setText(tbItemCat.getName()); categoryData.setState(tbItemCat.getIsParent()?"closed":"open"); listCAT.add(categoryData); } return listCAT; } }
010商城项目：商品类目的选择——Dao,Service.Action层的分析
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。