尚筹网：显示首页---如何跳转到一个页面显示方法1

最新推荐文章于 2022-06-29 13:14:35 发布

OceanStar的学习笔记

最新推荐文章于 2022-06-29 13:14:35 发布

阅读量263

点赞数

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

版权

尚筹网专栏收录该内容

37 篇文章 1 订阅

订阅专栏

思路

在这里插入图片描述
总结：这个方法一般需要操作数据的时候；而如果是直接跳转的话可以使用mvc:view-controller标签，具体请参考方法二。

步骤

创建PortalHandler

所在工程：atcrowdfunding-admin-2-component
全类名：com.atguigu.crowd.funding.handler.PortalHandler
代码：

package com.atguigu.crowd.funding.handler;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class PortalHandler {

	@RequestMapping("/index")
	public String showIndex() {
		// 从数据库加载页面要显示的数据
		return "index-page";
	}
}

相当于在

所在工程：atcrowdfunding-admin-1-webui
所在文件：/atcrowdfunding-admin-1-webui/src/main/resources/spring-web-mvc.xml

<mvc:view-controller path="/index.html" view-name="index-page"/>

创建index-page.jsp

将2019尚筹网单一+分布式架构\单一架构\资料\原型页面\index.html的内容复制进去。
所在工程：atcrowdfunding-admin-1-webui
文件位置：/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF

调整index-page.jsp

index-page.jsp的最开头添加：

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<html lang="GB18030">改成<html lang="UTF-8">
<meta charset="GB18030">改成<meta charset="UTF-8">

[tips：必要时刷新]

处理样式和JavaScript相关

1、将样式和JavaScript文件从原型中直接复制到项目中
所在工程：atcrowdfunding-admin-1-webui
在这里插入图片描述
2、刷新页面
此时应该能够正常访问。

解决页面路径的隐患

问题

在这里插入图片描述
可以看出这里使用的是相对路径，不太好

方法：使用base标签

1、写法

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

2、注意点

base标签需要放在head标签内
base标签必须放在所有带路径的标签前面
serverName和serverPort之间必须有“:”
contextPath前：不能有“/”
因为contextPath本身就是“/”开头的，再写会多一个，导致Cookie的路径不一致，进而导致Session不能正常工作
contextPath后：必须有“/”
带路径的标签，如果路径以“/”开头，则不参考base标签。又因为具体标签中的路径和base标签中的路径拼起来以后必须是有效、完整的路径，所以“/”要放在base标签的路径最后