零基础完成珍爱网项目 Java+MySQL+echarts （ZhenaiSpider+ZhenaiWeb）（四）

上次我们的爬虫已经完成了 接下来呢 就是我们的报表。

我们用的是网页形式来展示，所以呢我们需要搭建一个本地的服务器。我们使用的是tomcat

1，下载与安装tomacat

http://to进入官网mcat.apache.org/

下载下来解压即可

接下来呢就是配置环境变量

1，新建环境变量 CATALINA_HOME  变量值为解压目录的路径..

2，将解压目录的bin 添加到path

测试启动打开 bin目录有个  将此文件 拖到cmd命令行中 若出现以下

然后打开浏览器输入以下地址localhost：8080  出现以下界面 则代表成功了

2，接下来我们就要把服务器和eclipse 集成

菜单栏的 windows 然后preferences  然后搜索server右边 add 找到解压目录

这样呢我们就把 tomcat 集成到我们的eclipse 中了

3，servlet +jsp

接下来创建我们的web项目 

创建一个动态的web项目

输入项目名即可，然后点击完成

接下来呢我们在webcontent下创建一个新的文件夹 叫assert 来放我们的js文件

然后在https://jquery.com/download/ 去下载 我们这里下载的是3.2.1版本

WEB-INF 目录下 创建一个xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>zhenai</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>
</web-app>

设置默认的主页

然后在这个文件夹下 创建我们的主页 ，新建一个jsp文件 我叫index

然后我们在如下的lib导入相应的jar包，这些jar包可以找到 为了方便大家，我就放在百度网盘上 大家下载下来，copy一下即可

https://pan.baidu.com/s/1fWCVt2RajvgqrSYtrIxDsg

index.jsp 如下

然后我们去下载echarts的js文件 

这个是 百度公司的 下载即可

然后将js文件放到assert文件夹下

http://echarts.baidu.com/ 

上面有实例 各种图表的使用示例 源码

类似于这样 点开任意一个图表都有示例 及源码

我们在webcontent 下 新建一个 jsp文件夹 来存放我们的 jsp文件 

然后我们在jsp文件夹下 新创建一个sex.jsp文件  来制作性别分析

 

我们导入我们的js文件 然后插入超链接 来返回我们的主页

然后我们来hu我们获取据库数据 来为图标提供数据

首先开发一个servlet查询数据库，获取男女人数：

刚开始，可以先不操作数据库。

先模拟数据：

package cn.hyxy.zhenai;

 

import java.io.IOException;

import java.util.Random;

 

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.serv