图文精华

About云-梭伦科技»专题 › 技术学习(版主发帖区) › 项目区 › hadoop网盘小项目介绍及相关代码下载3
分享

hadoop网盘小项目介绍及相关代码下载3

desehawk 发表于 2014-12-3 21:38:36 [显示全部楼层] 只看大图 回帖奖励 阅读模式 关闭右栏 25 62046
About云VIP帮助找工作和提升
本帖最后由 desehawk 于 2014-12-3 22:04 编辑

导读：

本文为登陆模块，相信会Java的同学，应该不难







一、login.jsp登陆界面实现解压bootmetro-master.zip，然后将ootmetro-mastersrc下的assets文件夹拷贝到工程里。
bootmetro下载地址：https://github.com/aozora/bootmetro，使用说明：http://www.guoxiaoming.com/bootmetro/

1.png


创建head.jsp文件，用于将一些药固定引用的css、js文件放到这里，作为公共调用文件。
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"

  2.     pageEncoding="UTF-8"%>

  3. 

  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  5. <html>

  6. <head>

  7. 

  8.  <link rel="stylesheet" type="text/css" href="assets/css/bootmetro.css">

  9.    <link rel="stylesheet" type="text/css" href="assets/css/bootmetro-responsive.css">

  10.    <link rel="stylesheet" type="text/css" href="assets/css/bootmetro-icons.css">

  11.    <link rel="stylesheet" type="text/css" href="assets/css/bootmetro-ui-light.css">

  12.    <link rel="stylesheet" type="text/css" href="assets/css/datepicker.css">

  13. 

  14.    <!--  these two css are to use only for documentation -->

  15.    <link rel="stylesheet" type="text/css" href="assets/css/site.css">

  16. 

  17.    <!-- Le fav and touch icons -->

  18.    <link rel="shortcut icon" href="assets/ico/favicon.ico">

  19.    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">

  20.    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">

  21.    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">

  22.    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">

  23.   

  24.    <!-- All JavaScript at the bottom, except for Modernizr and Respond.

  25.       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries

  26.       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->

  27.    <script src="assets/js/modernizr-2.6.2.min.js"></script>

  28.  

  29. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  30. 

  31. 

  32. 

  33. <title>Insert title here</title>

  34. </head>

  35. 

  36. </html>
复制代码




创建login.jsp文件：
  1.  <%@ include file="head.jsp"%>

  2.  <%@ page language="java" contentType="text/html; charset=UTF-8"

  3.     pageEncoding="UTF-8"%> 

  4.     

  5.     

  6. <body style="text-align:center;margin-bottom:100px;">

  7.                  <div class="navbar" >

  8.              <div class="navbar-inner">

  9.                <a class="brand" href="#" style="margin-left:200px;">网盘</a>

  10.            

  11.              </div>

  12.            </div>

  13.               <div  style="text-align:left;margin:0px auto;margin-top:50px; width:1200px;height:500px;">

  14.                       <div style="float:left;width:800px; height:100%;background:#009900"></div>

  15.                          <div style="float:left;width:400px; height:100%; background:#00CC33">

  16.                          <fieldset>

  17.                                  <form  action="LoginServlet" method="post" class="form-horizontal" style="margin-top:150px;margin-left:100px;">

  18.                          

  19.                                      用户  <input type="text" id="inputEmail" name="username" >

  20.                                          <br><br>

  21.                                     密码  <input type="pass<a href="http://www.it165.net/edu/ebg/" target="_blank" class="keylink">word</a>" id="inputPass<a href="http://www.it165.net/edu/ebg/" target="_blank" class="keylink">word</a>"  name="password">

  22.                                          <br><br>

  23.                            <button type="submit" class="btn">登陆</button>    

  24.                             <button type="submit" class="btn">注册</button>

  25.                                

  26.                            </form>

  27.                            </fieldset>

  28.                          </div>

  29.       

  30.               </div>

  31.                

  32. </body>

  33.  
复制代码



