Java初体验之springMvc(二) helloworld

最新推荐文章于 2022-04-12 11:50:00 发布

她说天空很蓝

最新推荐文章于 2022-04-12 11:50:00 发布

阅读量182

点赞数

分类专栏： javaee 文章标签： spring mvc

本文链接：https://blog.csdn.net/qq_27388861/article/details/78320677

版权

javaee 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍如何使用Spring MVC框架实现简单的页面跳转功能。通过创建带有@Controller注解的控制器类，并结合@RequestMapping注解指定请求路径，最终实现从控制器跳转到JSP页面。

摘要由CSDN通过智能技术生成

第二章对于结构的分层定义

上一篇我们学习了怎么去编辑web.xml,springmvc.xml让项目集成了springMvc这个框架，这一篇我们来学习怎么使用springMvc代码注解的方式来完成我们第一个页面.hello world，以及我们要引入一个前台模板。前台的模板可以帮我省很多的事情，我们只要稍微做一点修改就可以拿来自己做出一个demo，如果你对你的css很有信心你也可以自己去一套前台出来，不过这个时间的要求会比较多.

springMvc的标签(@Controller)
第一个页面helloword

第一步创建Control类

首先我们按照springMvc的配置文件 springmvc-servlet中配置的扫描器扫描的包名中创建一个Control类，我们首先第一个做的是个登录页面，所以我们命名为LoginControl.

然后springMvc和struts2的区别是，springMvc和spring一样可以使用注解的方式将类以javabean的方式注入到框架中，但是springMvc有mvc这三个字说明还是按照（MODEL-VIEW-CONTROL）这个设计模式来设计的。那么我们在类的前面加上这个注解 @Controller.
然后我们我这个下面再加上一个@RequestMapping(“/LoginControl”)
这个RequestMapping注解的意思是request请求的地址：就是一个request请求名，括号里面的就是我们url的请求地址类似struts2里面的xml配置的请求名。
接下来我们写一个跳转到helloword的页面的方法
首先我们要创建一个目录，因为我们在springmvc-serlvet.xml里面设置扫描器扫描的路径所以我们建立代码路径也要按照配置的方法来。创建com这个起始包，我们在com下面再创建一个control这个包用来放control注解的控制类
这里写图片描述
然后咱们再创建一个名字为loginControl的类

@Controller
@RequestMapping("/LoginControl")
public class LoginControl {


    @RequestMapping("toIndex.do")
    public ModelAndView index(){
        ModelAndView view = new ModelAndView();
         view.setViewName("login");
         return view;
    }
}

第二步，创建hello word的主页

我们首先在web-inf下面创建一个目录名字叫jsp，在这个目录下面咱们创建一个页面名字叫login.jsp
这里写图片描述
我们在body里面写一句话helloword

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>后台管理登录界面</title>
<script type="text/javascript">
<%String path = request.getContextPath(); %>
</script>
 <!--<link href="<%=path %>/css/alogin.css" rel="stylesheet" type="text/css" />-->
</head>
<body>
hello word！
</body>
</html>