国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 裝X - 建立自己的斗圖網(wǎng)站庫

裝X - 建立自己的斗圖網(wǎng)站庫

時間:2023-07-04 04:21:01 | 來源:網(wǎng)站運(yùn)營

時間:2023-07-04 04:21:01 來源:網(wǎng)站運(yùn)營

裝X - 建立自己的斗圖網(wǎng)站庫:之前加過一個斗圖群,看到很多經(jīng)典的表情,然后就收藏到了QQ, 迫于本屌絲開不起某Q會員,就只能收藏到本地,無法在其他的電腦上使用。久而久之收藏的也越來越多了,但是管理就成了問題,每次合適的場景想起一張合適的圖,但怎么都找不到了,于是乎,本屌絲打算自己寫一個斗圖收藏網(wǎng)站。

先露個臉!



1 實(shí)現(xiàn)思路

實(shí)現(xiàn)思路其實(shí)很簡單粗暴,如果需要加載圖片,肯定需要圖片地址,那么,圖片的地址從哪里來呢?當(dāng)然是從服務(wù)器請求啦,我要需要做的是什么呢? 我們需要在服務(wù)端建立幾個文件夾,然后把一些圖片分好類,放進(jìn)文件夾就好了。

然后我們就用java去讀取指定文件夾的中圖片,然后把這些圖片返回去前端就好了。



2 后端代碼實(shí)現(xiàn)

2.1 我們建一個web項(xiàng)目,寫一個簡單的servlet

// 此處為doPost的全部內(nèi)容public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); ReadList rl = new ReadList(); String json = rl.read(); // 此處返回一個json格式的字符串,前端在進(jìn)行 JSON.parse(); out.println(json); out.flush(); out.close();}

2.2 在寫一個簡單的讀取方法類,就是上面的 ReadList

package com.cxw.face;import java.io.File;public class ReadList { public String read() { // windwos環(huán)境下開發(fā)的測試路徑(本地開發(fā)時使用)// String path = "D://dtimg"; // 實(shí)際部署在linux上的真是圖片位置。 String path = "/opt/project/face/images/face"; String dirObj = "{"; // 讀取指定位置的文件 File file = new File(path); // 讀取這個文件夾下的所有文件和文件夾 File[] ss = file.listFiles(); // 對所有的文件夾遍歷 for (int i = 0; i < ss.length; i++) { String key = ss[i].getName(); // 文件夾名稱 File[] zs = ss[i].listFiles(); // 此文件夾下的文件 // 以文件夾名稱為key,拼接成json dirObj += "/"" + key + "/": [" ; for (int j = 0; j < zs.length; j++) { String zn = zs[j].getName(); long size = zs[j].length(); dirObj += "{/"name/":/"" + zn + "/",/"size/":/""+size+"/"},"; } dirObj = dirObj.substring(0, dirObj.length()-1); dirObj += "],"; } dirObj = dirObj.substring(0, dirObj.length()-1); // 注意:json的末尾不能多加逗號(,)。 dirObj += "}"; return dirObj; }}
這個后臺的代碼就完了,就這么一點(diǎn)。




3. 前端代碼


前端的代碼非常簡單,就是一個ajax去請求數(shù)據(jù)就好了。



var xhr = new XMLHttpRequest();xhr.timeout = 16000;xhr.responseType = "text";xhr.open('POST', '/Servlet02/face', true);xhr.onload = function(){ if(this.status == 200||this.status == 304){ var txt = this.responseText; var obj = JSON.parse(txt); console.log(obj); }}xhr.send(null);這個是主要的代碼,涉及到其他功能的代碼,還需要在加。

然后就得到了 我們想要的數(shù)據(jù)。就是下面格式:






至于前端的界面你想怎么顯示那都不是事兒了把!


4. 發(fā)布到Linux上

4.1 java項(xiàng)目打包


這個很簡單了,直接在myeclipse中右鍵,點(diǎn)Exprot... , 在展開java EE,選擇WAR file (MyEclipse),然后下一步,然后選擇一個保存位置,(隨便那里都可以,待會兒會把這個war文件放到服務(wù)器上的),在點(diǎn)擊Finish就好了。



4.2 Linux上安裝JDK

4.3 Linux上安裝Tomcat

我這個就不說了,百度一大堆。



4.4 發(fā)布


把剛才第一步打包的那個war文件丟到你的linux上的你的tomcat安裝的位置,然后啟動tomcat就好了。(注意:我打包的項(xiàng)目叫Servlet02.war,丟到tomcat上啟動之后會自動解壓生成和一個文件名一樣的文件夾,訪問的時候前面需要加上這個文件名)




5 附上本人的斗圖裝X網(wǎng)站地址

face.yuanyuanyuan.me


簡單吧,是不是小白都可以說 so easy!



(如有愿意貢獻(xiàn)神圖的童鞋歡迎小窗)





更新:17.02.09

評論去很多說多了搜索,這個功能之前規(guī)劃的有的,但是沒時間做,昨天晚上寫到很晚今天中終于可以了,增加以下幾個修改:












(文章為原創(chuàng),轉(zhuǎn)載請注明出處)

關(guān)鍵詞:建立

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