奇酷学院-数据采集及其可视化（四）

 

前面已经将数据从网上爬取下来并存放至数据库了，但仅仅有一堆数据让别人分析，这也太不直观也不方便，所以为了将这些数据能够更加清晰直观地展示出来，我们需要对其进行可视化操作。

我们需要先获取数据库连接，然后还可以对数据库表中进行查询满足条件的属性值（我们展示的界面，用户可以通过推荐量来筛选小说），所以我们这里还需要创建这么几个类，但前面已经写过了，所以不必麻烦，直接复制粘贴再稍作修改即可。我们这次是需要通过 eclipse 来结合使用数据库和 web 网页，所以在建立项目时又和平时有所区别，建立的是  java web 项目：

然后找到 web 项，选择创建项目：

然后进入：

我们是利用 Tomcat 来响应 html 的页面请求，所以还需要配置相应的 Tomcat 服务器，不同版本的 eclipse 支持不同的 Tomcat 服务器，我这里用的是 9.0 的版本，获取资源：提取码：58ih 。

 这里的文件路径就是刚才解压 Tomcat 的路径，选中即可。下边的 JRE 可以默认也可以更改。

然后下一步，下一步：

我们讲师说通常命名为 WebRoot 表示来存放 js 、css jsp 等文件的目录，算是公认的吧。到此我们项目就已经创建好了，接下来仍然需要先导入一些外界的 jar 包（这部分和前面一样，用来获取数据库连接等功能）和一些方便我们使用的 js、css 框架，不过这次导入的jar 包和前面又有些不一样，位置也不同，先获取一下 js 、css 和 jar 包的资源 ：提取码：o52f 。jar包放的位置是：

在这我们也能够看出， lib 文件夹确实是用来存放外界 jar 包的，导入 jar 包之后仍需要添加到构建路径：

同时把整个 js 、css 文件夹一并复制到 WebRoot 下，注意仅在 WebRoot  下一层，不要复制到其他地方：

接下来就是使用 eclipse 来写相关代码了，在该目录下创建功能类：

这同平时写的就一样了。我们事先想下还需要什么功能，获取数据库连接，对数据库表中属性值进行查询，封装一个小说类，还有能够触发 html 界面的类，大致功能就想好了，像获取数据库连接这几个类前面已经写过了，那咱们就可以直接复制下代码，再根据需要做一下调整即可。下一篇就是完整的可视化功能实现，见 数据采集及其可视化（五）。