[转载]使用IntelliJ IDEA开发SpringMVC网站(二)框架配置

news/2024/4/27 8:47:25/文章来源:https://blog.csdn.net/weixin_33862993/article/details/88572229

摘要
讲解如何配置SpringMVC框架xml,以及如何在Tomcat中运行
转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生)。

注:此文承接上一文:使用IntelliJ IDEA开发SpringMVC网站(一)开发环境

访问GitHub下载最新源码:https://github.com/gaussic/Sp...

文章已针对IDEA 2016做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码。
另外:文中的附图部分仍然为旧版本,请参照自身版本进行配置。

五、SpringMVC框架配置

进行完上面的配置,那就说明现在基本的开发环境已经搭建好了,现在要开始进行SpringMVC的网站开发。

1、web.xml配置

打开srcmainwebappWEB-INF下的web.xml文件,稍微更新一下web.xml的版本,可以支持更高级的一些语法,如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"version="3.1"><display-name>SpringMVCDemo Web Application</display-name></web-app>

在<web-app>中加入一个servlet:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"version="3.1"><display-name>SpringMVCDemo Web Application</display-name><servlet><servlet-name>mvc-dispatcher</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>mvc-dispatcher</servlet-name><url-pattern>/</url-pattern></servlet-mapping>
</web-app>

该servlet名为mvc-dispatcher(名称可修改),用于拦截请求(url-pattern为 / ,说明拦截所有请求),并交由Spring MVC的后台控制器来处理。这一项配置是必须的。

为了能够处理中文的post请求,再配置一个encodingFilter,以避免post请求中文出现乱码情况:

<filter><filter-name>encodingFilter</filter-name><filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class><init-param><param-name>encoding</param-name><param-value>UTF-8</param-value></init-param><init-param><param-name>forceEncoding</param-name><param-value>true</param-value></init-param>
</filter>
<filter-mapping><filter-name>encodingFilter</filter-name><url-pattern>/*</url-pattern>
</filter-mapping>

至此,web.xml配置完毕。

2、xxx-servlet.xml配置

在配置完web.xml后,需在web.xml同级目录下新建 mvc-dispatcher-servlet.xml(-servlet前面是在servlet里面定义的servlet名):

mvc-dispatcher-servlet.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"xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd"></beans>

MVC框架有model、view、controller三部分组成。model一般为一些基本的Java Bean,view用于进行相应的页面显示,controller用于处理网站的请求。

在srcmainjava中新建一个用于保存controller的package:

在controller包中新建java类MainController(名称并不固定,可任意取),并修改如下:

package com.gaussic.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;/*** Created by dzkan on 2016/3/8.*/
@Controller
public class MainController {@RequestMapping(value = "/", method = RequestMethod.GET)public String index() {return "index";}
}

(1)@Controller注解:采用注解的方式,可以明确地定义该类为处理请求的Controller类;

(2)@RequestMapping()注解:用于定义一个请求映射,value为请求的url,值为 / 说明,该请求首页请求,method用以指定该请求类型,一般为get和post;

(3)return "index":处理完该请求后返回的页面,此请求返回 index.jsp页面。

回到mvc-dispatcher-servlet.xml,进行相关配置。首先加入component-scan标签,指明controller所在的包,并扫描其中的注解(最好不要复制,输入时按IDEA会在beans xmlns中添加相关内容):

<?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"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"><!--指明 controller 所在包,并扫描其中的注解--><context:component-scan base-package="com.gaussic.controller"/>
</beans>

再进行js、image、css等静态资源访问的相关配置,这样,SpringMVC才能访问网站内的静态资源:

<!-- 静态资源(js、image等)的访问 -->
<mvc:default-servlet-handler/>

再开启springmvc注解模式,由于我们利用注解方法来进行相关定义,可以省去很多的配置:

<!-- 开启注解 -->
<mvc:annotation-driven/>

再进行视图解析器的相关配置:

<!--ViewResolver 视图解析器-->
<!--用于支持Servlet、JSP视图解析-->
<bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/><property name="prefix" value="/WEB-INF/pages/"/><property name="suffix" value=".jsp"/>
</bean>

关于controller如何找到视图文件,这里需要详细的说明。在 controller 的一个方法中,返回的字符串定义了所需访问的jsp的名字(如上面的index)。在jspViewResolver中,有两个属性,一个是prefix,定义了所需访问的文件路径前缀,另一是suffix,表示要访问的文件的后缀,这里为 .jsp。那么,如果返回字符串是 xxx ,SpringMVC就会找到 /WEB-INF/pages/xxx.jsp 文件。

完成以上配置后,mvc-dispatcher-servlet.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"><!--指明 controller 所在包,并扫描其中的注解--><context:component-scan base-package="com.gaussic.controller"/><!-- 静态资源(js、image等)的访问 --><mvc:default-servlet-handler/><!-- 开启注解 --><mvc:annotation-driven/><!--ViewResolver 视图解析器--><!--用于支持Servlet、JSP视图解析--><bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/><property name="prefix" value="/WEB-INF/pages/"/><property name="suffix" value=".jsp"/></bean>
</beans>

