如何使用spring MVC在JSP中包含js和CSS [英] How to include js and CSS in JSP with spring MVC
本文介绍了如何使用spring MVC在JSP中包含js和CSS的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想在我的jsp中包含js和css文件，但我无法这样做。我是spring MVC概念的新手。很长一段时间，我一直在研究同一个话题。
我的索引页面是这样的
<！DOCTYPE html>
< html>
< head>
< link rel =stylesheettype =text / csshref =$ {pageContext.request.contextPath} /style.css/>
< script type =text / javascriptsrc =$ {pageContext.request.contextPath} /LoginPageScrip.js>
< / script>
< style type =text / css>
body {
background-image：url（LoginPageBackgroundImage.jpg）;
}
< / style>
< / head>
< body>
< h6>请登录google Chrome< / h6>
< h1 align =center>欢迎使用我的Twitter Clone< / h1>
< div class =mstyle =margin-left：401px; margin-top：70px;>
< form method =postaction =LoginForExistingUseronsubmit =return Validate（this）;>
< fieldset>
< legend align =center>登录< / legend>
< div class =a>
< div class =l>用户名< / div>
< div class =r>
< INPUT type =textname =userName>
< / div>
< / div>
< div class =a>
< div class =l>密码< / div>
< div class =r>
< INPUT type =passwordname =password>
< / div>
< / div>
< div class =a>
< div class =r>
< INPUT class =buttontype =submitname =submit
value =Login>
< / div>
< / div>
< i align =centerstyle =margin-left：183px;>新用户？ < a href =signup.html>< u>注册< / u>< / a>< / i>
< / fieldset>
< / form>
< / div>
< / body>
< / html>
我的spring-dispatcher-servlet.xml是这样的。
< beans xmlns =http://www.springframework.org/schema/beans
xmlns：context =http：// www .springframework.org / schema / context
xmlns：xsi =http://www.w3.org/2001/XMLSchema-instance
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\">
< context：component-scan base-package =com.csc.student/>
< mvc：annotation-driven />
<！ - < bean id =HandlerMappingclass =org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping/> - >
<！ - < bean name =/ welcome.htmlclass =csc.csc.helloController.HelloController/> - >
< bean id =viewResolverclass =org.springframework.web.servlet.view.InternalResourceViewResolver>
< property name =prefix>
< value> / WEB-INF /< / value>
< / property>
< property name =suffix>
< value> .jsp< / value>
< / property>
< / bean>
< / beans>
我的控制器是这样的。
package com.csc.student;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
@Controller
公共类StudentInfoController {
@RequestMapping（value =/ indexme.html，method = RequestMethod.GET）
public ModelAndView getAdmissionFrom（）{
ModelAndView model = new ModelAndView（indexPage）;
返回模型;
}
}
有人可以帮助我吗？我很努力，但我没有得到任何解决方案。我把我的js和css文件保存在WEB-INF文件夹中。
解决方案
首先你需要在dispatcher-servlet中声明你的资源文件如下：
< mvc：resources mapping =/ resources / **location =/ resources / folder / />
使用url mapping / resources / **的任何请求都将直接查找/ resources / folder /。 / p>
现在在jsp文件中你需要包含你的css文件：
< link href =< c：url value =/ resources / css / main.css/>的rel = 样式表 >
同样，你可以包含js文件。
希望这能解决你的问题。
I want to include js and css files in my jsp, but I'm not able to do so. I'm new to the concept of spring MVC. For a long time, I've been working on this same topic. My index Page is like this
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/LoginPageScrip.js">
</script>
<style type="text/css">
body {
background-image: url("LoginPageBackgroundImage.jpg");
}
</style>
</head>
<body >
<h6>Please login in google Chrome</h6>
<h1 align="center">Welcome to my Twitter Clone</h1>
<div class="m" style="margin-left: 401px; margin-top: 70px;">
<form method="post" action="LoginForExistingUser" onsubmit="return Validate(this);">
<fieldset>
<legend align="center">Login</legend>
<div class="a">
<div class="l">User Name</div>
<div class="r">
<INPUT type="text" name="userName">
</div>
</div>
<div class="a">
<div class="l">Password</div>
<div class="r">
<INPUT type="password" name="password">
</div>
</div>
<div class="a">
<div class="r">
<INPUT class="button" type="submit" name="submit"
value="Login">
</div>
</div>
<i align="center" style="margin-left: 183px;">New User? <a href="signup.html"><u>Signup</u></a></i>
</fieldset>
</form>
</div>
</body>
</html>
And my spring-dispatcher-servlet.xml is like this.
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
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">
<context:component-scan base-package="com.csc.student" />
<mvc:annotation-driven/>
<!--<bean id="HandlerMapping" class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping" />-->
<!-- <bean name="/welcome.html" class ="csc.csc.helloController.HelloController" /> -->
<bean id="viewResolver" class = "org.springframework.web.servlet.view.InternalResourceViewResolver" >
<property name="prefix">
<value>/WEB-INF/</value>
</property>
<property name ="suffix">
<value>.jsp</value>
</property>
</bean>
</beans>
My controller is like this.
package com.csc.student;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class StudentInfoController {
@RequestMapping(value = "/indexPage.html", method = RequestMethod.GET)
public ModelAndView getAdmissionFrom() {
ModelAndView model = new ModelAndView("indexPage");
return model;
}
}
Can some one help me in this? I'm struggling very hard but I'm not getting any solution. I have kept my js and css file in WEB-INF folder.
解决方案
First you need to declare your resources in dispatcher-servlet file like this :
<mvc:resources mapping="/resources/**" location="/resources/folder/" />
Any request with url mapping /resources/** will directly look for /resources/folder/.
Now in jsp file you need to include your css file like this :
<link href="<c:url value="/resources/css/main.css" />" rel="stylesheet">
Similarly you can include js files.
Hope this solves your problem.
这篇关于如何使用spring MVC在JSP中包含js和CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
