乐优商城2 —— 商品分类

你能够访问 码云 - 乐优商城 来获取关于乐优商城的工程代码。

你能够访问 百度云 - 乐优优商城 密码：ppzy 来获取关于乐优商城的资料。

1、后台前端工程

 因为后台功能复杂，直接使用资料中的leyou-manage-web工程。咱们使用npm管理包，先要安装nodejs。

 
 
 

2、统一环境

 为了保证在不一样环境下都能正常访问，咱们使用域名访问项目。

 咱们经过修改host文件来实现对域名的解析，咱们使用资料中的SwitchHosts修改host文件（以管理员身份运行）。

 

 咱们还要解决端口问题，咱们采用资料中反向代理工具Nginx，使得不一样域名访问不一样端口。

 咱们经过conf目录下的nginx.conf来完成端口代理。

 

 咱们的网关映射

 

 咱们启动Nginx，而且访问manage.leyou.com

 

3、商品分类查询

 咱们首先要将资料中leyou.sql导入mysql数据库中。

 
 

 咱们开始实现后端逻辑，首先咱们须要Category的实体类，咱们将实体类定义在leyou-interface中,记得生产get set方法。

 

 因为注解使用的是jpa注解，咱们在leyou-interface pom文件中写入坐标。

 

 因为咱们知道那四个请求值，咱们先写controller 。

 

 咱们开始写service ，通用mapper封装的api能够简化数据库操做 。

 

 咱们开始写通用mapper,首先在启动类上加 @MapperScan("com.leyou.item.mapper") 这样它就会扫描mapper包。

 咱们新建 mapper包 和 CategoryMapper

 

 到目前为止咱们已经完成整个商品分类的查询，但存在一个跨域问题。

 凡是请求的域名、协议、端口发生改变咱们称为跨域。好比咱们如今manage.leyou.com 访问 api.leyou.com

 咱们采用CORS这种方式解决跨域问题，经过设置响应头容许跨域，咱们在leyou-gateway中添加配置类。

 

pom文件展开查看

package com.leyou.cateway.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

/**
 * TODO
 *
 * @author Gary
 * @date 2020/1/18 10:07
 */
@Configuration
public class CorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //1) 容许的域,不要写*，不然cookie就没法使用了
        config.addAllowedOrigin("http://manage.leyou.com");
        //2) 是否发送Cookie信息
        config.setAllowCredentials(true);
        //3) 容许的请求方式
        config.addAllowedMethod("OPTIONS");
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("DELETE");
        config.addAllowedMethod("PATCH");
        // 4）容许的头信息
        config.addAllowedHeader("*");

        //2.添加映射路径，咱们拦截一切请求
        UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", config);

        //3.返回新的CorsFilter.
        return new CorsFilter(configSource);
    }
}

 重启服务，咱们访问一下商品分类，增删改功能咱们再也不阐述，具体实现能够访问git仓库。