我们删除 webapp 目录下的 index.jsp 文件,在WEB-INF目录下新建文件夹pages,再在pages目录下新建 index.jsp,并修改为如下所示:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --><title>SpringMVC Demo 首页</title><!-- 新 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<h1>这里是SpringMVC Demo首页</h1><h3>出现此页面,说明配置成功。</h3><!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

这里使用了Bootstrap的CDN加速服务,如果要使用本地的Bootstrap,请前往Bootstrap官网下载,并放在 webapp 目录下,然后引入到 index.jsp 中,这里不做详细介绍。

现在,需要配置 Tomcat 来运行该项目。点击界面右上角的向下箭头,选择 Edit Configurations:

点击左上角的”+“号,选择Tomcat Server,(如果没有请选择最下方的33 items more,找到Tomcat Server),再选择Local:

进入如下界面:

点击 Application server 右边的 Configure,导入Tomcat 目录(项目已更新到Tomcat8,请按照自身版本导入):

在配置好tomcat的路径后,如下图所示,发现依然存在警告,且左方的Tomcat7图标上有一个错误标记,说明还没有配置完全:

我们还需要将项目部署到 Tomcat 服务器中。点击 Deployment,再点击右边的”+“号,添加一个Artifact:

选择第二个:war exploded,点击OK,这样,该项目就已经部署到了tomcat中:

再点击OK,整个Tomcat配置结束:

点击界面右上角的红框中的绿色箭头,就可以启动 Tomcat 了,其控制台输出将在 IDEA 下方显示

启动后,浏览器将自动弹出项目首页:

这样,说明配置完成。这里总结一下其相关机制:首先,浏览器访问 localhost:8080,后台controller拦截该请求,进行相应的处理(此处无),在跳转到视图 index.jsp进行显示。此后,将会进行详细的介绍。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_727060.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

交互设计超全学习清单:3本书,2个播客,6门视频课程,8个优秀网站

刚入行用户体验设计的人在学习时总会遇到这样的难题&#xff1a; 网上的文章看了不少&#xff0c;行业大V也follow了好几个&#xff0c;但是摄入的知识总感觉是一盘散沙&#xff0c;心里仍然没个底儿。 为此&#xff0c;墨刀特整理了一个学习清单~ 有系统的UX设计知识框架、…

老外的个人网站原来是这样设计的:17个最佳范例给你灵感

作家写书&#xff0c;歌手出唱片&#xff0c;人们选择各种方式呈现最佳的自己。对于UI/UX设计师而言&#xff0c;我想&#xff0c;一个设计精美的个人网站&#xff0c;一定会是一种相当不错的方式。无论你是想要展示自己的设计作品&#xff0c;还是分享自己的设计经验和理念&am…

从YouTube改版看“移动优先”——8个移动优先网站设计案例赏析

2011年&#xff0c;Luke Wroblewski大神提出了移动优先的设计理念。在当时看来这无疑是一个打破行业常规的新型设计原则。而在移动互联网大行其道的今天&#xff0c;谁遵守移动优先的设计理念&#xff0c;设计出最好的移动端网站&#xff0c;谁就能赢得用户和商机。由此&#x…

12个优秀的国外Material Design网站案例

眼看2017年就快完了&#xff0c;你是不是还没完全搞懂Material Design呢&#xff1f;是嫌说明文档太长&#xff0c;还是觉得自己英文不好&#xff1f;都没关系&#xff0c;小编今天给大家整理了一份干货满满的学习笔记&#xff0c;并列举了一些国外的MaterialDesign优秀案例及资…

网站导航设计指南

以下内容由Mockplus团队翻译整理&#xff0c;仅供学习交流&#xff0c;Mockplus是更快更简单的原型设计工具 “如果人们在浏览网站时遇到困难&#xff0c;他们就会犹豫是否要回到该网站。” 你以前可能经历过类似的情况&#xff0c;如果你下载了一个app&#xff0c;却要花时间去…

年度十佳电商网站设计赏析

伴随着近年来电子商务的迅猛发展&#xff0c;世界范围内的线上购物持续增加。以刚过去的黑色星期五为例&#xff0c;用户通过网络渠道购买商品的销售额达到了50.3亿美元&#xff0c;相较于2016年同期增长了16.9%&#xff0c;创下了美国电商历史的新纪录。在电商及网购快速发展的…

移动网站应用设计:速度至关重要!

以下内容由Mockplus&#xff08;摹客&#xff09;团队翻译整理&#xff0c;仅供学习交流&#xff0c;Mockplus是更快更简单的原型设计工具。在2016年&#xff0c;全球的移动互联网使用率首次超过台式电脑。根据谷歌英国地区研究: “如今&#xff0c;65&#xff05;的英国成年人…

让你不再恋家的9款小众时尚的酒店网站设计

一场说走就走的旅行少不了一家精挑细选的酒店。出门在外&#xff0c;没有一个舒适的住处&#xff0c;恐怕旅行的记忆也并不是那么美好。大牌酒店住不起&#xff0c;小众酒店性价比高&#xff0c;但哪家最合适&#xff1f;网上攻略必不可少。 作为主观性非常强的视觉性动物&…

