JSP显示页面
就是比如说，一个页面分页头，侧栏，页尾和显示区四部分，四个JSP文件。侧栏是功能区，点击后触发的功能都在显示区显示。最好给出比较详细的代码，好的话可以加30-50分，多谢...
就是比如说，一个页面分页头，侧栏，页尾和显示区四部分，四个JSP文件。侧栏是功能区，点击后触发的功能都在显示区显示。
最好给出比较详细的代码，好的话可以加30-50分，多谢各位大侠了！我编程实在很菜，望照顾
还有是JSP的...标签之间能不能互相使用啊，有的直接改成JSP的不能用...
感谢大家的回答，不过最主要的问题是让侧栏中出发的功能在右侧的显示区显示，这点是最重要的，所以麻烦大家告诉我怎样实现可以吗，比如侧栏有个显示图片功能，点击后需要显示在右侧的显示区。多谢啦
多谢诸位大侠，我再好好考虑下，因为是菜鸟所以得需要几天时间研究...不过肯定会在最近选出最佳答案采纳的，感谢大家
还有，正如5楼所说，DIV可能会存在浮动问题，到底怎样做才比较好呢？用<table>是做到了，但不知道用div会不会效果更好些啊 展开
最好给出比较详细的代码，好的话可以加30-50分，多谢各位大侠了！我编程实在很菜，望照顾
还有是JSP的...标签之间能不能互相使用啊，有的直接改成JSP的不能用...
感谢大家的回答，不过最主要的问题是让侧栏中出发的功能在右侧的显示区显示，这点是最重要的，所以麻烦大家告诉我怎样实现可以吗，比如侧栏有个显示图片功能，点击后需要显示在右侧的显示区。多谢啦
多谢诸位大侠，我再好好考虑下，因为是菜鸟所以得需要几天时间研究...不过肯定会在最近选出最佳答案采纳的，感谢大家
还有，正如5楼所说，DIV可能会存在浮动问题，到底怎样做才比较好呢？用<table>是做到了，但不知道用div会不会效果更好些啊 展开
5个回答
展开全部
这个要用到Iframe框架了 你所说的功能大部分适用于后台
代码的写法有好多中的 不知道你是想要那种风格的
js写的话实现起来就比简单 xml也能实现功能还可以
我现在做的项目就是用xml存储实现的 但是我还是建议你用js来实现
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>树形菜单</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/dtree.css">
<script type="text/javascript" src="js/dtree.js"></script>
</head>
<body background="images/mmm.jpg" leftmargin="">
<div class="dtree">
<p><a href="javascript: d.openAll();">展开</a> | <a href="javascript: d.closeAll();">收缩</a></p>
<script type="text/javascript">
d = new dTree('d');
d.add(0,-1,'欢迎登录');
d.add(1,0,'用户管理');
d.add(2,1,'信息添加','Regist.jsp','','mainFrame');
d.add(3,1,'信息查询','index.jsp');
d.add(4,1,'信息调度','index.jsp');
d.add(5,1,'信息图表','index.jsp');
d.add(6,0,'项目第二部分');
d.add(7,6,'信息添加','index.jsp');
d.add(8,6,'信息查询','index.jsp');
d.add(9,6,'信息查询');
d.add(10,6,'信息查询');
d.add(11,0,'项目第三部分');
d.add(12,11,'信息添加','index.jsp');
d.add(13,11,'信息查询','index.jsp');
d.add(14,11,'信息查询','index.jsp');
d.add(15,11,'信息查询');
d.add(16,0,'物品库存管理');
d.add(17,16,'入库管理');
d.add(18,17,'入库登记','index.jsp');
d.add(19,17,'入库查询','index.jsp');
d.add(20,16,'出库管理');
d.add(21,20,'出库登记','index.jsp');
d.add(22,20,'出库查询','index.jsp');
d.add(23,0,'系统应用管理');
d.add(24,23,'部门管理','index.jsp');
d.add(25,23,'角色管理','index.jsp');
d.add(26,23,'用户管理');
d.add(27,26,'用户添加','index.jsp');
d.add(28,26,'用户查询','index.jsp');
d.add(29,23,'操作日志');
d.add(30,0,'系统使用帮助');
d.add(31,30,'使用说明');
d.add(32,30,'系统主页');
d.add(33,0,'安全退出系统','index.jsp','','o_parent');
document.write(d);
</script>
</div>
</body>
</html>
比如像这样的就能基本上实现你所说的功能
在下学疏才浅 希望能帮上你
如果帮到的话记得给我加分哦
代码的写法有好多中的 不知道你是想要那种风格的
js写的话实现起来就比简单 xml也能实现功能还可以
我现在做的项目就是用xml存储实现的 但是我还是建议你用js来实现
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>树形菜单</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/dtree.css">
<script type="text/javascript" src="js/dtree.js"></script>
</head>
<body background="images/mmm.jpg" leftmargin="">
<div class="dtree">
<p><a href="javascript: d.openAll();">展开</a> | <a href="javascript: d.closeAll();">收缩</a></p>
<script type="text/javascript">
d = new dTree('d');
d.add(0,-1,'欢迎登录');
d.add(1,0,'用户管理');
d.add(2,1,'信息添加','Regist.jsp','','mainFrame');
d.add(3,1,'信息查询','index.jsp');
d.add(4,1,'信息调度','index.jsp');
d.add(5,1,'信息图表','index.jsp');
d.add(6,0,'项目第二部分');
d.add(7,6,'信息添加','index.jsp');
d.add(8,6,'信息查询','index.jsp');
d.add(9,6,'信息查询');
d.add(10,6,'信息查询');
d.add(11,0,'项目第三部分');
d.add(12,11,'信息添加','index.jsp');
d.add(13,11,'信息查询','index.jsp');
d.add(14,11,'信息查询','index.jsp');
d.add(15,11,'信息查询');
d.add(16,0,'物品库存管理');
d.add(17,16,'入库管理');
d.add(18,17,'入库登记','index.jsp');
d.add(19,17,'入库查询','index.jsp');
d.add(20,16,'出库管理');
d.add(21,20,'出库登记','index.jsp');
d.add(22,20,'出库查询','index.jsp');
d.add(23,0,'系统应用管理');
d.add(24,23,'部门管理','index.jsp');
d.add(25,23,'角色管理','index.jsp');
d.add(26,23,'用户管理');
d.add(27,26,'用户添加','index.jsp');
d.add(28,26,'用户查询','index.jsp');
d.add(29,23,'操作日志');
d.add(30,0,'系统使用帮助');
d.add(31,30,'使用说明');
d.add(32,30,'系统主页');
d.add(33,0,'安全退出系统','index.jsp','','o_parent');
document.write(d);
</script>
</div>
</body>
</html>
比如像这样的就能基本上实现你所说的功能
在下学疏才浅 希望能帮上你
如果帮到的话记得给我加分哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先声明：frameset的做法已经是很久以前的开发方式了，请楼主慎重，我下面的例子使用的是JSP的include和DIV+CSS方式
1. 先用DIV画前台页面布局，分为header，footer，letfToolBar,mainContent
2. 然后分别在四个DIV里使JSP的Include标签，可以使用静态包含，也可以使用动态包含
具体事例代码如下（已在本人机器上运行通过，楼主可以直接拷贝研究）:
1.先准备header.jsp, footer.jsp,left.jsp 用来被index.jsp包含
注意: 要删除所用HTML标签，但是要保留头部的JSP指令标签，否则页面会显示不出来
header.jsp ：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
header区域
left.jsp ：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
leftToolBar区域
footer.jsp ：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
footer区域
2：index.jsp文件，用来包含上面的三个文件
注意: css我并没有提取出来，使用时可以提取
index.jsp :
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()
+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>主页面</title>
</head>
<body>
<!-- 头 -->
<div class="header" style="width: 980px;margin-left:auto;margin-right:
auto;height: 90px;border: 1px solid #000000">
<jsp:include page="header.jsp"></jsp:include>
</div>
<span style="height:20px;clear: both;"></span>
<!-- 体 -->
<div style="width: 980px;margin-left:auto;margin-right: auto;height:
auto;">
<div class="leftToolBar" style="width: 290px;margin-right:
10px;height: auto;float: left;border: 1px solid #000000"">
<jsp:include page="left.jsp"></jsp:include>
</div>
<div class="mainContent" style="width: 600px;height: auto;float:
right;border: 1px solid #000000""></div>
</div>
<span style="height:20px;clear: both;"></span>
<!-- 脚 -->
<div class="footer" style="width: 980px;margin-left:auto;margin-right:
auto;height: 90px;border: 1px solid #000000"">
<jsp:include page="footer.jsp"></jsp:include>
</div>
</body>
</html>
1. 先用DIV画前台页面布局，分为header，footer，letfToolBar,mainContent
2. 然后分别在四个DIV里使JSP的Include标签，可以使用静态包含，也可以使用动态包含
具体事例代码如下（已在本人机器上运行通过，楼主可以直接拷贝研究）:
1.先准备header.jsp, footer.jsp,left.jsp 用来被index.jsp包含
注意: 要删除所用HTML标签，但是要保留头部的JSP指令标签，否则页面会显示不出来
header.jsp ：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
header区域
left.jsp ：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
leftToolBar区域
footer.jsp ：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
footer区域
2：index.jsp文件，用来包含上面的三个文件
注意: css我并没有提取出来，使用时可以提取
index.jsp :
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()
+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>主页面</title>
</head>
<body>
<!-- 头 -->
<div class="header" style="width: 980px;margin-left:auto;margin-right:
auto;height: 90px;border: 1px solid #000000">
<jsp:include page="header.jsp"></jsp:include>
</div>
<span style="height:20px;clear: both;"></span>
<!-- 体 -->
<div style="width: 980px;margin-left:auto;margin-right: auto;height:
auto;">
<div class="leftToolBar" style="width: 290px;margin-right:
10px;height: auto;float: left;border: 1px solid #000000"">
<jsp:include page="left.jsp"></jsp:include>
</div>
<div class="mainContent" style="width: 600px;height: auto;float:
right;border: 1px solid #000000""></div>
</div>
<span style="height:20px;clear: both;"></span>
<!-- 脚 -->
<div class="footer" style="width: 980px;margin-left:auto;margin-right:
auto;height: 90px;border: 1px solid #000000"">
<jsp:include page="footer.jsp"></jsp:include>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
框架页面
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="80,*,80" frameborder="1" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<frameset framespacing="0" border="false" cols="200,*" frameborder="1" scrolling="yes">
<frame name="top" scrolling="no" src="left.leftm">
<frame name="right" scrolling="auto" src="right.html">
</frameset>
<frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
left.html——左侧导航
right.html——右侧显示
top.html——页头
bottom.html——页尾
把文件名都替换成你的
left.html里面的链接写法如下
<a href="s1.html" target="right">功能1</a>
<a href="s2.html" target="right">功能2</a>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="80,*,80" frameborder="1" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<frameset framespacing="0" border="false" cols="200,*" frameborder="1" scrolling="yes">
<frame name="top" scrolling="no" src="left.leftm">
<frame name="right" scrolling="auto" src="right.html">
</frameset>
<frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
left.html——左侧导航
right.html——右侧显示
top.html——页头
bottom.html——页尾
把文件名都替换成你的
left.html里面的链接写法如下
<a href="s1.html" target="right">功能1</a>
<a href="s2.html" target="right">功能2</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以采用jsp的include
导入你需要的文件
千万不要听从上面的那个人的 框架 方法
你如果这样做
只会把简单问题搞复杂化 想一想在框架页面下的页面格式排版问题吧
导入你需要的文件
千万不要听从上面的那个人的 框架 方法
你如果这样做
只会把简单问题搞复杂化 想一想在框架页面下的页面格式排版问题吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
呵呵~~用DIV，你试试换下分辨率，说不定就不是你要的那个样子了！哈哈~~~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
