SSH,SSM搭建echarts

jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP ‘index.jsp‘ starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="Js/echarts.js"></script>
<script type="text/javascript" src="Js/jquery.js"></script>
</head>

<body>

<table>
<tr>
<td>用户id </td>
<th>用户名称</th>
<th>真实姓名</th>
<th>性别</th>
<th>电话号码</th>
<th>所在部门</th>
<th>体重</th>
<th>操作</th>
</tr>

<c:forEach var="u" items="${userlist }">
<tr>
<th>${u.uId}</th>
<th>${u.username}</th>
<th>${u.password}</th>
<th>${u.realname}</th>
<th>${u.sex}</th>
<th>${u.telephone}</th>
<th>${u.wigeht}</th>
<th>${u.address}</th>
<th><a>删除</a>|<a>修改</a></th>
</tr>
</c:forEach>
</table>
<br>
<br>
<br>
<br>
<br>

<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById(‘main‘));
alert("123");
var a1=eval(${jsons});
alert(a1);
// 指定图表的配置项和数据
var option = {
title: {
text: ‘ECharts 体重表‘
},
tooltip: {},
legend: {
data:[‘体重‘]
},
xAxis: [{

data:(function (){
var arr=[];
/* alert("222"); */
for(var i=0;i<a1.length;i++){
/* alert(a1[i].realname); */
console.log(a1[i].context);
arr.push(a1[i].realname);
}
/* alert(arr); */
return arr;
})()
}],

yAxis: {},
series: [{
name: ‘体重‘,
type: ‘bar‘,
data: (function (){
var arr1=[];
/* alert("333"); */
for(var i=0;i<a1.length;i++){
/* alert(a1[i].wigeht); */
console.log(a1[i].context);
arr1.push(a1[i].wigeht);
}
/* alert(arr1); */
return arr1;
})()
}]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

</script>

</body>
</html>

ssh中的action

package com.hd.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import javax.annotation.Resource;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONObject;

import org.apache.struts2.ServletActionContext;
import org.springframework.stereotype.Controller;

import com.hd.model.TUser;
import com.hd.service.IUserService;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;

@Controller
public class UserAction extends ActionSupport implements ModelDriven<TUser>{
TUser model = new TUser();
private List<TUser> userlist;
private String jsons;

public String getJsons() {
return jsons;
}

public void setJsons(String jsons) {
this.jsons = jsons;
}
@Resource
private IUserService userService;

public String query() throws IOException{
HttpServletRequest request = ServletActionContext.getRequest();
userlist = userService.queryAll();
net.sf.json.JSONArray jo = net.sf.json.JSONArray.fromObject(userlist);
jsons =jo.toString();
request.setAttribute("jsons", jsons);
return "success";
}

@Override
public TUser getModel() {
// TODO Auto-generated method stub
return model;
}
public List<TUser> getUserlist() {
return userlist;
}
public void setUserlist(List<TUser> userlist) {
this.userlist = userlist;
}

}

ssm中的controller

package com.hd.controller;

import java.util.List;
import java.util.Map;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.hd.model.UserBean;
import com.hd.service.IUserService;

@Controller
@RequestMapping("user")
public class UserController {
@Resource
private IUserService userService;

@RequestMapping("query")
public String query(Map map,HttpServletRequest request){
List<UserBean> userlist = userService.queryAll();
map.put("userlist", userlist);
net.sf.json.JSONArray jo = net.sf.json.JSONArray.fromObject(userlist);
request.setAttribute("jsons", jo.toString());
return "index";
}

}

时间: 2024-10-22 07:44:22

SSH,SSM搭建echarts的相关文章

ssh项目搭建后的简化

SSH项目搭建后的简化 上次说完ssh框架的搭建,这个框架本身没什么问题,但可以通过使用spring注解来使代码更加简洁.提高阅读性. 一.在原来的框架上简化了以下几点: 1. 原来的属性set注入改为注解 2. 原来的Connection(连接数据库)包改为jdbc.properties文件配置 3.由于加入hibernate之后我们不需要创建数据库,但是向数据库里插入数据还是得自己写,以下就是插入语句: insert into news(title,content,begintime,use

Linux下的ssh环境搭建与管理

Linux下的ssh环境搭建与管理 实验环境 1:网桥模式 2:安装好vmtoos 3:安装好yum 4:安装好ssh相关软件包 5:服务端:xuegod-63   IP:192.168.1.63 客户端:xuegod-64   IP:192.168.1.64 客户端普通用户:ceshi  密码:123456 6:安装好扫描软件rpm -ivh/mnt/Packages/nmap-5.21-4.el6.x86_64.rpm 实验目标 1:SSHD服务介绍 2:SSHD服务安装配置 3:两Linu

ssh框架搭建Struts2.06+spring2.5+hibernate3.2整合实例代码教程步骤

原创整理不易,转载请注明出处:ssh框架搭建Struts2.06+spring2.5+hibernate3.2整合实例代码教程步骤 代码下载地址:http://www.zuidaima.com/share/1760074977233920.htm 最近闲来无事可做,于是开始学习struts2.Struts2和struts1.webwork2有什么区别我也不说了,网上有很多这方面的资料.以前在项目中从未使用过struts,一直使用spring+hibernate,现在既然学习了Struts,也不能

ssh环境搭建与管理(详解)

ssh环境搭建与管理 (详解) 实验环境 服务端:xuegod-63   IP:192.168.1.63 客户端:xuegod-64   IP:192.168.1.64 客户端普通用户:ceshi  密码:123456 安装好扫描软件rpm -ivh /mnt/Packages/nmap-5.21-4.el6.x86_64.rpm 实验目标 1:SSHD服务介绍 2:SSHD服务安装配置 3:两Linux服务器之间数据拷贝 4:SSHD服务作用: 实验步骤 1:搭建环境 1):网桥模式 2):v

