`

jsp页面左侧菜单栏,header,footer布局常用方式

阅读更多
方式一,使用<iframe>标签
       优点:减少网络流量(不用每次返回都包含菜单,header,footer等信息)
       缺点:使用<iframe>标签布局,结构不灵活。
方式二,<jsp:include>标签
       优点:结构清晰灵活
       缺点:网络流量增大(每个jsp页面返回都需要包含菜单,header,footer等信息)
方式三,使用ajax异步加载,动态添加元素,原页面不全局重新刷新。
       优点:减少网络流量传输,前后端分离,后台仅提供接口(SPA simple page application单页面应用开发)
       缺点:需要手动处理js操作,动态添加,删除元素,设置原始属性等。
分享到:
评论

相关推荐

    简单的JSP页面布局

    JSP页面布局通常包括头部、主体和底部等部分,每个部分可能包含多个元素,如导航栏、内容区域和页脚。布局设计的目标是使网页结构清晰,易于理解和导航。这可以通过多种技术来实现,如HTML标签、CSS样式和JavaScript...

    HTML5+CSS实现猫眼界面

    例如,我们可以使用`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`、`&lt;article&gt;`和`&lt;footer&gt;`等元素来清晰地定义页面的各个部分。在“猫眼界面”中,`&lt;header&gt;`可能用于显示网站的标志和导航菜单,`&lt;section&gt;`则可以用于展示电影...

    仿京东页面

    在“仿京东页面”中,HTML文件会包括头部(header)、导航栏(nav)、主体内容(main)、侧边栏(sidebar)、底部(footer)等部分。每个部分可能包含多个元素,如链接(a标签)、图片(img标签)、列表(ul和li标签...

    Tiles框架.pdf

    这些组件可以描述一个完整的网页,也可以描述网页的一部分,如头部、菜单栏等。简单的Tiles组件还可以被组合或扩展成为更复杂的组件。这种方式极大地提高了代码的复用性,减少了开发成本。 **2.4 支持国际化** ...

    在线pizzaria店

    8. **header.jsp**和**footer.jsp**:头部和底部通用模板,包含导航栏、logo、版权信息等,提高了代码复用性。 9. **pizzaria-oracle.sql**:这个文件是Oracle数据库的SQL脚本,用于创建数据库结构,存储用户订单、...

    企业宣传网站——品红

    3. js文件(如script.js):JavaScript代码用于实现页面的动态效果和用户交互,如滑动展示、下拉菜单、表单验证等。 4. jsp文件(如login.jsp、cart.jsp):这些文件处理特定的业务逻辑,如用户登录、购物车管理等。...

    小米官网的小demo,比较完整的网页了,可以直接使用

    关于“比较完整的网站页面”,这通常意味着这个demo包含了网页的主要组成部分,如头部(header)、主体内容(main content)、侧边栏(sidebar)、底部(footer)等,以及可能的交互元素,如滑动图片、下拉菜单、弹...

    liferay主题开发中对于portal_normal.vm模块的解析

    在Liferay主题开发中,`portal_normal.vm`是一个至关重要的模板文件,它是Liferay门户页面的基础布局。这个文件使用Velocity模板语言编写,用于定义页面结构和动态内容的展示方式。以下是对`portal_normal.vm`中关键...

    struts中tiles标签简介

    - **模块化设计**:可以将页面分割成多个独立的模块,如导航菜单、主要内容区域等,从而使得每个部分都可以独立开发和维护。 - **重用与定制**:Tiles支持定义多个层次的Definition,通过继承和重写的方式实现高度...

    Struts-2.1.6整合Tiles2全攻略

    1. **首页布局**:通过定义`layout.show`模板,统一首页的整体布局结构,包括顶部导航栏、左侧菜单以及底部版权信息等。 2. **添加书籍页面**:基于`layout.show`模板扩展出`add.book`模板,该模板中加入具体的添加...

    HTML5响应式绿色茶叶公司网站模板

    例如,`&lt;header&gt;`和`&lt;footer&gt;`元素用于定义页面头部和底部,`&lt;section&gt;`和`&lt;article&gt;`则用于组织内容结构。此外,`&lt;canvas&gt;`元素提供了在浏览器中进行动态图形绘制的能力,而`&lt;video&gt;`和`&lt;audio&gt;`元素则支持内联视频...

    小米静态网页

    例如,`&lt;header&gt;`定义头部,`&lt;nav&gt;`创建导航菜单,`&lt;section&gt;`分隔页面内容,`&lt;article&gt;`表示独立的内容单元,而`&lt;footer&gt;`则是页脚。 2. CSS(Cascading Style Sheets):CSS用于美化和布局HTML元素,使网页具有...

    新手入门教程,从0开始入手APIcloud(一)

    &lt;footer&gt;底部菜单&lt;/footer&gt; api.ready(function() { api.openFrame({ name: 'frm_list', url: 'html/frm_list.html' }); }); ``` **frm_list.html**: ```html &lt;!doctype html&gt; ,minimum-scale=...

Global site tag (gtag.js) - Google Analytics