javaWEB實(shí)現(xiàn)相冊(cè)管理的簡單功能

更新時(shí)間：2015年11月21日 09:27:38 作者：YX_blog

這篇文章主要介紹了javaWEB實(shí)現(xiàn)相冊(cè)管理的簡單功能，包括圖片的上傳、統(tǒng)一瀏覽、單個(gè)下載、單個(gè)刪除，還有一個(gè)功能只能刪除自己上傳的文件，感興趣的小伙伴們可以參考一下

這僅僅只是一個(gè)小小的相冊(cè)管理，主要實(shí)現(xiàn)的功能：能夠?qū)崿F(xiàn)對(duì)圖片的上傳，統(tǒng)一瀏覽，單個(gè)下載，單個(gè)刪除，只能刪除自己上傳的文件。
現(xiàn)在對(duì)每個(gè)功能進(jìn)行單個(gè)的解釋：
圖片的上傳
圖片的上傳在之前的文章中寫的很清楚了，點(diǎn)擊打開鏈接：《JavaEE實(shí)現(xiàn)前后臺(tái)交互的文件上傳與下載》。
在這個(gè)相冊(cè)管理中，就不是單一的文件傳了，還需要涉及到很多參數(shù)供其他功能模塊的使用

<span style="font-size:24px;">//上傳文件一般采用外面的 apache的上傳工具包 
 /* 
 * 我們需要將上傳的文件放到指定的文件夾下 
 * 要獲得文件的信息 文件名 要存儲(chǔ)的文件夾（打散） uuid--dir 
 * 解決中文問題存儲(chǔ)的文件名 uuid.jpg 
 * 每個(gè)人都有自己的權(quán)限 ip 
 * 上傳的時(shí)間  dt 
 * 文件原先的真是名字 relName 
 * 相片的說明 desc 
 * 文件的擴(kuò)展名 ext 
 *上面上傳一個(gè)圖片需要這么多的信息，，所以 采用 值對(duì)象《VO》封裝采用打亂文件夾存儲(chǔ)，讓性能更優(yōu)。</span>

<span style="font-size:24px;"> */ 
 request.setCharacterEncoding("utf-8"); 
 response.setContentType("text/html;charset=utf-8"); 
 PrintWriter out=response.getWriter(); 
 
 //讀文件用到apache的兩個(gè)包 
 //臨時(shí)存儲(chǔ)目錄 
 File f =new File("f:/ex/temp");//存放臨時(shí)文件的目錄 
 DiskFileItemFactory dff=new DiskFileItemFactory(1024*1024*20, f);//允許臨時(shí)存儲(chǔ)文件大小為20M 
 
 //解析的文件的工具 
 ServletFileUpload sf =new ServletFileUpload(dff); 
 sf.setSizeMax(1024*1024*50);//允許存儲(chǔ)容量為50M 
 sf.setFileSizeMax(1024*1024*20);//單個(gè)文件最大容量為 20M 
 
 String path=getServletContext().getRealPath("/upFile");//獲得文件的所在磁盤的路徑--》存儲(chǔ)位置 
 Photo p =new Photo(); 
 InputStream in=null;//拷貝流需要 
 boolean boo=false; 
 FileItem f0=null;//用來刪除臨時(shí)文件 
 try { 
 List<FileItem> list=sf.parseRequest(request); 
 for(FileItem ff:list){</span>

<span style="font-size:24px;">//前面的都是和之前的那個(gè)說的差不多，具體的統(tǒng)計(jì)參數(shù)就是從這里開始。</span>

<span style="font-size:24px;"> f0=ff; 
 if(ff.isFormField()){//這個(gè)為描述的內(nèi)容 
  String name=ff.getString("utf-8");//采用utf-8的編碼方式去讀 
  p.setDesc(name);//1 文件的描述 
 }else{ 
  String name=ff.getName();//獲得文件本框里面的內(nèi)容--->整個(gè)圖片的目錄 
  //System.out.println("name:"+name); 
  String id=UtilsFactory.getUUid(); 
  p.setId(id);//6 
  String dirs=UtilsFactory.getDir(id);//獲得文件夾目錄----使用uuid一一打散了的 
  p.setDir(dirs);//2 打亂之后的目錄 
  p.setDt(UtilsFactory.getDate());//3 時(shí)間 
  String relname=name.substring(name.lastIndexOf("/")+1); 
  p.setRelName(relname);//4 文件的真實(shí)名字 
  String ext=name.substring(name.lastIndexOf(".")); 
  p.setExt(ext);//5 文件擴(kuò)展名 
  p.setIp(request.getRemoteAddr());//7 IP 
  boo =MyDao.Add(p);//保存到xml文件中 
  if(boo){//保存成功 
  path=path+"/"+p.getDir(); 
  File f1 =new File(path);//判斷文件的存儲(chǔ)路徑是否存在，不存在就創(chuàng)建 
  if(!f1.exists()){ 
  f1.mkdirs(); 
  } 
  in=ff.getInputStream(); 
  FileUtils.copyInputStreamToFile(in,new File(path+"/"+p.getId()+p.getExt()) ); 
  } 
 } 
 } 
 } catch (FileUploadException e) { 
 boo=false; 
 }finally{ 
 if(f0!=null){ 
 f0.delete();//刪除臨時(shí)文件 
 } 
 }</span>

