jsp页面如何调用css样式

本以为很简单的东西没想到整了一天,首先是基础模糊,web项目下的web-inf文件夹特别严密,tomcat是不允许直接访问里面的页面或者资源,所以我调整了一下项目目录,将css文件夹放在了webapps下,整个项目目录如下:

jsp中获取css样式,${pageContext.request.contextPath}的作用是取出部署的应用程序名,这样不管如何部署,所用路径都是正确的。在这里href="localhost:8080/你的项目名/css/bootstrap.min.css"就是这个意思了。

<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet" type="text/css">

事情远没有这么简单,访问页面发现jsp还是没用应用到css。报错如下:

警告: No mapping found for HTTP request with URI [/lol/css/ootstrap-theme.min.css] in DispatcherServlet with name 'springMvc'

刚开始不懂这个报错什么意思,求助了以后才知道是没有配置静态资源访问,因为我们springMvc配置的拦截器拦截所有请求。在springMvc-servlet.xml中配置如下一句,让springMvc不拦截我们配置的静态资源。location指我们要访问的路径,mapping指此路径对应的文件在项目哪里去找。

<mvc:resources location="/css/" mapping="/css/**"/>

这下访问jsp页面发现布局正常了。总结一下,1,jsp页面中用带项目名称的绝对路径链接css或者访问静态资源;2,css等静态资源访问不要被springMvc所拦截。

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP下载文件说明包括两部分内容,一部分是JSP基础知识;另一部分是综合实例。读者可根据相应的使用说明直接使用这些源代码。 一、基础知识部分 此部分是指文件夹名为第1~9章的内容(如表1),这些是书介绍JSP相关知识的源代码。文件的命名规则与书相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并启动Tomcat服务器,在浏览器浏览网页。 表1 第1章 序号 文件名称 位置 说明 1 SimpleJSP.jsp 第1章\ch1 第一个JSP页面 2 web.xml 第1章\ch1\WEB-INF 第1章程序应用的描述文件 表2 第2章 序号 文件名称 位置 说明 1 sample1.html 第2章\ch2 第一个HTML网页 2 sample2.html 第2章\ch2 设置HTML网页标题示例 3 sample3.html 第2章\ch2 设置HTML网页字体示例 4 sample4.html 第2章\ch2 设置HTML网页其他字体示例 5 sample5.html 第2章\ch2 换行与不换行标记示例 6 sample6.html 第2章\ch2 对齐标记示例 7 sample7.html 第2章\ch2 创建表格示例 8 sample8.html 第2章\ch2 设计表单示例 9 sample9.html 第2章\ch2 图象标记示例 10 sample10.html 第2章\ch2 链接标记示例 11 sample11.html 第2章\ch2 简单的JavaScript示例 12 sample12.html 第2章\ch2 介绍String对象示例 13 sample13.html 第2章\ch2 介绍Date对象示例 14 sample14.html 第2章\ch2 介绍Math对象示例 15 sample15.html 第2章\ch2 介绍Windows对象示例 续表 序号 文件名称 位置 说明 16 sample16.html 第2章\ch2 介绍鼠标事件示例 17 sample17.html 第2章\ch2 介绍键盘事件示例 18 sample18.html 第2章\ch2 介绍焦点事件示例 19 sample19.html 第2章\ch2 介绍调整窗口尺寸事件示例 20 sample17.html 第2章\ch2 介绍加载和卸载事件示例 21 02_1.jpg 第2章\ch2\image sample9.html使用的图片文件 22 web.xml 第2章\ch2\WEB-INF 第2章程序应用的描述文件 23 register.html 第2章\ch2 习题答案,用户注册页面 表3 第3章 序号 文件名称 位置 说明 1 Add.java 第3章\ch3 习题答案(编程题第1题) 2 Add.class 第3章\ch3 习题答案(编程题第1题) 3 Fibonacci.java 第3章\ch3 习题答案(编程题第2题) 4 Fibonacci.class 第3章\ch3 习题答案(编程题第2题) 5 Cylinder.java 第3章\ch3 习题答案(编程题第3题) 6 Cylinder.class 第3章\ch3 习题答案(编程题第3题) 表4 第4章 序号 文件名称 位置 说明 1 example.jsp 第4章\ch4 一个典型的JSP页面 2 head.jsp 第4章\ch4 include指令示例(显示标题和页头) 3 body.jsp 第4章\ch4 include指令示例(显示页体) 4 tail.jsp 第4章\ch4 include指令示例(显示页尾) 5 include.jsp 第4章\ch4 利用include指令包含上述3个JSP页面 6 example1.jsp 第4章\ch4 Scriptlet示例 7 div.jsp 第4章\ch4 处理客户请求阶段的错误示例 8 error.jsp 第4章\ch4 div.jsp页面的错误处理页面 9 web.xml 第4章\ch4\WEB-INF 第4章程序应用的描述文
【资源说明】 JSP实验基于JavaWeb的机房预约系统源码+sql数据库+实验说明.zip 该项目是个人毕设项目源码,评审分达到95分,都经过严格调试,确保可以运行!放心下载使用。 该项目资源主要针对计算机、自动化等相关专业的学生或从业者下载使用,也可作为期末课程设计、课程大作业、毕业设计等。 具有较高的学习借鉴价值!基础能力强的可以在此基础上修改调整,以实现类似其他功能。 编写一个首页,该页面能够自动跳转到WelcomeServlet 编写一个简单的机房预约系统,通过该系统实验室管理员可以完成机房的预约登记操作; 编写展示WelcomeServlet,该Servlet映射到首地址“/”,通过Java Bean获取所有机房的预约信息,并将数据转发到reservation .jsp页面; 编写机房预约页面(reservation .jsp),该页面能够显示所有的机房预约信息,预约界面应该以表格的形式展示每个机房哪些时间段可选,哪些时间段已被哪位教师占用;同时管理员可以在该页面上完成预约登记操作,登记信息包括:教师、机房、时间段。 编写样式表reservation.css,利用DIV+CSS布局对机房预约页面(reservation .jsp)进行美化; 编写JavaScript脚本reservation.js,该脚本主要功能为: (1)处理实验室管理员对时间段、机房的选择操作(可以通过在预约表格上单击单元格的方式来选择某机房的预约时间段,时间段选与否应有状态区别); (2) 校验预约信息的正确性(当管理员单击已被占用的机房时间段或输入错误的教师信息时报错) 编写ReservationServlet,该Servlet能够接收页面传过来的预约数据,并能够调用Java Bean完成相关预约操作; 编写一个预约处理类ReservationBean,该处理类能够通过JDBC实现预约信息的查询以及预约信息的处理。 简易机房预约系统 拙作 初次接触Servlet做的简单玩意 使用Tomcat10.0.17部署 在JDK16环境下通过测试 默认使用H2数据库,数据库位置为D:\h2db。 如需更改可至src/main/java/beans/ReservationBean.java第57-61行修改数据库驱动(类型)及数据库位置。 # 预览 静态页面预览地址:https://stallion-x.github.io/RoomReservationSystem/

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值