## 淘淘商城项目——轮播广告实现及踩坑

Dear 丶 2021-12-24 00:31 477阅读 0赞

**说下实现思路：**

**1. 查看jsp页面发现**  
2. ![在这里插入图片描述][20190626150723779.png]  
**是一串json数据。  
用工具查看格式如下：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70]  
**实现分析：**  
1,不需要使用dao层  
2，servcie层  
调用发布的服务（rest）根据内容分类ID查询内容管理系统的内容

因为要用到 HttpClient ，先配置一个URL用来调用。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 1]  
然后实现：

@Service
    public class ContentServiceImpl implements ContenService {
    	@Value("${REST_BASE_URL}")
    	
    	private String REST_BASE_URL;
    	
    	@Value("${REST_INDEX_AD_URL}")
    	private String REST_INDEX_AD_URL;
    
    @Override
    	public String getContentList() {
    		//调用服务层的服务
    		String result = HttpClientUtil.doGet(REST_BASE_URL + REST_INDEX_AD_URL);
    		//把字符串转换成TaotaoResult
    		try {
    			TaotaoResult taotaoResult = TaotaoResult.formatToList(result, TbContent.class);
    			//取内容列表
    			List<TbContent> list = (List<TbContent>) taotaoResult.getData();
    			List<Map> resultList = new ArrayList<>();
     			//创建一个jsp页码要求的pojo列表
    			for (TbContent tbContent : list) {
    				Map map = new HashMap<>();
    				map.put("src", tbContent.getPic());
    				map.put("height", 240);
    				map.put("width", 670);
    				map.put("srcB", tbContent.getPic2());
    				map.put("widthB", 550);
    				map.put("heightB", 240);
    				map.put("href", tbContent.getUrl());
    				map.put("alt", tbContent.getSubTitle());
    				resultList.add(map);
    			}
    			return JsonUtils.objectToJson(resultList);
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
    		
    		return null;
    	}
    
    }
    
    
    @Controller
    
    public class contentController {
    	@Autowired
    	private ContenService contenService;
    
    	@RequestMapping("/index")
    	public String showIndex(Model model) {
    		String adJson = contenService.getContentList();
    		model.addAttribute("ad1", adJson);
    		return "index";
    
    	}
    
    }

运行：报错  
![空指针][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 2]  
空指针异常，分析 debuug 查出 taotaorest 没有值，进一步分析得出 是 result 没有取到值。在到页面按F12报了一些古怪的语法错误。前台页面不显示。  
后面发现是我![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 3]  
少写一个 $符号，导致IP路径不能取到配置的信息。再用postman测试接口  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 4]  
能看到接口是通的，但是前台还是没有展示

无奈看后台管理页面发现内容管理模块 广告这里的层级不对。因为我已经修改过来下图是对的层级。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 6]  
通过这个层级关系添加的内容会保证数据库的内容与配置信息里面的ID一致（89）  
![在这里插入图片描述][2019062615420360.png]  
这样在刷新前台发现：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 7]  
广告已经展示出来了。  
自己是个新手，所有很多时候只能一点点摸索，写出来记录一下，我在搜索的时候发现也有遇到这个问题空指针的同学。可以做个参考！

[20190626150723779.png]: /images/20211223/19132f51b388489e83081b60dd636f2d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70]: /images/20211223/92edc0bef27b4f19bdb5b6cce99c7b67.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 1]: /images/20211223/e7a1350e0a014471a5ff33dd41d5c575.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 2]: /images/20211223/6688914bfd854f26a20817315e2dd743.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 3]: /images/20211223/b8c82ad4ec4542fe9530e865dfe5d71a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 4]: /images/20211223/78721a31d2a74e9289ddd2de5f421d56.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 5]: /images/20211223/c1b6bda4fb364e24b471e81c274cf2cb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 6]: /images/20211223/aa035badbc2d484f80c3cf65ed50089a.png
[2019062615420360.png]: /images/20211223/77416487bc8940a0b5119772ed6f56a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODY5NzEzMA_size_16_color_FFFFFF_t_70 7]: /images/20211223/6c56ce74ace14eeaae3a5f9ca74a681b.png