实现动态Web项目：创建JSP和Java文件，编写用户登录界面

（1）项目创建。

1）在点击菜单栏File，点击new，选择Dynamic Web Project，以创建Dynamic web project项目。如图3-17所示。

图3-17　创建Dynamic web project项目

2）创建Dynamic web project项目信息，选择项目运行服务器，点击next按钮。如图3-18所示。

图3-18　创建Dynamic web project项目信息

3）创建web.xml文件，输入项目名之后，一直默认next，看到下图，勾选选项，创建项目web.xml文件。如图3-19所示。

图3-19　创建web.xml文件

4）导入jar包。

为了访问HDFS文件，需要将/usr/local/hadoop/etc/hadoop中修改过的配置文件chadoop-env.sh、core-site.xml、hdfs-site.xml、mapred-site.xml和yarn-site.xml复制到项目下的src文件夹中。

5）创建JSP文件，默认创建在项目的WebContent目录下。如图3-20所示。

图3-20　创建JSP文件

6）创建JSP文件信息，JSP文件名称，点击按钮Finish，完成文件创建。如图3-21所示。

图3-21　创建JSP文件信息

7）Java文件创建，选中项目Src目录，点击右键，选择new，点击Class。如图3-22所示。

图3-22　Java文件创建

8）创建类，选择class存放的包，输入Class类名，点击Finish按钮，生成该类对应的java文件，即可在该文件中编码实现类。如图3-23所示。

图3-23　创建类

在本项目中，创建了register.jsp、index.jsp、login.jsp和index.jsp四个jsp文件。register.jsp实现用户注册页面；login.jsp实现用户登录页面；index.jsp网盘文件操作页面；head.jsp引用css和js，以增强代码的重用率。

（2）系统Web.xml文件。

一般的Web工程中都会用到Web.xml，Web.xml主要用来配置Filter、Listener、Servlet等，可以方便地开发Web工程。一个servlet想成功完成web页面的请求，需要在web.xml完成一一对应配置映射。本项目Web.xml文件的内容如下。

其中，Web.xml文件的元素都放在<web-app></web-app>之中；<welcomefile-list></welcome-file>声明欢迎文件页；<display-name>表示Web应用名称；<servlet></servle t>用来声明一个servlet的数据，<servlet-name></servletname>指定servlet的名称。

（3）用户管理功能实现。

用户管理模块用于实现登录以及注册功能。创建类userBean用于描述用户信息，其属性与数据库中表的字段一一对应，包括用户id，用户名和用户密码；类ConnDB用于jdbc连接mysql建立连接；类UserDao用于实现用户校验和用户添加功能；register.jsp提供用户注册页面；register Servlet.java用于实现用户注册，注册成功返回登录界面；login.jsp提供用户登录页面；loginServlet.java用于验证用户身份，登录成功，进入网盘系统操作页面。

①userBean类具体实现代码如下。

②ConDB类具体实现代码如下。

其中，DriverManager.getConnection（）语句中，localhost代表MySQL数据库所在的主机IP地址；3306是连接数据库的端口号；user和password登录MySQL数据库的用户名和密码。

③UserDao类。

④用户登录页面login.jsp。

用户登录界面是用户输入的用户名和密码的界面，如图3-24所示。

图3-24　用户登录界面

其具体实现代码如下。(www.xing528.com)

⑤loginServlet.java接收前端页面发送的用户名和密码，查询数据库验证该用户身份是否合法，若合法则登录成功，进入网盘系统操作页面。其具体实现代码如下。

⑥用户注册页面register.jsp。

在登录页面点击注册按钮，进入用户注册页面，用户注册界面如图3-25所示。

图3-25　用户注册页面

注册页面register.jsp具体实现代码如下：

⑦registerServlet.java。

registerServlet接收用户输入的用户名和密码，首先判断该用户名是否已被使用，其次判断前后输入密码是否一致，当输入信息合法时，存入数据库，注册成功。其具体实现代码如下，其中，其导入（import）的类包与loginServlet相同，参见loginServlet.java，此处不再赘述。

（4）文件管理功能实现。

登录成功之后，跳转到index.jsp，进入个人云盘文件操作页面；HDFSDao.java文件中定义了类HDFSDAO，类HDFSDAO封装了文件的上传，下载，删除的操作；index.jsp中删除、上传和下载操作分别通过请求DeleteServlet、uploadServlet和downloadServlet完成用户对应的文件操作。

①个人网盘操作页面index.jsp。

登录成功之后，跳转到用户网盘操作页面index.jsp，个人网盘操作页面列出了用户个人网盘中所有的文件，并给出了用户操作文件的接口，如图3-26所示。

图3-26　个人网盘操作页面

个人网盘操作页面具体实现代码如下：

其中，在<%@include file="head.jsp"%>中，引用的head.jsp的具体源码如下：

②HDFSDao.java。

HDFSDAO类提供了HDFS文件的上传，下载，删除的基本操作，具体实现代码如下。

③downLoadServlet.java。

④DeleteServlet.java。

DeleteServlet实现用户删除云盘文件的操作，具体实现代码如下，导入类包部分参见loginServlet.java，此处不再赘述。

⑤uploadServlet.java。