启动tomcat服务器测试效果，想要更多绚丽的小姑，大家可以自己去实现。（这里还无法实现登陆）
2.png
二、连接数据库
（1）将mysql-connector-java-commercial-5.1.25.jar复制到/WEB-INF/lib目录下。
3.png
（2）创建user表和添加数据
打开navicat for mysql 软件，连接hadoop数据库并创建user表，然后向表里添加3个数据。
4.png
三、创建操作数据库的model文件
（1）ConnDB.java
  1. package com.model;

  2. 

  3. import java.sql.Connection;

  4. import java.sql.DriverManager;

  5. 

  6. public class ConnDB {

  7.         private Connection ct = null;

  8.         public Connection getConn(){

  9.                 

  10.         try {

  11.         //加载驱动

  12.         Class.forName("com.mysql.jdbc.Driver");

  13.                         

  14.         //得到连接

  15.         ct = DriverManager.getConnection("jdbc:mysql://localhost:3306/hadoop?user=root&password=");

  16.         } catch (Exception e) {

  17.         // TODO Auto-generated catch block

  18.         e.printStackTrace();

  19.         }

  20.                 

  21.                 

  22.         return ct;

  23.         }

  24. }
复制代码


（2）UserBean.java
  1. package com.model;

  2. 

  3. public class UserBean {

  4.         String id;

  5.         String username;

  6.         String email;

  7.         String password;

  8.         public String getId() {

  9.                 return id;

  10.         }

  11.         public void setId(String id) {

  12.                 this.id = id;

  13.         }

  14.         public String getUsername() {

  15.                 return username;

  16.         }

  17.         public void setUsername(String username) {

  18.                 this.username = username;

  19.         }

  20.         public String getEmail() {

  21.                 return email;

  22.         }

  23.         public void setEmail(String email) {

  24.                 this.email = email;

  25.         }

  26.         public String getPassword() {

  27.                 return password;

  28.         }

  29.         public void setPassword(String password) {

  30.                 this.password = password;

  31.         }

  32. 

  33. }
复制代码



（3）UserBeanCl.java
  1. package com.model;

  2. 

  3. import java.sql.Connection;

  4. import java.sql.ResultSet;

  5. import java.sql.SQLException;

  6. import java.sql.Statement;

  7.  

  8. 

  9. public class UserBeanCl {

  10.         private Statement sm = null;

  11.         private Connection ct = null;

  12.         private ResultSet rs = null;

  13.         

  14.         

  15.         public void close(){

  16.                 try {

  17.                         

  18.                         

  19.                 if(sm != null){        

  20.                         sm.close();

  21.                         sm = null;

  22.                 }

  23.                 

  24.                 if(ct != null){

  25.                         ct.close();

  26.                         ct = null;

  27.                 }

  28.                 

  29.                 

  30.                 if(rs != null){

  31.                         rs.close();

  32.                         rs = null;

  33.                 }

  34.                 

  35.                 

  36.                 }

  37.                 catch (SQLException e) {

  38.                         // TODO Auto-generated catch block

  39.                         e.printStackTrace();

  40.                 }

  41.         }

  42.         

  43.         

  44.         

  45.         //检查登录用户是否合法

  46.                 public boolean checkUser(String user, String password){

  47.                         boolean b = false;                

  48.                         try {

  49.                                 

  50.                                 //获得连接

  51.                                 ct = new ConnDB().getConn();

  52.                                 //创建statement

  53.                                 sm = ct.createStatement();

  54.                                 

  55.                                 rs = sm.executeQuery("select * from user where username=""+user+""");

  56.                                 

  57.                                 

  58.                                 if(rs.next()){

  59.                                         //说明用户存在

  60.                                         String pwd = rs.getString(3);

  61.                                         if(password.equals(pwd)){

  62.                                                 //说明密码正确

  63.                                                 b = true;

  64.                                         }else{

  65.                                                 b = false;

  66.                                         }

  67.                                         

  68.                                 }else{

  69.                                         b = false;

  70.                                 }        

  71.                         } catch (SQLException e) {

  72.                                 e.printStackTrace();

  73.                         }finally{

  74.                                 this.close();

  75.                         }

  76.                         

  77.                         return b;

  78.                 }

  79. 

  80. 

  81.                 

  82. }
复制代码



