我们通过前面的练习，完全可以完成一个返回页面的操作。
首先我们准备一个action并在struts.xml中添加。
创建action
我们先什么数据都不返回，只返回一个页面
在applicationContext.xml中添加这个action
接下来在struts.xml中填写这个action。
接下来我们准备一个ec.jsp这个页面
我们把之前可视化的页面代码拷贝到项目里
首先创建ec.jsp,创建在WebRoot目录下，因为我们再struts.xml中配置的是/ec.jsp，这两个路径要配合使用。
复制所有的可视化index.html这个文件中的代码
复制过来后我们进行这个页面的改动
首先是jsp中的一些配置文件，这部分文件在别的jsp文件中复制过来就行了。
接下来是静态资源的文件比如css,js,images,font等等
我们将之前静态代码的资源文件复制过来，注意其中的这个路径的配置，如果不对会出现404。
这样可以把js也引入进来
改动完了之后看下效果,请求kshView.action可以看到大屏的界面。
我们通过前面的练习，完全可以完成一个返回页面的操作。
首先我们准备一个action并在struts.xml中添加。
创建action
我们先什么数据都不返回，只返回一个页面
在applicationContext.xml中添加这个action
接下来在struts.xml中填写这个action。
接下来我们准备一个ec.jsp这个页面
我们把之前可视化的页面代码拷贝到项目里
首先创建ec.jsp,创建在WebRoot目录下，因为我们再struts.xml中配置的是/ec.jsp，这两个路径要配合使用。
复制所有的可视化index.html这个文件中的代码
复制过来后我们进行这个页面的改动
首先是jsp中的一些配置文件，这部分文件在别的jsp文件中复制过来就行了。
接下来是静态资源的文件比如css,js,images,font等等
我们将之前静态代码的资源文件复制过来，注意其中的这个路径的配置，如果不对会出现404。
这样可以把js也引入进来
改动完了之后看下效果,请求kshView.action可以看到大屏的界面。
可视化大屏里的数据，我们正常应该来自于后台数据库，所以我们要完成这个内容。因为是做演示部分，我们做表单提交，建议表单会了之后，尝试用ajax提交，框架也可以改为springboot等框架。
首先我们的数据应该是来源于后台的，在Action的部分，我们要查询所有的数据。我们先以大屏左上角的图为例。
先在action中完成测试数据，就是目前还不连接数据库
然后在请求的方法中添加我们的测试数据
数据已经准备好，接下来要将数据放到页面中
首先在index.js中将柱状图的代码移动到jsp中。这个页面里写ajax比较好，但是我们使用的是表单所以要将数据拿走。
移动之后代码到模块二
然后看jsp中移动过来的代码。
放入代码后
然后我们需要把动态数据加进来。${td}就是我们后台返回的测试数据，这个地方就是将数据放到一个managerdata的数组中。
打印测试一下，方便我们调试代码，可以不写
接下来是第二个测试数据
需要把静态数据改为我们动态的数据，所以上面的两个变量我们都要使用了。
首先是x轴的数据
然后是y轴的数据
然后我们测试运行下，可以看到数据是我们后台的数据，说明前后端联系上了。
我们开始准备数据库，先准备数据
然后action中准备DAO
在applicationContext.xml中添加配置
我们准备测试代码
运行看是不是数据库的数据
出现问题：数据没有
返回查看代码发现这个地方错了
修改后重新运行，数据正确了
此时我们可以根据我们的后台管理完成数据的变动，比如打开管理后台，更改数据
这有个地方纠正 之前有个地方不小心改错了，之前写成zztlKsh.jsp了，现在改为zztlMoRe.jsp
更改数据
查看可视化屏幕，可以发现已经更改了。
标签：xml,更改,action,jsp,大屏,数据,我们,模仿,页面
From： https://www.cnblogs.com/bqwzy/p/16768317.html