html内嵌子页面并配合CGI进行页面更新
2017-05-12 15:54
197 查看
待解决问题:
在基于嵌入式平台开发基于Boa服务器的过程中,遇到以下两个问题:
1、Boa中经常使用CGI对页面进行输出,但某些页面每次只需改变其中某一部分,其余部分(如菜单栏、标题栏等)无需变更,若每次均将整个页面重新调用CGI输出,其工作量太大,且代码上不易于阅读和理解。
2、不同功能对应不同的子页面,但在访问不同子页面时地址栏会显示对应的文件名称,从一定程度上来说这是不安全的。
解决方法::
可以考虑使用一个页面作为框架,带有无需经常变动的菜单栏、标题栏等,然后在这个主页面嵌入子页面,每次从嵌入式平台读取到新的数据需要更新至页面时,只需使用CGI输出至子页面即可。
实现方式如下:
比如我打算在主页面index.html里嵌入子页面,则在index.hex对应位置添加:
<iframe src="net.html" frameBorder="0" width="600" height="400" scrolling="no" ></iframe>
以上语句表示在此页面嵌入boa www目录下地net.html文件,边框为0,不显示滚动条。
此时打开主页面index.html时可看到已经嵌入了子页面net.html,并且可以观察到不管子页面中进行何种跳转,浏览器地址栏显示的地址都是主页面的地址,这样实现了对本地子页面真实地址的隐藏,解决了上述问题2。
在net.html中采用JS按钮跳转至CGI脚本或直接通过表单提交调用CGI脚本对net.html进行输出。
例如:
<script language="JavaScript" src="jump.js"></script>
<input style="margin-left:20px" type="button" value="读取" onclick="readNet()">
然后在JS脚本的readNet()函数中调用readNet.cgi对页面进行输出,可以观察到只有嵌入的子页面部分进行了页面的绘制(数据更新),解决了上述问题1。
在基于嵌入式平台开发基于Boa服务器的过程中,遇到以下两个问题:
1、Boa中经常使用CGI对页面进行输出,但某些页面每次只需改变其中某一部分,其余部分(如菜单栏、标题栏等)无需变更,若每次均将整个页面重新调用CGI输出,其工作量太大,且代码上不易于阅读和理解。
2、不同功能对应不同的子页面,但在访问不同子页面时地址栏会显示对应的文件名称,从一定程度上来说这是不安全的。
解决方法::
可以考虑使用一个页面作为框架,带有无需经常变动的菜单栏、标题栏等,然后在这个主页面嵌入子页面,每次从嵌入式平台读取到新的数据需要更新至页面时,只需使用CGI输出至子页面即可。
实现方式如下:
比如我打算在主页面index.html里嵌入子页面,则在index.hex对应位置添加:
<iframe src="net.html" frameBorder="0" width="600" height="400" scrolling="no" ></iframe>
以上语句表示在此页面嵌入boa www目录下地net.html文件,边框为0,不显示滚动条。
此时打开主页面index.html时可看到已经嵌入了子页面net.html,并且可以观察到不管子页面中进行何种跳转,浏览器地址栏显示的地址都是主页面的地址,这样实现了对本地子页面真实地址的隐藏,解决了上述问题2。
在net.html中采用JS按钮跳转至CGI脚本或直接通过表单提交调用CGI脚本对net.html进行输出。
例如:
<script language="JavaScript" src="jump.js"></script>
<input style="margin-left:20px" type="button" value="读取" onclick="readNet()">
然后在JS脚本的readNet()函数中调用readNet.cgi对页面进行输出,可以观察到只有嵌入的子页面部分进行了页面的绘制(数据更新),解决了上述问题1。
相关文章推荐
- 因为不想再程序中写循环,因此把UI页面需要更新的纪录的主键组成了一个以","隔开的字符串,将这个字符串传入存储过程中进行处理(转)
- Struts2下进行html转义的方法(解决页面输出html标签问题)
- 使用HTML与CSS3进行富页面布局
- apache/C++ CGI动态页面 http://lamp.linux.gov.cn/Apache/ApacheMenu/howto/cgi.html
- android中java与js通信(可以用html来做页面,进行交互)
- HTML页面更新点击次数
- 用锚点进行HTML页面内容的跳转
- 对html页面中text元素进行复制
- 嵌入式页面,html与cgi的设计原则
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站
- 直接双击页面元素进行修改的HTML代码
- 使用XMLHttprequest对象进行异步调用html页面的示例
- 让Asp页面可以用html的伪静态方法进行访问,有助于SEO优化。
- Struts2下进行html转义的方法(解决页面输出html标签问题)
- 了解使用 ASP.NET AJAX 进行局部页面更新——ASP.NET AJAX学习笔记“出自msdn”
- html页面点击数的自动更新(使用AJAX+Js代码)
- 动态的呈现页面. 模拟ASP.NET UpdatePanel部分更新配合WebServices.
- 【转】了解使用 ASP.NET AJAX 进行局部页面更新
- html与cgi脚本的配合使用
- Ajax进行删除更新分页显示页面(JSP+Struts2+Poolman)