??使用美腿板块做图库~其二~优化
#使用美腿板块资源做图库!!冲!冲!冲!#2019.11.28 :增加点击图片跳到帖子功能
2019.11.29:增加版权提示信息
本次优化内容:增加按回复,新发布,随机三种排列方式,优化前端瀑布流效果,
实现思路:抓包,做后端接口,写前端,
前端使用css js jqery
后端使用java
前端项目已上传github:
https://github.com/zhaojishun/toolPage/tree/master/MTImg
演示地址:
http://m.zhaojishun.cn/MTImg/index3.html
blog:
http://blog.zhaojishun.cn/articles/2019/10/13/1570963934293.html
后端核心代码:
public void mTImages(HttpServletRequest request, HttpServletResponse response, HttpSession session) throws IOException {
PageData pd = new PageData(request);
Json json = new Json();
if(pd.getString("sort_by").equals("2")){
JSONObject res = new JSONObject();
res.put("phtoturls",threeFloorService.findRandList());
json.setData(res);
json.setSuccess(true);
}else{
String url = "http://floor.huluxia.com/post/list/ANDROID/2.1?start="+pd.getString("start")+"&count=20&cat_id=56&tag_id=0&sort_by="+pd.getString("sort_by");
JSONObject object = JSON.parseObject(sendReq(url));
String nextStart = object.getString("start");
JSONArray array = object.getJSONArray("posts");
StringBuffer sb = new StringBuffer();
for (int i = 0;iarray.size();i++){
String str = array.getJSONObject(i).getString("images");
if(!str.equals("[]")){
sb.append(str.replace("[","").replace("]","")+",");
}
}
String ss = sb.toString().substring(0,sb.toString().length()-1);
JSONArray js = new JSONArray(10);
String[] str = ss.split(",");
for (int i = 1; i str.length ; i++) {
js.add(str);
}
JSONObject res = new JSONObject();
res.put("nextStart",nextStart);
res.put("phtoturls",js);
json.setSuccess(true);
json.setData(res);
}
this.writeJson(response,json);
}
http://cdn.u1.huluxia.com/g3/M01/36/59/wKgBOV3Hl0aAJn9_AAEYV0LoDac114.jpghttp://cdn.u1.huluxia.com/g3/M03/36/5A/wKgBOV3Hl7uANh6ZAAJvd8yDufE344.jpghttp://cdn.u1.huluxia.com/g3/M03/36/5A/wKgBOV3Hl7uAWNcAAACuZFBn0XI073.jpg
页:
[1]