下面介绍下HighCharts的具体使用方法。首先我们需要在项目中引入jquery。js文件和highcharts。js文件。下面我们在页面中加入一个<p>标签,并指定id属性。然后在js代码中对数据进行处理展示即可。
$(function () {
$('#container')。highcharts({
title: { text: 'Monthly Average Temperature', },
subtitle: { text: 'Source: WorldClimate。com', },
xAxis: { categories: ['Jan', 'Feb', 'Mar'] },
yAxis: { title: { text: 'Temperature (°C)' }},
tooltip: { valueSuffix: '°C' },
series: [{
name: 'Tokyo',
data: [7。0, 6。9, 9。5]
}]
});
});
运行结果如下图2-7所示。
图2-7 highcharts展示
Highcharts图表拥有非常高的灵活性。图表的样式,到图表中的每一个小项,标题、坐标轴、数据列、提示、图例等等,都是可以配置的。使用highcharts会给项目带来很多便利。
2。5。4 消息推送框架DWR
DWR(Direct Web Remoting)是一个服务器向客户端推送消息的框架。我们开发时使用这个框架,会使得异步刷新技术变得很简单。DWR框架的一大特点是可以在javascrip代码里面调用java函数,是的前端和后台通讯变得简单。DWR是近几年出来的技术,因为http协议的无状态性,所以WEB服务器不能向浏览器推送消息,所以DWR矿机应用而生。同时,我们在使用DWR框架的时候尽量使用新版本的浏览器,以便获得更好的技术支持。来.自^优+尔-论,文:网www.youerw.com +QQ752018766-
本项目中下面几个部分会用到消息通知功能,用户发表的帖子被别的用户回复的时候,用户的评论被人回复的时候,用户的帖子被管理员修改、删除、置顶的时候,用户被管理员增加为版主的时候,或者取消版主的时候。为了给用户一个良好的用户体验,一个方便快速的消息推送框架的使用是必不可少的。下面详细介绍一下DWR框架的使用方法,其基本用法为下面几步:
1。编写服务器中的java代码,dwr框架与此无关。
2。选择出javascript需要调用的服务端的java函数。
3。配置dwr组件,并把java函数封装起来。
4。创建dwr。xml文件,在里面配置dwr组件。
5。利用反射机制,将配置好的类转换成javascript代码,然后在前端就可以调用了。
6。编写网页,在javascript代码中调用配置好的方法,执行业务逻辑,使用回调函数得到函数的返回值。
7。在回调中得到结果后,我们可以在页面中队结果进行处理,从而达到我们想要得到的结果。
做完以上步骤后,用户会接受到消息通知。当然,我们可以在js语言里面自定义美化通知的方式,让我们的项目看起来更加美观,友好。