把每个.jsp页面的菜单栏和导航栏抽取到head.jsp页面

最新推荐文章于 2021-11-20 15:18:54 发布
最新推荐文章于 2021-11-20 15:18:54 发布
阅读量780 收藏 5
点赞数 2
分类专栏： javaweb在线商城项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45950109/article/details/115720468
版权
本文介绍了将每个.jsp页面的菜单栏和导航栏抽取到head.jsp页面的原因和方法，旨在优化网页布局，提高代码复用性和维护性。通过导入head.jsp，各页面能共享统一的导航结构。
摘要由CSDN通过智能技术生成

把每个.jsp页面的菜单栏和导航栏抽取到head.jsp页面

为什么要抽取菜单栏和导航栏呢？请看下图：

在这里插入图片描述

在其它的.jsp页面中如何导入head.jsp页面呢？请看下图：

在这里插入图片描述

在这里插入图片描述

Mr-X～
关注
专栏目录
订阅专栏
Eclipse快捷键 10个最有用的快捷键
wenyusuran的专栏
10-08 1303
Eclipse中10个最有用的快捷键组合  一个Eclipse骨灰级开发者总结了他认为最有用但又不太为人所知的快捷键组合。通过这些组合可以更加容易的浏览源代码，使得整体的开发效率和质量得到提升。     1. ctrl+shift+r：打开资源     这可能是所有快捷键组合中最省时间的了。这组快捷键可以让你打开你的工作区中任何一个文件，而你只需要按下文件名或mask名中的前几个字母，比如a
jsp动态导航栏
weixin_33971977的博客
04-11 1500
站点页面的导航栏是从数据库中生成出来的，所以在界面上展示导航栏时，要从数据库中读取出来，但不能每次显示一个页面都从数据库中读。这样就非常浪费性能。应该考虑把导航栏放到一个缓存中。如：session、application、memcache等。 对于訪问量小的站点。也能够使用例如以下方法： @Component public class NavigationUtil { publi...
jsp导航条 下拉菜单
11-11
jsp有下拉的导航条 自己写的，仅供参考，不好请留言
jsp 中将一部分抽取出来，做成公共部件，比如导航栏
许诗宇的博客
09-08 5659
比如说导航栏，所有的页面都需要，如果要改的话，得一个个改，很麻烦，就把他们做成一个单独的jsp，引用即可 比如一部分html的代码，把它放在一个新成立的jsp的body内，再在原来的地方用jsp include标签引用，即可 <jsp:include page="side_buyer.jsp"></jsp:include> <%@ page langu
JSP使用＜%@include file=“header.jsp“ %＞实现导航栏复用
小绵杨
11-18 2788
问题 不同页面使用同一个导航栏，如果每一次都写一遍，很麻烦。参考vue中的路由，实现组件复用。 解决 <%@include file="header.jsp" %> 其中header.jsp就是导航栏： 主页index.jsp代码： 测试
frameset在jsp页面制作导航栏详解
NULL
02-14 1万+
main.jsp&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;电子商务后台管理页面&lt;/title&gt; &lt;frameset rows="14%,84%"&gt; &lt;frame src=
jsp提取公共部分html：使用 include标签
uj
07-14 6933
include 形式 描述 存在问题 代码 优化哪儿 如何优化 include 形式 // include指令 &lt;%@ include file="" %&gt; // &lt;jsp:include&gt;动作元素 &lt;jsp:include page="head.jsp"/&gt; 描述 容器会将引入页面和本页合并后再编译，形成一个 Ser...
第二学期Java第七节
m0_55689459的博客
11-20 133
JSP技术（2） 1.JSP 动作元素 1.1 jsp:include 动作元素：动态包含 动态包含：把其它资源页面的内容，合并到当前要包含的页面，最后一块输出。 基本语法格式： <jsp:include page="被包含页面的url" flush="true或者false"><jsp:include> 动态包含特点：多个页面的内容合并输出，多个jsp页面生成多个java文件，编译成多个class文件 静态包含特点：多个页面的内容合并输出，多个jsp页面最终生成一个java文件，
JSP、Servlet、JDBC学习笔记
me4405801的博客
01-24 3509
WEB的学习 * 服务器 * 网络的架构（面试题） * C/S client/server 客户端/服务器端 例子：QQ 快播 暴风影音 * 优点：交互性好，服务器压力小。 * 缺点：客户端更新了，下载。 * B/S browser/
JSP页面导航条的快速生成(生成源码,baidu可以搜索到)
07-23
利用本类可以快速生成导航条,并且可以被baidu 搜索到. 希望大家喜欢.总共包含三个文件.
JSP页面布局
07-26
以模块的方式分割页面为上中（中分为左右）下,以及常见的登录框
下拉导航菜单代码JSP
12-31
实现下拉导航菜单的代码。主要用js实现的
非常简单实用的jsp实现树型菜单，不臃肿
12-07
非常简单实用的jsp实现树型菜单，实现的代码比较简洁，不臃肿。
html，jsp利用JavaScript实现局部刷新导航栏
weixin_43826816的博客
04-16 2382
效果如下： 原理： 主要应用document.getElementById("p1").style.display="none"和document.getElementById("p1").style.display="block"的属性 document.getElementById("p1").style.display="none";可以让id="p1"的<>内容消失 document.getElementById("p1").style.display="block";可..
帮同事写一个原生jsp的tab导航栏表单校验提交
qq_38630270的博客
09-30 506
帮同事写一个原生jsp的tab导航栏表单校验提交 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <!--<meta charset="UTF‐8">--&gt...
jsp实现导航栏
热门推荐
weixin_33795093的博客
04-22 1万+
一．frameset实现导航栏在web开发中必不可少，其中利用frameset来实现是一种比较常见的方法。frameset通过target可将相关的页面连接起来，实现导航。实际开发中注意target的对应关系即可。效果图如下：主导航区top.jsp左侧分导航left.jsp内容区main.jsp页脚down.jsp1.index.jsp 纵向：主导航，主页面，页脚三块....
jsp+jquery jsp封装头部导航后,点击导航栏对应页面,页面跳转,但对应导航栏不高亮
dell_Luo的博客
04-19 622
一般我们会使用$(this).addClass(“add”).siblings().removeClass(“add”);被点击li添加样式，移除兄弟样式这样的方法. 可是我们前端把写好的html页面发给后端集成jsp后失效了,造成这样的原因是jsp页面,头部,底部,内容部分分开封装再集合到一起,导航栏点击后地址栏改变,跳转后会刷新页面,所以使用上面这种方法,部分情况会不奏效.所以提供以下一个简单的方法可解决此问题 首先我们在导航栏,点击跳转的地方使用type拼接一个参数,我这里拼的是下标 var u
JSP导航
hala22的博客
03-02 704
1.JSP 2.JavaBean&amp;EL表达式 3.JSTL标签库
编写两个jsp页面a.jsp和b.jsp
最新发布
06-28
好的，编写两个jsp页面a.jsp和b.jsp的步骤如下： 1. 创建一个Web项目，命名为myproject。 2. 在myproject项目下创建一个名为web的文件夹，用于存放jsp页面。 3. 在web文件夹下创建a.jsp和b.jsp两个文件。 4. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr-X～

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值