EasyUI是一款基于jQuery的UI組件庫,它提供了豐富的UI組件,包括表格、對話框、提示框等,非常方便快捷。下面是在SpringMVC中使用EasyUI的JSON數(shù)據(jù)交互的示例:
@RequestMapping(value = "/getUsers") public void getUsers(HttpServletResponse response) throws Exception { ListuserList = userService.getUserList(); JSONArray jsonArray = new JSONArray(); for(User user : userList) { JSONObject jsonObject = new JSONObject(); jsonObject.put("id", user.getId()); jsonObject.put("name", user.getName()); jsonObject.put("gender", user.getGender() == 0 ? "男" : "女"); jsonObject.put("age", user.getAge()); jsonArray.add(jsonObject); } response.setContentType("text/html;charset=utf-8"); response.getWriter().write(jsonArray.toString()); }
上面的代碼中,我們定義了一個RequestMapping,請求的路徑是“/getUsers”,它接收一個HttpServletResponse對象,然后調(diào)用userService的getUserList方法獲取用戶列表。我們使用JSONArray和JSONObject將用戶列表封裝成JSON格式的數(shù)據(jù)。最后,我們設(shè)置HTTP響應(yīng)的ContentType,以及將JSON數(shù)據(jù)寫入響應(yīng)中。
在前端,我們可以通過以下方式在EasyUI中加載JSON數(shù)據(jù):
$('#datagrid').datagrid({ url: '/getUsers', title: '用戶列表', columns: [[ {field: 'id', title: 'ID', width: 100}, {field: 'name', title: '姓名', width: 100}, {field: 'gender', title: '性別', width: 100}, {field: 'age', title: '年齡', width: 100} ]] });
在這里,我們使用了EasyUI的DataGrid組件,指定了數(shù)據(jù)來源的URL路徑,以及列的配置信息。當(dāng)加載頁面時,DataGrid會自動請求“/getUsers”路徑獲取JSON數(shù)據(jù),并將數(shù)據(jù)展示出來。
綜上,使用EasyUI和SpringMVC進行JSON數(shù)據(jù)交互非常方便快捷,它可以使我們更加高效地構(gòu)建出功能強大、界面美觀的Web應(yīng)用程序。
上一篇python 程序注冊碼
下一篇python 游園會代碼