1.实现结果
首页图片：
商城首页.PNG
分类展示图片：
分类展示.PNG
2. 前台系统系统架构
前台系统架构.PNG
在互联网系统开发当中，我们一般都是采用了分层的方式来架构系统，但是为什么我们需要分层进行架构呢？
采用分层架构有利于系统的维护，系统的扩展。这其实就是系统的可维护性和可扩展性。分层就是按照功能把系统切分细分，细分之后就能分布式部署，就能引入伸缩性，就能提高性能。
好处：
- 1、基于soa理念将服务层抽出对外提供服务
- 2、可以实现灵活的分布式部署
3. 搭建服务系统
服务形式：对外提供rest形式的服务，供其他系统调用。使用http协议传递json数据。
3.1. 使用的技术
1、Mybatis
2、spring
3、springmvc
首页商品类目展示流程
ajax请求调用.PNG
6.2. 跨域问题
使用json数据测试。如果ajax请求的是同一个工程中taotao-portal的json数据没有问题，可以直接显示出来。如果请求的是taotao-rest工程中json数据，会发生错误。
跨域问题：浏览器一个安全的限制，不允许js跨域请求资源，
www.taotao.com -> manage.taotao.com 跨域
www.taotao.com -> www.taotao.com 非跨域
www.taotao.com -> www.taotao.com:8081 跨域
如何解决跨域问题：使用jsonp来解决跨域问题。
jsonp的原理:
浏览器在js请求中，是允许通过script标签的src跨域请求，可以在请求的结果中添加回调方法名，在请求页面中定义方法，既可获取到跨域请求的数据。
跨域问题的解决.PNG
- Ajax跨域无法实现跨域请求数据，但是js文件允许跨域请求，正好json是js原生支持的，给服务器传入一个回调函数名作为参数，可以将获取到的数据多态进行处理
请求调用结果：
jsonp结果.PNG
网友评论