前面已经将数据从网上爬取下来并存放至数据库了,但仅仅有一堆数据让别人分析,这也太不直观也不方便,所以为了将这些数据能够更加清晰直观地展示出来,我们需要对其进行可视化操作。
我们需要先获取数据库连接,然后还可以对数据库表中进行查询满足条件的属性值(我们展示的界面,用户可以通过推荐量来筛选小说),所以我们这里还需要创建这么几个类,但前面已经写过了,所以不必麻烦,直接复制粘贴再稍作修改即可。我们这次是需要通过 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 界面的类,大致功能就想好了,像获取数据库连接这几个类前面已经写过了,那咱们就可以直接复制下代码,再根据需要做一下调整即可。下一篇就是完整的可视化功能实现,见 数据采集及其可视化(五)。