<span>如何搭建一个WEB服务器项目（五）—— Controller返回JSON字符串</span>
从服务器获取所需数据（JSON格式）
观前提示：本系列文章有关服务器以及后端程序这些概念，我写的全是自己的理解，并不一定正确，希望不要误人子弟。欢迎各位大佬来评论区提出问题或者是指出错误，分享宝贵经验。先谢谢了(￣▽￣)"！
虽然说可以利用session会话来进行传值，但是使用json字符串这么一种通用的数据格式或许更方便一点，具体做法也不困难，分步骤来看看吧！
服务器端：
首先在pom.xml里添加如下依赖：
1 <!--阿里FastJson--> 2 <dependency> 3 <groupId>com.alibaba</groupId> 4 <artifactId>fastjson</artifactId> 5 <version>1.2.55</version> 6 </dependency>
然后就可以使用了，还是以用户实体类为例，方便起见可以只保留三个属性：姓名、密码和头像，类型均为varchar（在第二期中有代码）。这里只贴出本期内容涉及到的关键部分代码，Controller的编写如下：
1 package dolphin.controller; 2 3 import com.alibaba.fastjson.JSON; 4 import dolphin.entity.*; 5 import dolphin.service.*; 6 import dolphin.utils.Singleton; 7 import org.springframework.stereotype.Controller; 8 import org.springframework.web.bind.annotation.RequestMapping; 9 import org.springframework.web.bind.annotation.ResponseBody; 10 11 import javax.servlet.http.HttpServletRequest; 12 import java.util.List; 13 14 /** 15 * @description :数据展示控制层 16 * @author :郭小柒w 17 * @date :2020/3/26 16:02 18 * @version :1.0 19 */ 20 @Controller 21 public class ShowController { 22 private UserService userService = (UserService) Singleton.GetApplicationContext().getBean("UserServiceImpl"); 23 /** 24 * @Description :展示全部用户信息 25 * @return :java.lang.String 26 **/ 27 @RequestMapping("value="/showUser", produces="text/html;charset=UTF-8") 28 @ResponseBody 29 public String showUser(HttpServletRequest request){ 30 List<UserEntity> list = userService.getAll(); 31 String users = JSON.toJSONString(list); 32 return users; 33 } 34 }
其中produce=“text/html;charset=UTF-8”是为了防止出现中文乱码，注解@ResopnseBody则表明返回的是数据，不是页面。
客户端：
首先添加依赖：implementation 'com.alibaba:fastjson:1.2.55'，然后编写对应XML、Fragment和Adapter代码，如下：
用户fragment的XML布局:
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 android:orientation="vertical" 5 android:layout_width="match_parent" 6 android:layout_height="170dp" 7 android:background="#fff"> 8 9 <TextView 10 android:id="@+id/text" 11 android:layout_width="match_parent" 12 android:layout_height="wrap_content" 13 android:gravity="center" 14 android:text="用户数据适配展示" 15 android:textSize="25sp" /> 16 17 <GridView 18 android:id="@+id/gv_user" 19 android:layout_width="match_parent" 20 android:layout_height="wrap_content" 21 android:numColumns="1" 22 /> 23 24 </LinearLayout>
具体的每个用户信息的布局：
1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="wrap_content" 4 android:layout_height="wrap_content" 5 android:layout_gravity="center" 6 android:orientation="vertical" > 7 8 <ImageView 9 android:id="@+id/head" 10 android:layout_width="70dp" 11 android:layout_height="70dp" 12 android:layout_marginTop="5dp" 13 android:src="@mipmap/ic_launcher_round" 14 /> 15 <TextView 16 android:id="@+id/name" 17 android:layout_width="100dp" 18 android:layout_height="30dp" 19 android:layout_toRightOf="@+id/head" 20 android:layout_gravity="center" 21 android:textColor="#000000" 22 android:text="姓名" 23 /> 24 <TextView 25 android:id="@+id/key" 26 android:layout_width="100dp" 27 android:layout_height="30dp" 28 android:layout_toRightOf="@+id/head" 29 android:layout_below="@+id/name" 30 android:layout_gravity="center" 31 android:textColor="#000000" 32 android:text="密码" 33 /> 34 35 </RelativeLayout>
用户fragment：
1 package com.example.dolphin.user; 2 3 import android.util.Log; 4 import android.view.Gravity; 5 import android.view.View; 6 import android.widget.GridView; 7 import android.widget.ImageView; 8 import android.widget.TextView; 9 10 import com.alibaba.fastjson.JSON; 11 import com.bumptech.glide.Glide; 12 import com.example.dolphin.R; 13 import com.example.dolphin.base.BaseFragment; 14 import com.example.dolphin.bean.Product; 15 import com.example.dolphin.bean.User; 16 import com.example.dolphin.home.HomeFragmentAdapter; 17 import com.example.dolphin.utils.Constants; 18 import com.zhy.http.okhttp.OkHttpUtils; 19 import com.zhy.http.okhttp.callback.StringCallback; 20 21 import java.util.List; 22 23 import butterknife.BindView; 24 import butterknife.ButterKnife; 25 import butterknife.Unbinder; 26 import okhttp3.Call; 27 28 /** 29 * 用户Fragment 30 */ 31 public class UserFragment extends BaseFragment { 32 33 private final static String TAG = UserFragment.class.getSimpleName(); 34 private List<User> users; 35 private GridView gv; 36 37 @Override 38 public View initView() { 39 Log.e(TAG,"用户页面的Fragment的UI被初始化了"); 40 View view = View.inflate(mContext, R.layout.fragment_user,null); 41 gv = (GridView)view.findViewById(R.id.gv_user); 42 return view; 43 } 44 45 @Override 46 public void initData() { 47 super.initData(); 48 Log.e(TAG,"用户页面的Fragment的数据被初始化了"); 49 new Thread(()->getDataFromNet()).start(); 50 } 51 52 private void getDataFromNet() { 53 //请求服务器端的数据接口 54 String url = Constants.BASE_URL + "/showUser"; 55 OkHttpUtils 56 .get() 57 .url(url) 58 .build() 59 .execute(new StringCallback() 60 { 61 62 /** 63 * 请求失败的时候回调 64 * @param call 65 * @param e 66 * @param id 67 */ 68 @Override 69 public void onError(Call call, Exception e, int id) { 70 Log.e(TAG,"首页请求失败=="+e.getMessage()); 71 } 72 73 /** 74 * 当请求成功的时候回调 75 * @param response 请求成功数据 76 * @param id 77 */ 78 @Override 79 public void onResponse(String response, int id) { 80 Log.e(TAG,"首页请求成功=="+response); 81 //解析数据 82 processData(response); 83 } 84 }); 85 } 86 87 private void processData(String json) { 88 //使用FastJson去解析Json数据，将json字符串转换成一个UserBean对象 89 users = JSON.parseArray(json, User.class); 90 //设置对应的数据适配器 91 UserFragmentAdapter adapter = new UserFragmentAdapter(mContext, users); 92 gv.setAdapter(adapter); 93 } 94 }
fragment对应的数据适配器：
1 package com.example.dolphin.user; 2 3 import android.content.Context; 4 import android.view.View; 5 import android.view.ViewGroup; 6 import android.widget.BaseAdapter; 7 import android.widget.ImageView; 8 import android.widget.TextView; 9 10 import com.bumptech.glide.Glide; 11 import com.example.dolphin.R; 12 import com.example.dolphin.bean.User; 13 import com.example.dolphin.utils.Constants; 14 15 import java.util.List; 16 17 /** 18 * @author :created by 郭小柒w 19 * 时间 2020/5/8 19 20 */ 21 class UserFragmentAdapter extends BaseAdapter { 22 23 private List<User> users; 24 private Context mContext; 25 26 public UserFragmentAdapter(Context mContext, List<User> list) { 27 this.mContext = mContext; 28 this.users = list; 29 } 30 31 @Override 32 public int getCount() { 33 return users.size(); 34 } 35 36 @Override 37 public Object getItem(int position) { 38 return null; 39 } 40 41 @Override 42 public long getItemId(int position) { 43 return 0; 44 } 45 46 @Override 47 public View getView(int position, View convertView, ViewGroup parent) { 48 ViewHolder viewHolder; 49 if (convertView == null){ 50 convertView = View.inflate(mContext, R.layout.item_user,null); 51 viewHolder = new ViewHolder(); 52 viewHolder.head = (ImageView) convertView.findViewById(R.id.head); 53 viewHolder.name = (TextView) convertView.findViewById(R.id.name); 54 viewHolder.key = (TextView) convertView.findViewById(R.id.key); 55 convertView.setTag(viewHolder); 56 }else { 57 viewHolder = (ViewHolder) convertView.getTag(); 58 } 59 //根据位置得到相对应的数据 60 User user = users.get(position); 61 //设置头像 62 Glide.with(mContext).load(Constants.HEAD_URL + user.getHeadImage()).error(R.mipmap.ic_launcher_round).into(viewHolder.head); 63 //设置姓名 64 viewHolder.name.setText("姓名："+user.getUserName()); 65 //设置密码 66 viewHolder.key.setText("密码："+user.getUserKey()); 67 return convertView; 68 } 69 70 static class ViewHolder{ 71 private TextView name; 72 private TextView key; 73 private ImageView head; 74 } 75 }
好了，我们来看一看最终效果如何：
网页上访问的效果如下，已经变成了JSON字符串：
客户端的效果如下，字符串被正确解析并赋值给对应控件：
方便起见，我还是把用到的头像图片贴在这里，有需要的可以直接取走（我也算个伪V家粉吧，差一张公主殿下的就不贴了~(￣▽￣)~*）：
—————————————我———是———分———割———线————————————
我是一名（合格的鸽子）周更博主！
今天差那么一丢丢就断更了（终于赶上了），跟同学出去聚餐回来真是颓废，什么都不想干😣（玩游戏除外😀）。可是……，王者荣耀真的是美好心情终结者，搞不明白为什么又下了回来然后乐此不疲地排位🙃。虽然时间匆忙但并不想就这么断更，挤一挤写篇文章的时间还是有的。不过这期的内容可能会稍微水了点，毕竟我目前的工作进度也就到这个地方，实在没有太多东西能拿出来写了（抱歉＞﹏＜）。如果你觉得还可以的话，记得每周五来转一转，说不定会有新发现😜。好的，我们下期再见👉
查看20道真题和解析