js文件从Struts2 Action中获取数据全过程
2011-10-10 16:09
351 查看
对应的Action类的源码:
对应的Javascript文件源码
对应的JSP文件源码:
import com.dice.voip.web.oam.base.BaseAction; import com.dice.voip.web.oam.dao.SysInfo; import com.dice.voip.web.oam.manager.SysInfoManager; public class SysInfoAccountAction extends BaseAction { /** * */ private static final long serialVersionUID = -8080982970228144116L; private List<String> times; private List<Integer> nums; public String execute() throws Exception { setNums(new ArrayList<Integer>()); setTimes(new ArrayList<String>()); SysInfoManager sysInfoManager = new SysInfoManager(); List<SysInfo> sysinfos = sysInfoManager.getAccountNumByDay(); Iterator<SysInfo> it = sysinfos.iterator(); while(it.hasNext()){ SysInfo sysInfo = it.next(); nums.add(sysInfo.getAccountNum()); times.add( String.valueOf(sysInfo.getTime().getMonth()) + "-" + String.valueOf(sysInfo.getTime().getDay())); } return SUCCESS; } public List<Integer> getNums() { return nums; } public void setNums(List<Integer> nums) { this.nums = nums; } public List<String> getTimes() { return times; } public void setTimes(List<String> times) { this.times = times; } }
对应的Javascript文件源码
$(document).ready(function(){ linechart("performance/accountinfos", "datatest"); }); /* * 曲线图 * 参数:action:调用的action函数 * div:曲线图插入的页面 * title:曲线图的名称 * ytitle:曲线图y轴的名称 * dat: 传入数据 */ function linechart(action,div ) { $.post(action, function(dat ){ chart = new Highcharts.Chart({ chart: { renderTo: div, defaultSeriesType: 'line', width: 700, height: 350, margin:[50, 30, 70, 30] }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -300, y: 300, }, credits : { enabled:false }, title: { text: 'DICE系统用户数量曲线图 ', style: { margin: '10px 100px 0 0' // center it } }, xAxis: { categories:dat.times , labels:{ step:3, align:'right' } }, yAxis: { title: { text: '' } }, tooltip: { formatter: function() { return '<b>'+ this.series.name +'</b><br/>'+ this.x +': '+ this.y ; } }, series: [{ name: "用户数量 ", data: dat.nums }] }); }) };
对应的JSP文件源码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@page import="com.opensymphony.xwork2.ActionContext"%> <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%> <%@ taglib prefix="s" uri="/struts-tags"%> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <base href="<%= request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() %>/" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>性能管理--DICE系统</title> <s:include value="/_head.jsp" /> <link type="text/css" href="css/tab/style.css" rel="stylesheet" /> <script src="js/jquery/jquery.js" type="text/javascript"></script> <script src="js/Highcharts/js/highcharts.js" type="text/javascript"></script> <script src="js/performance/systemaccount.js" type="text/javascript"></script> </head> <body> <div id="container"> <s:include value="/_banner.jsp?index=3" /> <div id="inner"> <s:include value="/config/_left.jsp" /> <div class="right"> <div class="divline"> 性能管理 </div><!--divline--> <div id="datatest"> </div> </div><!--right--> </div><!--#inner--> <s:include value="/_footer.jsp" /> <script type="text/javascript"> $(document).ready(function(){ selected('#item1'); }); </script> </div><!--#container--> </body> </html>
相关文章推荐
- js文件从Struts2 Action中获取数据全过程
- js无刷新文件上传并获取数据
- Spring MVC 框架下,JS文件内嵌在jsp页面里面,JS页面获取JSP页面中的后台数据
- Struts2 访问Action和Jsp页面出现的路径问题解决方案之 ---- 为jsp、图片、js、css等获取Web工程的绝对路径的方法
- Struts2中Action的数据如何获取的
- 18.01.11,web学习第四十天,还有一年,努力吧青年 struts2第二天 action创建+result处理+获取数据方式
- Struts2中Action的数据如何获取的
- struts2学习(二)—action获取表单提交数据的三种方式
- JS使用ajax从xml文件动态获取数据显示的方法
- struts2 Action获取表单数据
- 外部的js文件中获取ASPX页面的数据--解耦初接触
- struts2中action跳转获取json数据
- struts2 action接收文件上传数据处理
- struts2上传文件的时候,action里面获取上传文件的文件名和类型的原理是什么?
- Struts2-day01 环境搭建 源码导入 配置文件 默认action,method 详解Action 封装数据的方式
- struts2上传文件的时候,action里面获取上传文件的文件名和类型的原理是什么?
- 利用 js-xlsx 实现 Excel 文件导入并解析Excel数据成json格式的数据并且获取其中某列数据
- struts2 Action获取表单数据
- Struts2 action获取数据的三种方式
- struts2上传文件时,关于在action里面获取上传文件的文件名