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

约定不等于承诺〃 2023-06-25 03:18 7阅读 0赞

# 加入原型页面源代码 #

将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标签

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

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

*  把退出的超链接改成实际地址
    
        <a href="admin/logout.html"><i class="glyphicon glyphicon-off"></i> 退出系统</a>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]

# 公共部分提取 #

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模板操作 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 3]  
模板创建完成后，第一次创建JSP页面时需要选择一下我们创建的模板，以后就默认使用这个模板。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191225124535274.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191226105716521.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/2019122611371987.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191226113732741.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70