创建Maven分布式前台系统架构，写出京动态导航，跨域返Json数据

前台系统架构

分层的架构有什么好处：

1. 有利于系统的维护，扩展。
2. 分层的结构是按照功能细化，细化之后就能够分布式的部署。
3. 灵活性
4. 前台系统与服务层可以分离
5. 开发团队可以分开，提高开发效率

缺点：

1. 服务器之间需要使用接口进行通信，开发的工作量提高

前台系统可以分为两部分：

1. 服务层的web工程 功能就是发布服务
2. 表现层：负责展现页面，没有业务逻辑，所有的业务就是调用服务层的服务
   搭建服务protal-rest系统
   服务的形式：使用http协议传递json数据，主要的功能是供其它系统进行调用

服务层所使用技术

1. Mybatis
2. Spring
3. SpringMVC

搭建protal-rest的过程与protal-manager-web整合的过程一样

搭建前台（门户）系统：它可以将各种应用，数据的资源以及互联网的资源集成到一个信息管理平台上。并以统一的用户界面提供给我们的用户。
所使用的技术：

1. Spring+SpringMVC
2. JS CSS JQuery Bootstrap AngularJS NodeJS React H5
3. HttpClient

实现商品分类的展示流程

Protal-rest进行发布服务
需求
请求的URL:是当鼠标滑动到链接的时候，就会发出一个事件，做一个Ajax的请求（json数据），这些数据会包含分类的信息，得到数据之后需要初始化分类的菜单并展现出业

#####注意：
所有的分类的数据要从protal-rest中的获取
如果我们要从protal-front里面获取json数据是没有问题，但是我们现在要从protal-rest中获取json数据。所以我们就可以使用ajax请求去调用服务器的数据。

这样就会出现跨域访问的问题
Failed to load http://localhost:8081/category.json: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8082’ is therefore not allowed access.

跨域问题

1. 什么是跨域？
   a) 域名不同
   b) 域名相同但是端口不同
2. 跨域问题是浏览器的安全的限制，不允许js进行跨域的访问。

如何解决跨域的问题：使用jsonp来解决跨域的问题

1. Jsonp的原理：
   浏览器在js请求的时候，是可以通过

图二

##创建foreknow-rest 也是继承parent

配置pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <parent>
		<groupId>com.foreknow</groupId>
		<artifactId>foreknow-parent</artifactId>
		<version>0.0.1-SNAPSHOT</version>
	</parent>
  <groupId>com.foreknow</groupId>
  <artifactId>foreknow-rest</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <dependencies>
  		<dependency>
			<groupId>com.foreknow</groupId>
			<artifactId>foreknow-manager-mapper</artifactId>
			<version>0.0.1-SNAPSHOT</version>
		</dependency>
	<!-- 	String -->
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-beans</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-webmvc</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-jdbc</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-aspects</artifactId>
		</dependency>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>servlet-api</artifactId>
			<scope>provided</scope>
		</dependency>
			<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>jsp-api</artifactId>
			<scope>provided</scope>
		</dependency>
	<!-- 	文件上传组件 -->
<dependency>
			<groupId>commons-fileupload</groupId>
			<artifactId>commons-fileupload</artifactId>
		</dependency>
	
  </dependencies>
  <build>
		<plugins>
			<plugin>
				<groupId>org.apache.tomcat.maven</groupId>
				<artifactId>tomcat7-maven-plugin</artifactId>
				<version>2.2</version>
				<configuration>
					<port>8081</port>
					<path>/</path>
					<uriEncoding>UTF-8</uriEncoding>
				</configuration>
			</plugin>
		</plugins>
	</build>
</project>

设置run configurations 服务器

位置 web.xml 中央控制器

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
  <display-name>foreknow-rest</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
   <!-- 加载spring容器 -->
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:spring/applicationContext-*.xml</param-value>
	</context-param>
	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>
	<!-- 解决post乱码 -->
	<filter>
		<filter-name>CharacterEncodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>utf-8</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>CharacterEncodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
	<!-- springmvc的前端控制器 -->
	<servlet>
		<servlet-name>foreknow-rest</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<!-- contextConfigLocation不是必须的， 如果不配置contextConfigLocation， springmvc的配置文件默认在：WEB-INF/servlet的name+"-servlet.xml" -->
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath:spring/springmvc.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>foreknow-rest</servlet-name>
		<url-pattern>/rest/*</url-pattern>
	</servlet-mapping>
</web-app>

在src/main/resources

SqlMapConfig.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
		PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
		"http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
	<!-- 配置分页插件    拦截器-->
	<plugins>