Python 爬虫实战计划：第四周作业

要求：

image.png

项目结构：

image.png

image.png

image.png

项目流程：

1. 首先把静态页面做出来。

2. 然后将静态页面转换为动态页面。

3. 制作静态页面。效果如下：
   a. home.html

   
   
   image.png
   
   

   b. pie.html

   
   
   image.png
   
   c. top3.html
   
   image.png
   
   
   image.png
   
   

   下面进行图表的绘制

   1. home.html
      home.html是发帖量对比柱状图。
      柱状图的highcharts是这个样子的：

      
      
      image.png
      
      

      效果如下：

      
      
      image.png
      
      改成动态的时候，只需要动态生成series数组内部的字典（json)结构即可。

4. pie.html 一天内交易出去的商品，地区与类目饼图
   饼图highcharts是这个样子的：

   
   
   image.png
   
   

   效果如下：

   
   
   image.png
   
   两个饼图，做两个highcharts即可。
   改成动态时候，我们只需要将series里面的data嵌套数组动态生成即可。

5. top3.html 各城区中最热销的三个类目柱状图
   柱状图highcharts 与home.html中的柱状图是一模一样的

   
   
   image.png
   
   

   我们需要做一个下拉菜单，根据下拉菜单显示对应的柱状图数据。
   使用semantic-ui下拉菜单组件，制作下拉菜单。
   动态生成的时候，动态生成下拉选项即可。
   柱状图数据，根据下拉菜单动态从后台获取，前台使用 ajax动态生成highcharts的series数据。
   静态网页制作完毕，下面将静态页面转换为动态页面。

image.png