搭建ERP(獲取部門列表)
阿新 • • 發佈:2018-11-21
1、所有的資料採用JSON+AJAX的方式實現提交和返回,在struts.xml檔案中不採用result進行頁面跳轉
<package name="default" namespace="/" extends="struts-default"> <action name="dep_*" class="depAction" method="{1}"></action> </package>
2、在Action頁面將查詢到的資料轉化成JSON格式(liststring),寫到網頁上
//呼叫部門業務查詢所有部門資訊 List<Dep> list = depBiz.getList(); //把部門列表轉JSON字串 String liststring = JSON.toJSONString(list); try { //響應物件 HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=utf-8"); //輸出給頁面 response.getWriter().write(liststring); } catch (IOException e) { e.printStackTrace(); }
3、在html5網頁上通過JSON返回資料並採用easyUI的方式,將資料呈現出來
<meta charset="UTF-8"> <title>部門管理</title> <link rel="stylesheet" type="text/css" href="ui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="ui/themes/icon.css"> <script type="text/javascript" src="ui/jquery.min.js"></script> <script type="text/javascript" src="ui/jquery.easyui.min.js"></script> <script type="text/javascript" src="ui/locale/easyui-lang-zh_CN.js"></script> <!-- JSON返回資料 --> <script type="text/javascript"> $(function() { //grid是要顯示資料的id $('#grid').datagrid({ //dep_list是獲取JSON資料的url(本文中是action頁面中的一個方法) url:'dep_list', columns:[[ {field:'uuid',title:'部門編碼',width:100}, {field:'name',title:'部門名稱',width:100}, {field:'tele',title:'聯絡電話',width:100,align:'right'} ]] }); }); </script> </head> <body> <table id="grid"></table> </body>
4、注意:程式碼中引入了easyUI的相關檔案