搭建SpringMVC框架

搭建Springmvc框架 helloSpringMVC

把Web应用程序分为三层,分别是:
• 控制器(Controller):负责接收并处理请求,响应客户端;
• 模型(Model):模型数据,业务逻辑;
• 视图(View):呈现模型,与用户进行交互;

在这里插入图片描述

目前最好的实现MVC设计模式的框架,是Spring框架的一个子模块,可以与Spring很好的结合使用,无需整合。

1.2、SpringMVC核心组件

• DispatcherServlet:前置控制器
• Handler:处理器,完成具体业务逻辑
• HandlerMapping:将请求映射到Handler
• HandlerInterceptor:处理器拦截器
• HandlerExecutionChain:处理器执行链
• HandlerAdapter:处理器适配器
• ModelAndView:装载模型数据和视图信息
• ViewResolver:视图解析器

1.3、SpringMVC工作流程

(1)客户端请求提交到DispatcherServlet;
(2)由DispatcherServlet控制器寻找一个或多个HandlerMapping,找到处理请求的Controller;
(3)DispatcherServlet将请求提交到Controller;
(4)Controller调用业务逻辑处理后返回ModelAndView;
(5)DispatcherServlet寻找一个或多个ViewResolver视图解析器,找到ModelAndView指定的视图;
(6)视图负责将结果显示到客户端;

在这里插入图片描述

2、SpringMVC的实现

2.1、创建SpringMVC项目

实现步骤:
打开IDEA工具,创建新项目,选择Maven工程,使用jdk1.8版本,勾选“Create from archetype”,选择maven-archetype-webapp的方式创建,点击Next

报错cannot resolve servlet ‘springmvc’ 问题:缺少server-api.jar包
解决:导入包在tomcat lib里面

在这里插入图片描述

配置项目信息,点击Next
在这里插入图片描述

配置工作空间,点击Finish 在控制台显示BUILD SUCCESS,项目创建完成

在这里插入图片描述

默认创建的项目目录,resource存放配置文件,webapp目录存放web页面和组件

在这里插入图片描述

在main目录上右键,选择New–>Directory创建java目录

在这里插入图片描述
在这里插入图片描述

在java目录上点击右键,选择Mark Directory as–>Sources Root,将java目录设置为资源目录
在这里插入图片描述

在pom.xml中引入依赖

<dependencies>
  <!--junit测试依赖-->
  <dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.11</version>
    <scope>test</scope>
  </dependency>
  <!--SpringMVC依赖-->
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>4.3.1.RELEASE</version>
  </dependency>
</dependencies>

打开src–>main–>webapp–>WEB-INF–>web.xml,配置SpringMVC的Servlet:

<servlet>
  <servlet-name>SpringMVC</servlet-name>
  <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  <!--配置springmvc.xml的路径-->
  <init-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:springmvc.xml</param-value>
  </init-param>
</servlet>
<servlet-mapping>
  <servlet-name>SpringMVC</servlet-name>
  <url-pattern>/</url-pattern>
</servlet-mapping>

2.2、基于XML配置SpringMVC
在src–>main–>resources目录上点击右键,选择New–>XML Configuration File–>Spring Config,创建springmvc.xml配置文件

在这里插入图片描述

在java目录上创建MyHandler类,实现Controller接口,并重写handelRequest()方法
在这里插入图片描述

如果出现HttpServletRequest报红,原因是没有引入依赖

在这里插入图片描述

选择File–>Project Structure
在这里插入图片描述

参考图片依次选择Modules,点击右边+号,选择Library
在这里插入图片描述

添加Tomcat,点击Add Selected

在这里插入图片描述

import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;

public class MyHandler implements Controller {
    public ModelAndView handleRequest(httpServletRequest, httpServletResponse) throws Exception {
        //装载模型数据和逻辑视图
        ModelAndView modelAndView = new ModelAndView();
        //添加模型数据
        modelAndView.addObject("name","Tom");
        //添加逻辑视图
        modelAndView.setViewName("show");
        return modelAndView;
    }
}
 

