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