win10如何配置IIS,局域网内实现网站共享

局域网中实现项目&#xff08;网站等&#xff09;共享&#xff0c;只需启动电脑IIS服务即可。 win10配置IIS&#xff0c;并实现文件共享操作: 在Windows10系统中&#xff0c;依次点击“开始/Windows系统/控制面板”菜单项&#xff08;或者直接搜索控制面板即可&#xff09;。…

UX设计案例研究:建立更好的用户体验(重新设计Air Peace Airline网站)

以下内容由Mockplus团队翻译整理&#xff0c;仅供学习交流&#xff0c;Mockplus是更快更简单的原型设计工具。坐飞机旅行总是能给人带来很棒的体验&#xff0c;但我认为应该考虑预订航班时给用户带来的压力。在如今的数字世界&#xff0c;我们越来越重视速度和简单性&#xff0…

个人网站、电视交互、后台组件...助你高效工作的素材来啦!

春天来了&#xff0c;万物都在复苏&#xff0c;可你的身体还停留在假期&#xff1f; 不想工作&#xff0c;思维卡壳&#xff0c;偷偷摸鱼&#xff0c;但又不得不完成工作&#xff0c;是不是你的现状&#xff1f;&#xff01; 墨墨姐告诉你一个办法&#xff0c;那就是看看本期…

2018年最好的医疗网站设计及配色赏析

随着人们对医疗健康认识水平的提高&#xff0c;相关的医疗服务和医疗网站设计也在不断规范化。从网站设计的角度来讲&#xff0c;医疗网站对于医疗内部来说就是连通整个医院的信息高速公路&#xff1b;而对于患者来说&#xff0c;优秀的规范化设计能更好的引导他们准确快速的获…

网站收录查询结果不一致问题

查询网站在不同搜索引擎收录情况的两种方式&#xff1a; 1、第一种是通过站长工具查询&#xff0c;即如下所示: 2、第二种是通过 site:域名 的方式查询&#xff0c;比如&#xff1a;site:xatopsec-edu.com 利用 站长工具 / site:域名 查询收录情况&#xff0c;得到的结果为什么…

卧槽!这几个 Java 网站,有点刺激!

之间有很多小伙伴咨询我说想要推荐几个学习 Java 的网站&#xff0c;但是之前太忙了&#xff0c;一直没空整理&#xff0c;最近这段时间稍微空闲了些&#xff0c;所以我整理了几个不错的学习 Java 的网站&#xff0c;这些网站基本上都是外文网站&#xff0c;因为我觉得是吧&…

设计师升职加薪必须知道的10个设计网站

设计行业经过几年的发展&#xff0c;已经进入到了相对成熟的时期。这无疑会对设计师有更高的要求和挑战。 随着AI的发展&#xff0c;设计甚至从有形的设计&#xff0c;转变为无形的设计。这就需要你对设计有更深刻的理解&#xff0c;理解设计的本质是沟通&#xff0c;设计源于…

室内设计类网站Web原型制作分享——Dinzd

Dinzd是一家德国室内设计网站&#xff0c;网站内涵盖全球设计精品资讯以及优秀案列。网站布局简单直观&#xff0c;内容丰富。 此原型模板所用到的交互动作有结合弹出面板做下拉菜单效果&#xff0c;鼠标按下文字按钮跳转页面&#xff0c;按钮hover填充效果。 本原型由简单快速…

开发一个网站,用户密码你打算怎么存储?

我们开发网站或者 APP 的时候&#xff0c;首先要解决的问题&#xff0c;就是「如何安全传输和存储用户的密码」。一些大公司的用户数据库泄露事件也时有发生&#xff0c;带来非常大的负面影响。因此&#xff0c;如何安全传输存储用户密码&#xff0c;是每位程序员必备的基础。本…

设计服务类网站原型模板分享——Fortyseven

Fortyseven是一个设计服务网站&#xff0c;设计理念是帮助企业设计出赚钱的品牌和网站。该网站图文排版配色都很不错&#xff0c;很有欧美复古风&#xff0c;多采用大图结合文案排版。 本原型由国产Mockplus&#xff08;原型工具&#xff09;和iDoc&#xff08;智能标注&#…

【拿来就用】20款婚礼婚庆网站模板, 轻松打造幸福满满的网站设计

婚礼网站的设计不仅需要设计师有高超的设计技巧&#xff0c;还需要设计师能有一颗感同身受的“幸福的心”&#xff0c;这样设计出的婚礼网站才能更加吸引新人。 如果你也正好在搜寻或设计这样的网站&#xff0c; 那么&#xff0c;小编介绍和分析的这20个最优且免费创意的HTML5…

想让网站销量爆涨?你离成功只差一个出色的购物车设计

每个电子商务网站都会涉及到购物添加商品这个流程&#xff0c;从用户对你的产品产生购买兴趣开始到用户添加到购物车并且顺利完成下单&#xff0c;购物车设计这个关键环节扮演着举足轻重的作用&#xff0c;也是决定你网站的购买力和复购力的关键因素之一。一个简单而清晰的购物…