(八)模仿学习-展现可视化大屏
我们通过前面的练习,完全可以完成一个返回页面的操作。
首先我们准备一个action并在struts.xml中添加。
创建action
![](https://img.xiumi.us/xmi/ua/rSJP/i/6f3a62ef6ef08e1f4acc502cf098e098-sz_76688.png)
我们先什么数据都不返回,只返回一个页面
![](https://img.xiumi.us/xmi/ua/rSJP/i/493faf523c1090623db4eaefc4c532c7-sz_48307.png)
在applicationContext.xml中添加这个action
![](https://img.xiumi.us/xmi/ua/rSJP/i/56477cf82a9cabd27a8644f861c4d577-sz_42211.png)
接下来在struts.xml中填写这个action。
![](https://img.xiumi.us/xmi/ua/rSJP/i/50215721c5c935ff7529f237071428d6-sz_38032.png)
接下来我们准备一个ec.jsp这个页面
我们把之前可视化的页面代码拷贝到项目里
首先创建ec.jsp,创建在WebRoot目录下,因为我们再struts.xml中配置的是/ec.jsp,这两个路径要配合使用。
![](https://img.xiumi.us/xmi/ua/rSJP/i/a72238899714210a0a269bdfc66af41e-sz_116178.png)
复制所有的可视化index.html这个文件中的代码
![](https://img.xiumi.us/xmi/ua/rSJP/i/9b50b6af3f6042ee782bcb3a467a7ee5-sz_130500.png)
复制过来后我们进行这个页面的改动
首先是jsp中的一些配置文件,这部分文件在别的jsp文件中复制过来就行了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/02cd32ff1b12668c1c1162c698a752ab-sz_172180.png)
接下来是静态资源的文件比如css,js,images,font等等
![](https://img.xiumi.us/xmi/ua/rSJP/i/550b59714b73385c48661f97cd6db743-sz_88808.png)
我们将之前静态代码的资源文件复制过来,注意其中的这个路径的配置,如果不对会出现404。
![](https://img.xiumi.us/xmi/ua/rSJP/i/aa6fd5101fe3f4a8c34a8decef427227-sz_188446.png)
这样可以把js也引入进来
![](https://img.xiumi.us/xmi/ua/rSJP/i/74c064643103396cb4c77a0522e6ca91-sz_77839.png)
改动完了之后看下效果,请求kshView.action可以看到大屏的界面。
![](https://statics.xiumi.us/stc/images/placeholder-img.jpg)
我们通过前面的练习,完全可以完成一个返回页面的操作。
首先我们准备一个action并在struts.xml中添加。
创建action
![](https://img.xiumi.us/xmi/ua/rSJP/i/6f3a62ef6ef08e1f4acc502cf098e098-sz_76688.png)
我们先什么数据都不返回,只返回一个页面
![](https://img.xiumi.us/xmi/ua/rSJP/i/493faf523c1090623db4eaefc4c532c7-sz_48307.png)
在applicationContext.xml中添加这个action
![](https://img.xiumi.us/xmi/ua/rSJP/i/56477cf82a9cabd27a8644f861c4d577-sz_42211.png)
接下来在struts.xml中填写这个action。
![](https://img.xiumi.us/xmi/ua/rSJP/i/50215721c5c935ff7529f237071428d6-sz_38032.png)
接下来我们准备一个ec.jsp这个页面
我们把之前可视化的页面代码拷贝到项目里
首先创建ec.jsp,创建在WebRoot目录下,因为我们再struts.xml中配置的是/ec.jsp,这两个路径要配合使用。
![](https://img.xiumi.us/xmi/ua/rSJP/i/a72238899714210a0a269bdfc66af41e-sz_116178.png)
复制所有的可视化index.html这个文件中的代码
![](https://img.xiumi.us/xmi/ua/rSJP/i/9b50b6af3f6042ee782bcb3a467a7ee5-sz_130500.png)
复制过来后我们进行这个页面的改动
首先是jsp中的一些配置文件,这部分文件在别的jsp文件中复制过来就行了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/02cd32ff1b12668c1c1162c698a752ab-sz_172180.png)
接下来是静态资源的文件比如css,js,images,font等等
![](https://img.xiumi.us/xmi/ua/rSJP/i/550b59714b73385c48661f97cd6db743-sz_88808.png)
我们将之前静态代码的资源文件复制过来,注意其中的这个路径的配置,如果不对会出现404。
![](https://img.xiumi.us/xmi/ua/rSJP/i/aa6fd5101fe3f4a8c34a8decef427227-sz_188446.png)
这样可以把js也引入进来
![](https://img.xiumi.us/xmi/ua/rSJP/i/74c064643103396cb4c77a0522e6ca91-sz_77839.png)
改动完了之后看下效果,请求kshView.action可以看到大屏的界面。
![](https://img.xiumi.us/xmi/ua/rSJP/i/b81e727b0544ef424a2ee85953934c16-sz_4895719.png?x-oss-process=style/xm)