上傳除了統(tǒng)計(jì)參數(shù)，我們需要將數(shù)據(jù)存儲(chǔ)的xml文件中，還需要將圖片存儲(chǔ)起來。等瀏覽的時(shí)候統(tǒng)一查看。
效果圖：

統(tǒng)一瀏覽
瀏覽基本就是全部將xml文件里面的數(shù)據(jù)，讀出來，然后統(tǒng)一讀出來顯示。封裝在一個(gè)list中，將所有的photo數(shù)據(jù)封裝在list集合中

//查詢所有的對(duì)象然后封裝成一個(gè)list對(duì)象返回給前端 
 public static List<Photo> getAll(){ 
 
 List<Photo> list=new ArrayList<Photo>(); 
 Document dom =DocumentFactory.getDocument(); 
 Element root=dom.getRootElement(); 
 Iterator it=root.elementIterator();//這是根節(jié)點(diǎn)遍歷器 
 while(it.hasNext()){ 
 Element e=(Element) it.next();//找到節(jié)點(diǎn) 
 Photo p =new Photo();//每一的photo地址不一樣，所以必須每次新開空間 
 p.setDesc(e.attributeValue("desc"));//文件描述符 
 p.setDir(e.attributeValue("dir"));//文件目錄 
 p.setDt(e.attributeValue("dt"));//時(shí)間 
 p.setExt(e.attributeValue("ext"));//文件擴(kuò)展名 
 p.setId(e.attributeValue("id"));//uuid生成的id 
 p.setIp(e.attributeValue("ip")); 
 p.setRelName(e.attributeValue("relname")); 
 list.add(p); 
 } 
 return list; 
 }

具體代碼：

//瀏覽相冊(cè)需要把所有的文件讀出來。需要一一去讀，所以需要去讀所有的xml文件 
 response.setContentType("text/html;charset=utf-8"); 
 request.setCharacterEncoding("utf-8"); 
 PrintWriter out = response.getWriter(); 
 out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); 
 out.println("<HTML>"); 
 out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>"); 
 out.println(" <BODY>"); 
 List<Photo> list=MyDao.getAll();//獲得所有xml文件里面的內(nèi)容，數(shù)據(jù)全部封裝到list中 
 String path=getServletContext().getContextPath();//進(jìn)入web之后要采用相對(duì)路徑才能訪問的到 
 String ss=null; 
 String imgs=null; 
 String dt=null; 
 String relName; 
 String tt=null; 
 String str = "<table border=1px width='80%'><tr><th>相冊(cè)名</th><th>時(shí)間</th><th>圖片顯示</th><th>操作</th>"; 
 out.write(str); 
 for(Photo p:list){ 
 relName=p.getRelName(); 
 dt=p.getDt(); 
 imgs=path+"/upFile/"+p.getDir()+"/"+p.getId()+p.getExt();//完成的文件路徑加文件名 
 
 ss="<tr><td>"+relName+"</td><td>"+dt+"</td><td>"+"<a href='"+imgs+"'><img style='border:0px' width='100' height='100' src='"+imgs+"' alt='圖片'/></a></td>"; 
 tt="<td><a href='DownFile?id="+p.getId()+"'>下載</a> <a href='MyDelelte?id="+p.getId()+"'>刪除圖片</a>"+"</td></tr>";//通過id來區(qū)分他們直接的區(qū)別 可以進(jìn)行刪除和下載 
 out.write(ss); 
 out.write(tt); 
 }

效果：

單個(gè)下載
下載在之前的上傳和下載中都說的很清楚了，點(diǎn)擊打開鏈接：《JavaEE實(shí)現(xiàn)前后臺(tái)交互的文件上傳與下載》。

下載的代碼中需要注意：需要設(shè)置相應(yīng)頭和文件名的傳輸

