如何在Javascript和JSF中使用数据库?
我正试图听从@BalusC的建议。 (我现在在这里写作,因为它与前面的问题无关) 所以我需要从数据库中获取数据,并使用JavaScript在图表中显示。 我只是在做这个示例,以便了解如何从服务器端向客户端显示一些数据 我的豆豆:如何在Javascript和JSF中使用数据库?,javascript,database,json,jsf,gson,Javascript,Database,Json,Jsf,Gson,我正试图听从@BalusC的建议。 (我现在在这里写作,因为它与前面的问题无关) 所以我需要从数据库中获取数据,并使用JavaScript在图表中显示。 我只是在做这个示例,以便了解如何从服务器端向客户端显示一些数据 我的豆豆: @ManagedBean(name="reportc") @ViewScoped public class ReportControl implements Serializable { private static final long serialVersi
@ManagedBean(name="reportc")
@ViewScoped
public class ReportControl implements Serializable {
private static final long serialVersionUID = 3269125738504434502L;
private String[] dataAsJson = {"1.3", "2.1", "1.3", "2.2", "1.4", "2.7", "1.5", "2.1", "1.6", "2.4", "1.9", "2.1"};
public String getDataAsJson() {
Gson gson = new Gson();
return gson.toJson(dataAsJson);
}
}
以帮助理解该文件
我怎样才能从服务器端向这个javascript发送这样的内容
我想我已经接近了解如何将gson、javascript与jsf结合使用了,但我仍然不知道如何完成这项工作。
有人能帮我吗?您需要的链接文章的关键部分是:
<h:outputScript>var data = ${reportc.dataAsJson};</h:outputScript>
var data=${reportc.dataAsJson};
JS需要一个双[]
,但您正在输入一个字符串[]
。相应地进行修正:
private double[]hestavollane={
4.3, 5.1, 4.3, 5.2, 5.4, 4.7, 3.5, 4.1, 5.6, 7.4, 6.9, 7.1,
7.9, 7.9, 7.5, 6.7, 7.7, 7.7, 7.4, 7.0, 7.1, 5.8, 5.9, 7.4,
8.2, 8.5, 9.4, 8.1, 10.9, 10.4, 10.9, 12.4, 12.1, 9.5, 7.5,
7.1, 7.5, 8.1, 6.8, 3.4, 2.1, 1.9, 2.8, 2.9, 1.3, 4.4, 4.2,
3.0, 3.0
};
专用双[]卷={
0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.1, 0.0, 0.3, 0.0,
0.0, 0.4, 0.0, 0.1, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
0.0, 0.6, 1.2, 1.7, 0.7, 2.9, 4.1, 2.6, 3.7, 3.9, 1.7, 2.3,
3.0, 3.3, 4.8, 5.0, 4.8, 5.0, 3.2, 2.0, 0.9, 0.4, 0.3, 0.5, 0.4
};
公共字符串getDataAsJson(){
映射数据=新的HashMap();
数据。投入(“Hestavallane”,Hestavallane);
数据输入(“voll”,voll);
返回新的Gson().toJson(数据);
}
并编辑spline plot bands.js
文件以使用它而不是硬编码的值:
series: [{
name: 'Hestavollane',
data: data.hestavollane
}, {
name: 'Voll',
data: data.voll
}]
哇!太棒了,鲍克,谢谢你这么支持我的朋友。它起作用了!谢谢
<h:outputScript>var data = ${reportc.dataAsJson};</h:outputScript>
series: [{
name: 'Hestavollane',
data: data.hestavollane
}, {
name: 'Voll',
data: data.voll
}]