无名 发表于 2022-5-8 18:40:47

??使用美腿板块做图库~其二~优化

#使用美腿板块资源做图库!!冲!冲!冲!#

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]
查看完整版本: ??使用美腿板块做图库~其二~优化