ssh项目搭建(有相同错误)

原文摘自:ruoya502  http://blog.sina.com.cn/s/blog_6870d1e00100jvwl.html 第一个做SSH集成的开发,很多都还不熟悉,这里就先写下第一个自己完成的SSH框架搭建的过程吧.第一步:新建一个web project.Myeclipse中加入Spring capability.这个过程会加入Spring的配置文件,并自动加载Myeclipse自带的Spring jar包.如果不想用自带的,可以在build path中删除,再把Spring的ja

力所能及之SSH环境搭建

小狼最近心血来潮,搭建了一个SSH环境,跟大家分享分享 开发环境:Windows7 ,jdk1.6  myeclispe8.6  tomcat6.0.18   mysql5.0 需要jar文件: junit:junit.jar db:mysql-connector-java-5.1.10-bin.jar hibernate3.5.6: jstl:                         spring2.5.5:        struts2:                工程目录: 配

eclipse中SSH框架搭建和项目开发基本步骤

1.下载SSH框架代码和eclipse插件,地址:http://yunpan.cn/QTCrdHF4xkEVp (提取码:0e8d) 注意,一定要分清楚,SSH框架是要导入到自己的工程项目中的包,这些包是要在项目中调用的预先开发好的java文件:而eclipse插件是在eclipse环境下开发SSH相关项目是方便用户建立项目管理项目的工具,跟项目本身的文件和功能无关.一定要分清楚这两个概念. 2,下载完成之后,解压,会发现有5个文件夹,第一步要用到的是spring plugins for ecl

SSH框架搭建 详细图文教程

转载请标明原文地址 一.什么是SSH? SSH是JavaEE中三种框架(Struts+Spring+Hibernate)的集成框架,是目前比较流行的一种Java Web开源框架. SSH主要用于Java Web的开发.现在SSH有SSH1和SSH2两种,区别在于Struts的版本是struts1.x还是2.x.本文介绍的是SSH1. 二.Struts Spring Hibernate各起什么作用? Struts:控制逻辑关系. Spring:解耦. Hibernate:操作数据库. 三.学习SS

maven之ssh项目搭建

1:新建maven-archetupe-webapp项目 2:web.xml配置文件如下 <?xml version="1.0" encoding="UTF-8"?> <web-app id="WebApp_9" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2