（4）创建LoginServlet文件处理登陆的用户
  1. package com.controller;

  2. 

  3. import java.io.IOException;

  4. 

  5. import javax.servlet.ServletException;

  6. import javax.servlet.http.HttpServlet;

  7. import javax.servlet.http.HttpServletRequest;

  8. import javax.servlet.http.HttpServletResponse;

  9. import javax.servlet.http.HttpSession;

  10. 

  11. import org.apache.hadoop.fs.FileStatus;

  12. import org.apache.hadoop.mapred.JobConf;

  13. 

  14. 

  15. 

  16. import com.model.*;

  17. 

  18. /**

  19.  * Servlet implementation class ListServlet

  20.  */

  21. public class LoginServlet extends HttpServlet {

  22.  

  23. 

  24.         /**

  25.          * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

  26.          */

  27.         protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  28.                 this.doPost(request, response);

  29.         }

  30. 

  31.         /**

  32.          * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

  33.          */

  34.         protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  35.         

  36.                 String username = request.getParameter("username");

  37.                 String password = request.getParameter("password");

  38. 

  39.                 UserBeanCl ubc = new UserBeanCl();

  40.                 if(ubc.checkUser(username, password)){

  41.                         //用户合法，跳转到界面

  42.                         HttpSession session = request.getSession(); 

  43.                         session.setAttribute("username", username);

  44.                         

  45.                         JobConf conf = HdfsDAO.config();

  46.                 HdfsDAO hdfs = new HdfsDAO(conf);

  47.                         FileStatus[] list = hdfs.ls("/"+username);

  48.                         request.setAttribute("list",list);

  49.                         request.getRequestDispatcher("index.jsp").forward(request, response);

  50.                 }else{

  51.                         //用户不合法，调回登录界面，并提示错误信息

  52.                         request.getRequestDispatcher("login.jsp").forward(request, response);

  53.                 }

  54. 

  55.                 

  56.          

  57.         }

  58. 

  59. }
复制代码



（5）重启tomcat服务器测试，这次就可以实现用户登陆页面跳转了（从login.jsp跳转到index.jsp）

网盘代码地址.rar (166 Bytes, 下载次数: 79, 售价: 8 云币)
关注公众号，获取大数据、人工智能20套、区块链资源5阶段等资源，随时更新，获取最新技术资源
回复

使用道具 举报

自定义广告语

已有(25)人评论

跳转到指定楼层
正序浏览
liusiping 发表于 2014-12-3 22:30:44
回复

使用道具 举报

Joker 发表于 2014-12-4 09:31:02
这里作为一个抛砖引玉，让后期hadoop web更好上手
回复

使用道具 举报

wubaozhou 发表于 2014-12-28 17:53:12
回复

使用道具 举报

wubaozhou 发表于 2014-12-31 11:32:15
回复

使用道具 举报

yxb3158 发表于 2015-1-17 10:39:19
太牛啦啦啦啦啦
回复

使用道具 举报

zhanmsl 发表于 2015-1-24 17:39:41
三个帖子一篇接着一篇把整个过程介绍的很详细。
回复

使用道具 举报

chinaboy2005 发表于 2015-1-30 16:14:47
回复

使用道具 举报

tec_feng 发表于 2015-2-2 17:38:00
我在做你这个实验的时候碰到一点问题，当点击上传的时候，运行到 FileSystem fs = FileSystem.get(URI.create(HDFS), conf);这句话的时候，就直接跳出去了，也不报错，这个可能会是什么原因
回复

使用道具 举报

hxw2ljj 发表于 2015-3-25 13:33:53
不错，好好学习天天向上。
回复

使用道具 举报

123下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发表新帖
desehawk

实习版主

关注

  • 1058

    主题

  • 1959

    帖子

  • 190

    粉丝

TA的主题
关闭

推荐上一条 /2 下一条

关于我们· 联系我们· 加入我们· 小黑屋· 合作伙伴   

Copyright © 2001-2024 About云-梭伦科技 Powered by Discuz! X3.4 Licensed Discuz Team.

简书 / Smrz 京ICP备2020039040号 Wxb 简书网举报电话：021-34700000