尚筹网：后台主页面完整显示

最新推荐文章于 2022-06-07 20:15:05 发布

OceanStar的学习笔记

最新推荐文章于 2022-06-07 20:15:05 发布

阅读量294

点赞数

原文链接：https://www.bilibili.com/video/av69997799?p=61

版权

尚筹网专栏收录该内容

37 篇文章 1 订阅

订阅专栏

加入原型页面源代码

将E:\BaiduNetdiskDownload\2019尚筹网单一+分布式架构\单一架构\资料\原型\main.html复制到/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/admin-main.jsp，并作出如下修改：

原型/main.html→admin-main.jsp
需要调整的内容：

字符集改成UTF-8
加入title和base标签

<base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>

把“张三”改成${sessionScope[‘LOGIN-ADMIN’].userName }

${sessionScope[‘LOGIN-ADMIN’].userName }

把退出的超链接改成实际地址

<a href="admin/logout.html"><i class="glyphicon glyphicon-off"></i> 退出系统</a>

在这里插入图片描述

公共部分提取

head标签部分和最末尾的script部分
<%@ include file="/WEB-INF/include-head.jsp" %>

最末尾的script部分注意一定要提取出来
nav标签部分
<%@ include file="/WEB-INF/include-nav.jsp" %>
sidebar部分
<%@ include file="/WEB-INF/include-sidebar.jsp" %>

创建jsp模板

模板内容

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="UTF-8">
<%@ include file="/WEB-INF/include-head.jsp" %>
<body>

	<%@ include file="/WEB-INF/include-nav.jsp" %>
	<div class="container-fluid">
		<div class="row">
			<%@ include file="/WEB-INF/include-sidebar.jsp" %>
			<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
				
			</div>
		</div>
	</div>

</body>
</html>

创建JSP模板操作

在这里插入图片描述

模板创建完成后，第一次创建JSP页面时需要选择一下我们创建的模板，以后就默认使用这个模板。

OceanStar的学习笔记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
尚筹网：后台主页面完整显示

显示后台主页面将E:\BaiduNetdiskDownload\2019尚筹网单一+分布式架构\单一架构\资料\原型\main.html复制到/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/admin-main.jsp，并作出如下修改：<base href="http://${pageContext.request.server...
复制链接

扫一扫