對(duì)于下載文件需要主要 首先需要讓瀏覽器知道 設(shè)置頭 
* response.setContentType("application/force-download");//設(shè)置相應(yīng)頭,告訴瀏覽器這是下載文件 
* 第二就是設(shè)置文件名了 
* response.setHeader("Content-Disposition","attachment;filename='"+relName+"'");//下載是那邊顯示的是原來文件名

下面是具體的代碼：

response.setContentType("application/force-download");//設(shè)置相應(yīng)頭,告訴瀏覽器這是下載文件 
 request.setCharacterEncoding("utf-8"); 
 
 String id=request.getParameter("id"); 
 Photo p=MyDao.getSingalByid(id);//通過id獲得要下載的對(duì)象 
 //寫入真實(shí)名字 
 if(p!=null){ 
 String relName1=p.getRelName(); 
 String relName=URLEncoder.encode(relName1, "utf-8"); 
 response.setHeader("Content-Disposition","attachment;filename='"+relName+"'");//下載是那邊顯示的是原來文件名 
 OutputStream out =response.getOutputStream();//寫文件時(shí)候需要 
 //路徑 
 String path="/upFile/"+p.getDir()+"/"+p.getId()+p.getExt(); 
 String path1 =getServletContext().getRealPath(path); 
 
 System.out.println(path1);//檢測(cè) 
 
 InputStream in=new FileInputStream(path1); 
 
 byte[] b=new byte[1024]; 
 int len =0; 
 while((len=in.read(b))!=-1){ 
 out.write(b, 0, len); 
 } 
 
 }else{ 
 response.setContentType("utf-8"); 
 PrintWriter pw =response.getWriter(); 
 pw.write("文件不存在無法下載"); 
 } 
 }

效果圖：

刪除文件
刪除文件需要用到的技術(shù)相對(duì)其他功能
要匹配IP,ID這樣才能讓刪除的時(shí)候用權(quán)限

//刪除照片 
public static Map<String , Object> deleteByid(String ip,String id) { 
 Map<String, Object> map =new HashMap<String, Object>(); 
 Document dom =DocumentFactory.getDocument(); 
 Element ele=(Element) dom.selectSingleNode("http://photo[@id='"+id.trim()+"']");//xpath的使用 
 if(ele==null){ 
 map.put("success", false); 
 map.put("msg", "已經(jīng)刪除"); 
 return map; 
 }else{ 
 String tempip=ele.attributeValue("ip"); 
 if(!tempip.equals(ip)){ 
 map.put("success", false); 
 map.put("msg", "你不能刪除別人的照片"); 
 return map; 
 }else{ 
 map.put("success", true); 
 //訪問成功后，把數(shù)據(jù)分裝成一個(gè)值對(duì)象，返回給邏輯層 我們這樣直接刪除，只是xml文件里面的節(jié)點(diǎn)刪除，但是已經(jīng)存儲(chǔ)的文件是沒有刪除的 
 Photo p =new Photo(); 
 p.setId(id); 
 p.setExt(ele.attributeValue("ext")); 
 p.setDir(ele.attributeValue("dir")); 
 map.put("photo", p); 
 
 //真正的數(shù)據(jù)刪除 
 ele.getParent().remove(ele); 
 DocumentFactory.Save(); 
 return map; 
 } 
 }

 request.setCharacterEncoding("utf-8"); 
 response.setContentType("text/html;charset=utf-8"); 
 PrintWriter out=response.getWriter(); 
 String id =request.getParameter("id");//從客戶端傳過來的消息 
 String ip =request.getRemoteAddr(); 
 Map<String, Object> map =MyDao.deleteByid(ip,id); 
 if(map.get("success").equals(false)){//這都是刪除不成功的 
 out.print("消息為："+map.get("success")); 
 }else{ 
 Photo p =(Photo) map.get("photo");//根據(jù)photo里面的文件名和路徑刪除文件 
 String path=getServletContext().getRealPath("upFile"); 
 String filename=path+"/"+p.getDir()+"/"+p.getId()+p.getExt();//文件的路徑包括文件名 
 System.out.println(filename); 
 File f=new File(filename); 
 if(f.exists()){ 
 System.out.println(f.getName()); 
 f.delete();//刪除文件 
 } 
 } 
 response.sendRedirect("LookPhoto");//重定向到顯示頁面 
}

整個(gè)項(xiàng)目的下載鏈接：《javaWEB實(shí)現(xiàn)相冊(cè)管理的簡單功能》

正在處于學(xué)習(xí)中，剛學(xué)到這個(gè)知識(shí)點(diǎn)，技術(shù)可能很落后了，但也愿意分享給大家，大家共同進(jìn)步。

您可能感興趣的文章: