手把手搭建Java共享網盤

時間 2021-01-02

標籤 css html 前端 mysql ajax spring sql 數據庫後端 tomcat 欄目 Java 简体版

原文原文鏈接

項目介紹

在線共享網盤採用jsp+servlet搭建項目結構實現共享網盤，項目分爲管理員，普通用戶和付費用戶三種角色，根據不一樣角色控制不一樣權限，實現不一樣用戶對我的文件文件，全部文件，共享文件的增刪改查操做。css

項目適用人羣

正在作畢設的學生，或者須要項目實戰練習的Java學習者html

開發環境：

jdk 8
intellij idea
tomcat 8.5.40
mysql 5.7

所用技術：

jsp+servlet
js+ajax
layUi
jdbc直連

項目訪問地址

http://localhost:8090

項目結構

項目截圖

註冊

個人網盤

個人共享
前端
回收站
mysql
會員充值
ajax
管理員-全部文件
spring
管理員-共享申請sql

關鍵代碼:

1.初始化工做數據庫

//數據庫鏈接初始化
public class DBInfo {
	String url = null;
	String username = null;
	String password = null;
	String driverClass = null;
	
	private static DBInfo db = new DBInfo();

	public static DBInfo getInstance(){
		return db;
	}
	
	private DBInfo() {
		InputStream in = this.getClass().getClassLoader().getResourceAsStream("db.properties");
		Properties pp = new Properties();
		try {
			pp.load(in);
			url = pp.getProperty("jdbc.url");
			username = pp.getProperty("jdbc.username");
			password = pp.getProperty("jdbc.password");
			driverClass = pp.getProperty("jdbc.driver");
			
			Class.forName(driverClass);
		} catch (Exception e) {
			e.printStackTrace();
		}finally{
			try {
				in.close();
			} catch (IOException e) {
				e.printStackTrace();
			}
		}
	}

	public Connection getConnection(){
		Connection conn = null;
		try {
			conn = DriverManager.getConnection(url, username, password);
		} catch (Exception e) {
			e.printStackTrace();
		}
		return conn;
	}
}
//上傳資源初始化
public void init() throws ServletException {
    super.init();
    //servlet啓動時  ，讀取配置文件中關於上傳的信息
    InputStream in = this.getClass().getClassLoader().getResourceAsStream("ini.properties");
    Properties pp = new Properties();
    try {
        pp.load(in);
        UPLOAD_ROOT_PATH = pp.getProperty("upload.path");
        String tmpPath = pp.getProperty("tmp.path");
        //配置上傳臨時目錄
        factory = new DiskFileItemFactory(1024*1024*10,new File(tmpPath));
        stu = new ServletFileUpload(factory);
    } catch (Exception e) {
        e.printStackTrace();
    }finally{
        try {
            in.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

2.資源上傳後端

//前端JSP代碼
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="uploadFile" aria-hidden="true">
        <form action="upload" method="post" enctype="multipart/form-data">
            <input type="hidden" name="from" value="user">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="uploadFile">上傳文件</h4>
                    </div>
                    <div class="modal-body">
                        <input type="file" name="file" value="上傳文件">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            關閉
                        </button>
                        <input type="submit" class="btn btn-primary" value="肯定上傳"/>
                    </div>
                </div>
        </form>
    </div>
//後端入庫處理
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws   IOException {
    User user = (User) request.getSession().getAttribute(Const.SESSION_USER);
    String from="";
    try {
        List<FileItem> fileItemLists = stu.parseRequest(request);
        for(FileItem fileItem : fileItemLists){
            if(fileItem.isFormField()){
                from = fileItem.getString();
            }else{
                //上傳文件名
                String fileName = fileItem.getName();
                String oldfilename = fileItem.getName();
                int index = fileName.lastIndexOf("\\");
                if(index != -1) {
                    fileName = fileName.substring(index+1);
                }
                String root = UPLOAD_ROOT_PATH+user.getUsername();
                //獲取文件大小
                long size = fileItem.getSize();
                String sizeString = StringUtil.computeSize(size);
                Timestamp upTime = new Timestamp(new Date().getTime());
                File file = new File(root,fileName);

                //解決文件同名
                int cnt = 1;
                while(file.exists()){
                    StringBuffer sb = new StringBuffer(fileName);
                    sb.insert(sb.lastIndexOf("."), "("+cnt+")");
                    file = new File(root,sb.toString());
                    cnt++;
                }
                //文件路徑是否存在
                if(!file.getParentFile().exists()){
                    file.getParentFile().mkdirs();
                }
                try {
                    fileItem.write(file);
                    //上傳成功，數據庫保存記錄
                    UserFile userFile = new UserFile();
                    userFile.setCreateTime(upTime);
                    userFile.setFilename(file.getName());
                    userFile.setFilename(file.getName());
                    userFile.setFileSize(sizeString);
                    userFile.setIsShared(0);
                    userFile.setOwnerId(user.getId());
                    userFile.setPath(file.getAbsolutePath());
                    userFile.setOldfilename(oldfilename);
                    userFileDao.save(userFile);
                    response.sendRedirect(from+"?action=mydisk");
                } catch (Exception e) {
                    e.printStackTrace();
                    response.getWriter().print("上傳出錯");
                }
            }
        }
    } catch (FileUploadException e) {
        e.printStackTrace();
        response.setContentType("text/html; charset=utf8");
        response.getWriter().print("上傳出錯!!");
    }
}

3.檢索重複上傳的資源tomcat

//這裏上傳在上面上傳資源時候，將保存原始資源名字
public List<UserFile> findRetrieveListByOwnerId(int ownerId,int isDelete){
    List<UserFile> fileList = new ArrayList<UserFile>();
    Connection conn = db.getConnection();
    PreparedStatement ps = null;
    ResultSet rs = null;
    UserFile userFile = null;
    String sql="select * from file where oldfilename in ( " +
            " select a.oldfilename from (select oldfilename,count(id) counts from file GROUP BY oldfilename  HAVING counts>1) a" +
            " ) and  ownerid=? and isDelete=?";
    ps = conn.prepareStatement(sql);
    ps.setInt(1, ownerId);
    ps.setInt(2, isDelete);
    rs = ps.executeQuery();
    while(rs.next()){
        userFile = new UserFile();
        userFile.setId(rs.getInt(1));
        userFile.setFilename(rs.getString(2));
        userFile.setPath(rs.getString(3));
        userFile.setCreateTime(rs.getTimestamp(4));
        userFile.setIsShared(rs.getInt(5));
        userFile.setOwnerId(rs.getInt(6));
        userFile.setFileSize(rs.getString(7));
        userFile.setCounts(rs.getInt(8));
        userFile.setSharedReason(rs.getString("SharedReason"));
        userFile.setSharedTime(rs.getString("SharedTime"));

        fileList.add(userFile);
    }
    return fileList;
}

4.平臺會員充值

//前端jsp代碼
<body>
	<div id="wrapper">
		<%@include file="common/nav.jsp" %>
		<div id="page-wrapper">
			<div class="">
		<div class="col-md-12">
			<h1 class="margin-bottom-15">如下是微信付款碼，掃碼便可支付</h1>
            <div class="form-group">
                <div class="col-md-12">
                    <div class="control-wrapper">
                        <div class="text-center" id="div1">
                            <input type="submit" value="掃碼付款"  class="btn btn-success">
                        </div>
                        <div class="text-center" id="div2" style="display: none;">
                            <input type="submit" value="恭喜您，完成掃碼支付！"class="btn btn-warning">
                        </div>
                    </div>
                    <div class="text-center">
                        <font color="green">${msgSuccess }</font>
                        <font color="red">${msgFail }</font>
                    </div>
                </div>
            </div>
			<form class="form-horizontal templatemo-container templatemo-login-form-1 margin-bottom-30" role="form" action="user" method="post">
				<input type="hidden" name="action" value="editSubmit">
		        <div class="form-group">
		          <img src="static/image/pay.png" alt="平臺會員充值碼" style="width: 81%; padding-left: 24%;">
		        </div>
		      </form>
		</div>
	</div>
		</div>
	</div>
</body>
//js實現,採用定時跳轉模擬真實用戶支付流程，後續進行改動用戶會員狀態
var test1 = setTimeout(function(){
    $("#div1").css("display","none");
    $("#div2").css("display","block");
    layer.msg('恭喜您，完成掃碼支付！', {time: 4000, icon:6},function () {
        window.location.href="user?action=doTopUp";
    });
    clearTimeout(test1);
},5000);
//後端代碼
public void doTopUp(User user) {
    Connection conn = db.getConnection();
    PreparedStatement ps = null;
    ResultSet rs = null;
    try {
        //members=1爲會員狀態
        ps = conn.prepareStatement("update user set members = 1 where id = ?");
        ps.setInt(1, user.getId());
        ps.execute();
    } catch (SQLException e) {
        e.printStackTrace();
    } finally {
        try {
            if (conn != null)
                conn.close();
            if (ps != null)
                ps.close();
            if (rs != null)
                rs.close();
        } catch (SQLException e) {
            e.printStackTrace();
        }
    }
}