springmvc controller跳转后jsp页面无法加载静态资源css,图片等错误解决方法

spring的controller做的跳转页面,后台控制前台跳转页面,发现跳转后的页面,静态资源css,js以及图片等在jsp里面引用的配置,都没有加载出来。

我用的bootstrap写的前台,经过检查DispatcherServlet,mvc:resources,配置没有出错后,发现自己的jsp页面是先开始写的html页面,直接修改的jsp文件,马上检查文件哪里没有写,果然忘了加上下面这个代码

<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>  
  
<base href="<%=basePath%>">

这段代码是为了保证,静态资源的配置可以写相对路径,不用写绝对路径

 

request.getSchema()可以返回当前页面使用的协议,http 或是 https;

request.getServerName()可以返回当前页面所在的服务器的名字;

request.getServerPort()可以返回当前页面所在的服务器使用的端口,就是80;

request.getContextPath()可以返回当前页面所在的应用的名字;

 

这个是修改了跳转后访问页面的路径的代码,

就是这个base href,官方解释这个标签的意思:href 属性规定页面中所有相对链接的基准 URL。

 

我的文件是在ssm1/web-inf/static/css/bootstrap.min.css下面

我配置了静态资源配置

<mvc:resources location="static/css/" mapping="/css/**" cache-period="31556926"/>

所以资源的引用绝对路径变成了ssm1/web-inf/css/bootstrap.min.css

 

jsp中是这样写的css引用

<link href="css/bootstrap.min.css" rel="stylesheet">

没有加上上面那行代码,我直接从controller跳转,这是跳转后的路径

http://127.0.0.1:8080/ssm1/user/login

查看源代码

image

css引用代码是这样的路径http://127.0.0.1:8080/ssm1/user/css/bootstrap.min.css

点击是找不到文件的

 

加上那段代码   跳转后的 路径一样

http://127.0.0.1:8080/ssm1/user/login

查看源代码

image

看看多了什么

css引用的代码是这样的路径http://127.0.0.1:8080/ssm1/css/bootstrap.min.css

点击路径直接打开了bootstrap.min.css文件

首先,我们需要在Spring MVC配置控制器和视图解析器。在web.xml中添加Spring MVC的DispatcherServlet和上下文配置文件的路径: ```xml <servlet> <servlet-name>dispatcher</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring-context.xml</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>dispatcher</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> ``` 在spring-context.xml中配置控制器和视图解析器: ```xml <context:component-scan base-package="com.example.controller" /> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/views/" /> <property name="suffix" value=".jsp" /> </bean> ``` 接下来,创建一个UserController类,处理用户注册和登录的请求: ```java @Controller public class UserController { @Autowired private UserService userService; @RequestMapping(value = "/register", method = RequestMethod.GET) public String showRegistrationForm(Model model) { model.addAttribute("user", new User()); return "registration"; } @RequestMapping(value = "/register", method = RequestMethod.POST) public String processRegistrationForm(@ModelAttribute("user") User user, BindingResult result) { if (result.hasErrors()) { return "registration"; } userService.save(user); return "redirect:/welcome"; } @RequestMapping(value = "/login", method = RequestMethod.GET) public String showLoginForm(Model model) { model.addAttribute("user", new User()); return "login"; } @RequestMapping(value = "/login", method = RequestMethod.POST) public String processLoginForm(@ModelAttribute("user") User user, BindingResult result) { User registeredUser = userService.findByUsername(user.getUsername()); if (registeredUser == null || !registeredUser.getPassword().equals(user.getPassword())) { result.rejectValue("username", "error.user", "Invalid username or password"); return "login"; } return "redirect:/welcome"; } @RequestMapping(value = "/welcome", method = RequestMethod.GET) public String showWelcomePage() { return "welcome"; } } ``` UserController使用了@Autowired注解来自动注入UserService,处理注册和登录的请求,并将结果返回到对应的视图。在这里,我们自定义了登录验证的逻辑,如果用户输入的用户名和密码与数据库中的不匹配,就返回登录页面并显示错误消息。 最后,创建注册和登录页面的JSP视图,放在WEB-INF/views目录下: registration.jsp ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Registration Form</title> </head> <body> <h2>Registration Form</h2> <form:form method="POST" modelAttribute="user"> <table> <tr> <td>Username:</td> <td><form:input path="username" /></td> <td><form:errors path="username" cssClass="error" /></td> </tr> <tr> <td>Password:</td> <td><form:password path="password" /></td> <td><form:errors path="password" cssClass="error" /></td> </tr> <tr> <td>Confirm Password:</td> <td><form:password path="confirmPassword" /></td> <td><form:errors path="confirmPassword" cssClass="error" /></td> </tr> <tr> <td colspan="2"><input type="submit" value="Register" /></td> </tr> </table> </form:form> </body> </html> ``` login.jsp ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Form</title> </head> <body> <h2>Login Form</h2> <form:form method="POST" modelAttribute="user"> <table> <tr> <td>Username:</td> <td><form:input path="username" /></td> <td><form:errors path="username" cssClass="error" /></td> </tr> <tr> <td>Password:</td> <td><form:password path="password" /></td> <td><form:errors path="password" cssClass="error" /></td> </tr> <tr> <td colspan="2"><input type="submit" value="Login" /></td> </tr> </table> </form:form> </body> </html> ``` welcome.jsp ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Welcome Page</title> </head> <body> <h2>Welcome!</h2> </body> </html> ``` 以上就是一个简单的注册和登录功能的实现。
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值