(八)模仿学习-展现可视化大屏
我们通过前面的练习,完全可以完成一个返回页面的操作。
首先我们准备一个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可以看到大屏的界面。

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构