首先我们数据该当是来源于后台的,在Action的部分,我们要查询所有的数据。
我们先以大屏左上角的图为例。

先在action中完成测试数据,便是目前还不连接数据库

然后在要求的方法中添加我们的测试数据

jsp修改数据九模拟进修动态更改年夜屏数据 HTML

数据已经准备好,接下来要将数据放到页面中

首先在index.js中将柱状图的代码移动到jsp中。
这个页面里写ajax比较好,但是我们利用的是表单以是要将数据拿走。

移动之后代码到模块二

然后看jsp中移动过来的代码。

放入代码后

然后我们须要把动态数据加进来。
${td}便是我们后台返回的测试数据,这个地方便是将数据放到一个managerdata的数组中。

打印测试一下,方便我们调试代码,可以不写

接下来是第二个测试数据

须要把静态数据改为我们动态的数据,以是上面的两个变量我们都要利用了。

首先是x轴的数据

然后是y轴的数据

然后我们测试运行下,可以看到数据是我们后台的数据,解释前后端联系上了。

我们开始准备数据库,先准备数据

然后action中准备DAO

在applicationContext.xml中添加配置

我们准备测试代码

运行看是不是数据库的数据

涌现问题:数据没有

返回查看代码创造这个地方错了

修正后重新运行,数据精确了

此时我们可以根据我们的后台管理完成数据的变动,比如打开管理后台,变动数据

这有个地方纠正 之前有个地方欠妥心改错了,之前写成zztlKsh.jsp了,现在改为zztlMoRe.jsp

变动数据

查看可视化屏幕,可以创造已经变动了。