CRM —— 2、首页

最新推荐文章于 2024-09-14 21:48:00 发布

Mr_zhangyj

最新推荐文章于 2024-09-14 21:48:00 发布

阅读量881

点赞数

文章标签： java

本文链接：https://blog.csdn.net/Mr_zhangyj/article/details/123760391

版权

1、首页功能

2、实现步骤

2.1、创建跳转到首页的 controller 并在 xml 中设置扫描范围

2.2、设置首页编码格式为UTF-8

2.3、创建跳转到登录页面的controller

2.4、login.html 改为 jsp

2.5、将首页跳转到登录界面的地址改为controller的地址

1、首页功能

用户访问项目首页，首先进入登录页面。

2、实现步骤

2.1、创建跳转到首页的 controller 并在 xml 中设置扫描范围

在 java 目录下创建 com.zyj.crm.web.controller 包，在改包下创建 IndexController

@Controller
public class IndexController {
    /**
     * 跳转到首页
     * @return
     */
    /**
     * 理论上，给Controller方法分配url为 http://127.0.0.1/crm/
     * 为了简便，协议://ip/port应用名称 必须省去，用 / 代表代表应用根目录下的 /
     */
    @RequestMapping("/")
    public String index(){
        // 请求转发
        return "index";
    }
}

然后在 applicationContext-mvc.xml 中设置扫描范围

<context:component-scan base-package="com.zyj.crm.web.controller"/>

2.2、设置首页编码格式为UTF-8

在页面头设置，可以新建一个 jsp，然后将设置编码格式那行复制下来

<%-- 设置编码为UTF-8 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
	<script type="text/javascript">
		/* 跳转到登录页面 */
		document.location.href = "settings/qx/user/login.html";
	</script>
</body>
</html>

2.3、创建跳转到登录页面的controller

创建包 src/main/java/com/zyj/crm/settings/web/controller，在该包下创建 UserController 类

@Controller
public class UserController {
    /**
     * 跳转到登录页面的controller
     * @return
     */
    // url要和controller方法处理完请求之后，响应信息返回的页面的资源目录保持一致
    // .do 表示servlet请求，没有表示静态资源
    @RequestMapping("/setting/qx/user/toLogin.do")
    public String toLogin(){
        return "/settings/qx/user/login";
    }
}

创建完后，需要在 applicationContext-mvc.xml 中设置扫描范围

 <context:component-scan base-package="com.zyj.crm.settings.web.controller"/>

2.4、login.html 改为 jsp

在页面头设置编码后重命名为 jsp 后缀

<%-- 设置编码为UTF-8 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

然后设置 base 标签设置基地址，将所有的 ../../../ 删掉

<%-- 设置编码为UTF-8 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	/**
	 * request.getScheme()：获取协议
	 * request.getServerName()：获取服务器的动态地址
	 * request.getServerPort()：获取服务器的端口号
	 * request.getContextPath()：获取当前应用名字
	 */
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
	<%-- 设置当前页面的基地址 --%>
	<base href="<%=basePath%>">

2.5、将首页跳转到登录界面的地址改为controller的地址

<%-- 设置编码为UTF-8 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
	<script type="text/javascript">
		/* 跳转到登录页面 */
		/* 由于index.jsp就在根目录下，所以不用设置基地址 */
		window.location.href = "setting/qx/user/toLogin.do";
	</script>
</body>
</html>