在webapp目录下创建show.jsp,使用EL表达式输出name
如果使用EL表达式,必须配置isELIgnored=“false”

在这里插入图片描述

在springmvc.xml文件中配置Controller和HandlerMapping组件映射

<!--配置HandlerMapping,将URL映射到Handler-->
<bean id="handlerMapping" class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
    <!--配置mapping-->
    <property name="mappings">
        <props>
            <!--配置test请求对应的handler-->
            <prop key="/test">testHandler</prop>
        </props>
    </property>
</bean>
<!--配置handler-->
<bean id="testHandler" class="com.springtest.MyHandler"></bean>
<!--配置视图解析器-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <!--配置前缀-->
    <property name="prefix" value="/"></property>
    <!--配置后缀-->
    <property name="suffix" value=".jsp"></property>
</bean>

配置Tomcat运行完成
在浏览器中访问 localhost:8080/test,页面就会显示ModelAndView返回的值
在这里插入图片描述

通过枚举

设置SpringMVC.XML

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <mvc:annotation-driven />
    <context:component-scan base-package="com.app" />

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<!--        配置访问的路由-->
    <property name="prefix" value="/" />
<!--    <property name="prefix" value="/WEB-INF/views/" />-->
    <property name="suffix" value=".jsp" />
</bean>
</beans>

这样就不用实现Controller接口

之前的方法

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class Mycontroller implements Controller {
    @Override
    public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse)
            throws Exception {

        //装载模型数据和逻辑图
        ModelAndView modelAndView = new ModelAndView();
        //添加模型数据
        modelAndView.addObject("name","第一");
        //添加模型数据
        modelAndView.setViewName("show");
        return modelAndView;
    }
}

现在的方法

package com.app;


import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class MyController2 {

    @GetMapping("/index")
    public String index(Model m) {
        m.addAttribute("name", "第一页");
        return "show";
    }

    @GetMapping("/logo")
    public String logo(Model m){
        m.addAttribute("name","dierye");
        return "show";
    }
}
### 关于 UniApp 框架推荐资源与教程 #### 1. **Uniapp 官方文档** 官方文档是最权威的学习资料之一,涵盖了从基础概念到高级特性的全方位讲解。对于初学者来说,这是了解 UniApp 架构技术细节的最佳起点[^3]。 #### 2. **《Uniapp 从入门到精通:案例分析与最佳实践》** 该文章提供了系统的知识体系,帮助开发者掌握 Uniapp 的基础知识、实际应用以及开发过程中的最佳实践方法。它不仅适合新手快速上手,也能够为有经验的开发者提供深入的技术指导[^1]。 #### 3. **ThorUI-uniapp 开源项目教程** 这是一个专注于 UI 组件库设计实现的教学材料,基于 ThorUI 提供了一系列实用的功能模块。通过学习此开源项目的具体实现方式,可以更好地理解如何高效构建美观且一致的应用界面[^2]。 #### 4. **跨平台开发利器:UniApp 全面解析与实践指南** 这篇文章按照章节形式详细阐述了 UniApp 的各个方面,包括但不限于其工作原理、技术栈介绍、开发环境配置等内容,并附带丰富的实例演示来辅助说明理论知识点。 以下是几个重要的主题摘选: - **核心特性解析**:解释了跨端运行机制、底层架构组成及其主要功能特点。 - **开发实践指南**:给出了具体的页面编写样例代码,展示了不同设备间 API 调用的方法论。 - **性能优化建议**:针对启动时间缩短、图形绘制效率提升等方面提出了可行策略。 ```javascript // 示例代码片段展示条件编译语法 export default { methods: { showPlatform() { console.log(process.env.UNI_PLATFORM); // 输出当前平台名称 #ifdef APP-PLUS console.log('Running on App'); #endif #ifdef H5 console.log('Running on Web'); #endif } } } ``` #### 5. **其他补充资源** 除了上述提到的内容外,还有许多在线课程视频可供选择,比如 Bilibili 上的一些免费系列讲座;另外 GitHub GitCode 平台上也有不少优质的社区贡献作品值得借鉴研究。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值