当前位置: 首页 > article >正文

五、页面切割技术,实现工作台

页面切割技术

1.<frameset>和<frame>

<frameset>:用来切割页面

                        <frameset cols="20%,60%,20%"> 竖着把窗口切三部分

                        <frameset rows="20%,60%,20%"> 横着把窗口切三部分

<frame>:用来显示页面

                        <frame src="url">

2.搭配使用

 <frameset cols="20%,60%,20%">

        <frame src="url1">--显示20%

        <frame src="url2">--显示60%

        <frame src="url3">--显示20%

</frameset>

目前流行的

<div>和<iframe>

    <div>:切割页面。
            <div style="height:10%;width=20%">
   <iframe>:显示页面。
           

<div style="height:10%;width=20%">
        <iframe href="url">

 </div>

工作台功能实现

jsp页面无法直接访问,需要通过controller层进行访问。

一、MainController

	/**
	 * 工作台
	 * @return
	 */
	@RequestMapping("/workbench/main/index.do")
	public String index(){
		return "workbench/main/index";
	}

 二、index.jsp

三、html修改成jsp

 

 效果

 


http://www.kler.cn/a/7745.html

相关文章:

  • NVMe(Non-Volatile Memory Express)非易失性存储器访问和传输协议
  • Flink Job更新和恢复
  • arm64架构的linux 配置vm_page_prot方式
  • sql在按照当前表查询返回
  • Ceph的pool有两种类型
  • 云计算研究实训室建设方案
  • toArray转换 java.lang.ClassCastException
  • Kafka 3.4.0 kraft 集群搭建
  • 【机器学习】主成分分析(PCA)算法及Matlab实现
  • 数据结构.双链表的各种操作
  • 用“劫富济贫”的思想来进行特征空间的数据增强
  • day002-数组-有序数组的平方、长度最小的子数组、螺旋矩阵II
  • (数字图像处理MATLAB+Python)第四章图像正交变换-第二节:离散余弦变换和K-L变换
  • CTFHub | 双写后缀
  • 使用Python、Contours绘制等高线
  • 软件安全测试有哪些测试手段?软件测试报告收费贵吗?
  • 增程汽车大厂上纯电,理想能行吗?
  • 实时聊天如何改变您的在线商店
  • 【文心一言】内测版 沉浸式深度体验——不间断 提问问题!它的表现如何?
  • SOLIDWORKS三维建模的十大应用技巧
  • 【Axure高保真原型】画图画板
  • 数组按照某个key分组
  • SpringCloud-高级篇(一)
  • 2021蓝桥杯真题小平方 C语言/C++
  • 【Java版oj】day28反转部分单向链表、猴子分桃
  • nginx 逻辑判断if语句使用