




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
本文格式为Word版,下载可任意编辑——淘淘商城第五天笔记传智播客Java学院传智.入云龙
淘淘商城第五天
1第四天内容回想
商品添加功能的实现
1、富文本编辑器的使用KindEditor。
a)引入js
b)使用js代码初始化KindEditor,需要一个textarea控件。
c)提交表单之前,需要调用sync方法,同步数据。是富文本编辑器和textArea控件
同步数据。
2、商品添加功能实现。
a)向商品表插入数据b)向商品描述表插入数据3、商品的规格参数。
a)使用模板的思路。
b)为类商品创立一个规格参数模板。
c)添加商品时,读取模板,基于模板生成一个表单,供用户输入规格参数。d)使用js把规格参数转换成json数据,保存到数据库e)读取规格参数,转换成html展示到页面。
2第五天课程计划
1、前台系统搭建
a)服务层b)表现层2、商城首页展示
3、实现商品分类展示功能。
4、首页内容管理思路及cms系统。
传智播客Java学院传智.入云龙
3前台系统搭建
3.1系统架构分析
Taotao-portal(门户)ControllerAndroidTaotao-managerService调用controllerHTTP调用IOS微信商城serviceTaotao-rest(服务层)ServicemapperMapperMysql查询商品信息,pc端可以查询,移动端也可以查看商品。下单:pc端可以下单,移动端也可以下单。
可以把业务规律提取出来,发布服务,供pc、移动端公用。好处:
1、提高代码复用度
2、可以灵活的进行分布式部署。3、系统之间耦合度低4、团队之间开发不冲突。
缺点:
1、需要发布Webservice,系统之间需要远程调用。2、工作量增加。
3、需要系统之间协作才能完成整个业务流程,系统之间调用变的繁杂。
需要创立两个工程
服务层:taotao-rest:没有表现层,只有业务规律。需要发布服务。
表现层:taotao-portal:只有表现层,没有业务规律,不需要连接数据库。
表现层和服务层通信,使用Webservice进行通信。Restful形式的Webservice。http+json数据。
传智播客Java学院传智.入云龙
3.2创立工程
3.2.1服务层taotao-rest
使用maven管理工程。War包。
使用的技术:
1、Mybatis2、Spring
3、发布服务:cxf、springmvc
创立工程
框架整合
整合ssm框架。可以参考taotao-manager工程。
传智播客Java学院传智.入云龙
Pom文件
添加对taotao-manager-dao的依靠。添加spring的依靠配置tomcat插件4.0.0com.taotaotaotao-parent0.0.1-SNAPSHOTcom.taotaotaotao-rest0.0.1-SNAPSHOTwarcom.taotaotaotao-manager-dao0.0.1-SNAPSHOT传智播客Java学院传智.入云龙org.springframeworkspring-contextorg.springframeworkspring-beansorg.springframeworkspring-webmvcorg.springframeworkspring-jdbcorg.springframeworkspring-aspectsorg.springframeworkspring-context-supportjavax.servletservlet-apiprovidedjavax.servletjsp-apiprovidedorg.apache.tomcat.maventomcat7-maven-plugin
传智播客Java学院传智.入云龙
请求数据的js位置:
传智播客Java学院传智.入云龙
4.2Js跨域4.2.1什么是跨域
Js为了安全有一个限制,不允许跨域访问。1、假使两个url的域名不同2、Url一致,端口不同也是跨域3、Ip不同也是跨域
在taotao-portal中不能使用ajax直接调用taotao-rest的服务。
4.2.2解决跨域的问题
可以使用jsonp解决跨域的问题。
1、在js中不能跨域请求数据,js可以跨域请求js片段。
2、可以把数据包装成js片段。可以把数据使用js方法来包装,形成一条方法的调用语句。3、可以使用ajax请求js片段,当js判断到达浏览器会被马上执行。
4、在浏览器端,先创立好回调方法,在回调方法中通过参数可以获得请求的数据。Taotao-restTaotao-portaljsonAjax请求json数据Ajax请求jsJs,其中包含json1、请求js数据调用js方法,js执行,2、响应js要求此方法已经定义。3、取出jsonjson
前期准备:
1、需要把js的回调方法先写好。
2、做ajax请求时,需要把回调方法的方法名传递给服务端。3、服务端接收回调方法名,把数据包装好,响应给客户端。
json传智播客Java学院传智.入云龙
5发布商品列表查询服务
5.1分析
获得一个分类列表的数据。从tb_item_cat表中取数据。
可以创立一个pojo描述树形列表的节点,其中包含三个属性u\\n\\i。U:urlStringN:nameStringI:itemsListpublicclassCatNode{@JsonProperty(\)privateStringurl;@JsonProperty(\)传智播客Java学院传智.入云龙
}privateStringname;@JsonProperty(\)privateListitems;publicStringgetUrl(){}publicvoidsetUrl(Stringurl){}publicStringgetName(){}publicvoidsetName(Stringname){}publicListgetItems(){}publicvoidsetItems(Listitems){}this.items=items;returnitems;=name;returnname;this.url=url;returnurl;publicclassItemCatResult{}publicvoidsetData(Listdata){}this.data=data;publicListgetData(){}returndata;privateListdata;
5.2Dao层
从tb_item_cat表中取数据,单表查询,可以使用逆向工程生成的代码。
传智播客Java学院传智.入云龙
5.3Service层
返回结果:ItemCatResult参数:没有
业务规律:根据parentid查询子节点列表,并递归调用。
@ServicepublicclassItemCatServiceImplimplementsItemCatService{@AutowiredprivateTbItemCatMapperitemCatMapper;@OverridepublicItemCatResultgetItemCatList(){}privateListgetItemCatList(LongparentId){//根据parentId查询列表TbItemCatExampleexample=newTbItemCatExample();Criteriacriteria=example.createCriteria();criteria.andParentIdEqualTo(parentId);//执行查询Listlist=itemCatMapper.selectByExample(example);ListresultList=newArrayList();for(TbItemCattbItemCat:list){//如果是父节点if(tbItemCat.getIsParent()){CatNodenode=newCatNode();node.setUrl(\+tbItemCat.getId()+\);//如果当前节点为第一级节点if(tbItemCat.getParentId()==0){node.setName(\//调用递归方法查询商品分类列表ListcatList=getItemCatList(0l);//返回结果ItemCatResultresult=newItemCatResult();result.setData(catList);returnresult;href='/products/\+tbItemCat.getId()+\+tbItemCat.getName()+\);}else{}node.setItems(getItemCatList(tbItemCat.getId()));//把node添加到列表resultList.add(node);node.setName(tbItemCat.getName());
传智播客Java学院传智.入云龙
}}}returnresultList;}else{}//假使是叶子节点Stringitem=\+tbItemCat.getId()+\+tbItemCat.getName();resultList.add(item);
5.4Controller
响应一个json数据。判断callback参数是否为空,假使为空正常返回json数据,假使不为空,支持jsonp调用。
需要使用@ResponseBody注解。
支持jsonp两种方式:第一种:直接响应字符串
@Controller@RequestMapping(\)publicclassItemCatController{}@AutowiredprivateItemCatServiceitemCatService;@RequestMapping(value=\,produces=MediaType.APPLICATION_JSON_VALUE+\)@ResponseBodypublicStringgetItemCatList(Stringcallback){}ItemCatResultresult=itemCatService.getItemCatList();if(StringUtils.isBlank(callback)){}//假使字符串不为空,需要支持jsonp调用//需要把result转换成字符串Stringjson=JsonUtils.objectToJson(result);returncallback+\+json+\;//需要把result转换成字符串Stringjson=JsonUtils.ob
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 工业废水处理与节能减排
- 工业机器人技术在智能制造中的运用
- 工业废水处理技术及实践案例分析
- 工业机器人与智能材料的融合应用
- 工业机器人与机器学习的融合应用
- 工业机器人技术的节能减排策略研究
- 工业自动化系统设计与管理探讨
- 工业物联网的构建与实施
- 工业节能与低碳技术发展路径
- 工业节能减排技术及市场分析
- 数字人合同协议
- 小青瓦仿古屋面施工方案
- 2024年杭州市拱墅区上塘街道招聘工作人员考试真题
- Unit 5 Animal friends Reading 课件 译林版英语七年级下册
- 预防粮库粮堆坍塌埋人事故
- 行政前台面试试题及答案
- 2024衡水桃城区中小学教师招聘考试试题及答案
- 文旅知识培训课件
- 2025年行政执法人员行政执法资格证考试必考题库及答案(共340题)
- 资源编排视角下立讯精密连续并购的价值创造研究
- 2023西宁中考物理试题(附参考答案)
评论
0/150
提交评论