微信关注用户的详细信息均保存在腾讯的微信服务器内。因此，若想获得公众号的关注用户的详细信息，必须通过相应的接口进行调用。而接口规定一次拉取只能拉取一万条openid，当用户较多时我们需要循环调用接口进行拉取操作。

首先我们需要获得accesstoken，这是微信接口调用凭证。

        // 获取微信access_tokenString accessToken = WxBase.getToken();// 跨域请求需在服务器端设置响应头response.setHeader("Access-Control-Allow-origin", "*");JSONArray user_info_list = new JSONArray();// 拉取完全部用户之后存储，也是本方法的最终返回对象。JSONArray current_info_list = new JSONArray();// 每次获取之后存储的单元JSONArray openidList = new JSONArray();// 作为批量获取用户信息方法batchGetUserInfo的参数String nextOpenId = "";int counter = 0;int total = 0;int count = 0;do {// 利用do-while循环可以解决粉丝数超过一万或者不足一万的情况，避免代码冗余。// 取openid列表JSONObject userJsonObject = WxUser.getUserList(accessToken, nextOpenId);// total为全部用户，count为本次拉取的用户条数total = userJsonObject.getIntValue("total");// 比如是20000count = userJsonObject.getIntValue("count");// 10000counter += count;// 10000nextOpenId = userJsonObject.getString("next_openid");JSONObject dataJsonObject = JSONObject.parseObject(userJsonObject.getString("data"));JSONArray openidArray = JSON.parseArray(dataJsonObject.getString("openid"));Iterator<Object> iterator = openidArray.iterator();while (iterator.hasNext()) {String openid = (String) iterator.next();JSONObject jo = new JSONObject();jo.put("openid", openid);jo.put("lang", "zh-CN");// TODO:暂时先默认是简体中文，后续可能会做判断openidList.add(jo);}current_info_list = WxUser.batchGetUserInfo(openidList, accessToken);user_info_list.addAll(current_info_list);// 全部放入另一个jsonarray中。} while (total != counter);// 当累加器没有达到最大值则继续循环，如果累加器已经达到最大粉丝数，则停止获取用户信息。log.info(user_info_list);

要获得详细的用户信息，还需要先行调用获取关注用户的openid列表，因为获得用户详细信息的接口需要我们传入这个列表，因此是两次接口调用，如果还是不太明白，就去微信公众开发手册中查看：微信公众平台

另外还有微信硬件接口开发的连接地址：http://iot.weixin.qq.com/wiki/new/index.html?page=3-4-1

在获取到的关注用户详细信息中，用户的关注时间是一串数字，这时我们就需要进行重新格式化一下，同样需要用到循环语句：

        // 将取出的用户列表中的subscribe_time循环格式化Iterator<Object> iterator = user_info_list.iterator();JSONArray userList = new JSONArray();// 处理subscribeTime时需要用到的变量JSONObject userJo = new JSONObject();Long time = 0L;DateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");String subscribeTime = "";while (iterator.hasNext()) {// 取出每个用户并转换为JsonObject便于操作userJo = (JSONObject) iterator.next();// 取出用户关注时间转化为Long型time = Long.parseLong(userJo.getString("subscribe_time"));// 格式化subscribeTime = df.format(new Date(time * 1000L));// 放回用户对象中userJo.put("subscribe_time", subscribeTime);// 放回current_info_list中。userList.add(userJo);}return userList;

至此，我们通过后台Java语句获得了存储于微信服务器上的关注者基本信息。

接下来是前端的显示工作。

由于如今h5的流行，以及spring boot的使用，可以将项目压缩为一个jar包直接放到服务器上运行，而jsp在打包的过程中会非常麻烦，因此我们只能使用jQuery将数据通过动态创建<tr>标签的方式进行展示：

jQuery(document).ready(function() {var url = "http://localhost:8080//wxgz/wxuser/alluser";$.post(url,function(data, status) {var thArr = $(".tr-thead").children();for (var i = 0; i < data.length; i++) {//这里是动态添加tr的过程。if (i > 0) {var tr = $("tbody").append("<tr class='gradeC'></tr>");for (var j = 0; j < thArr.length; j++) {var field = $(".tr-thead").children("th:eq(" + j + ")").text();tr.append("<td>" + eval("data[i]." + field) + "</td>");}} else {for (var j = 0; j < thArr.length; j++) {//循环取出th值,指定需要从data[i]中需要取哪个属性。var field = $(".tr-thead").children("th:eq(" + j + ")").text();$(".gradeX").children("td:eq(" + j + ")").text(eval("data[i]." + field)); //这条语句会把之前的显示覆盖掉。}}}});
});

以上jQuery代码虽然看似不多，但是却让我这个对前端知识不甚了解的人花了好久，而且中间也出现过一次关键问题上的错误，即后台传过来的结果的确是个数组，这个数组中的每个元素包含一个关注者的基本信息，每个基本信息是通过键值对的json形式进行编排的，关注者与关注者之间是数组元素的关系，但是每个关注者中的基本信息并非是数组关系，我们并不能通过循环取出，而只能通过key进行读取。而<th>中我们已经写死了表头，因此这里我并没有按照后台返回值的自然顺序进行排序，而是对<th>标签中的值进行顺序取，再通过这个获得的值在后台返回值中进行关注者信息的取出。

此处应当留意eval（“xxxx”）的使用。