ssm访问不到html_IDEA解决SSM项目的静态资源路径问题:HTML,CSS,JS--详解

直接上图(项目目录结构):

我们主要关注webapp。

如上图,建议把js,css,layui,首页等文件放在WEB-INF外部,WEB-INF放程序的主要网页,index页面,welcome,各种管理页面等(如下图)

现在我们进入了重头戏了:路径设置。

一、上图发现,我们的login页面在webapp下,就是项目启动的一级目录下

1、此时找到登陆页面有两种方法:在web.xml配置为欢迎界面,项目启动就直接跳转此页面。

页面地址

2、输入一级目录下的systemLogion.html

我们推断出此访问路径按照webapp为根路径,即http://localhost:8080/empmanage  这一坨代表webapp,其实从target文件也可以映照这个结论

二、上面找到了根路径,我们开始设置springMVC-web.xml文件(主要是释放静态资源的路径----若不释放,系统运行后会把这些资源进行拦截)

1、释放了静态资源文件之后,在系统运行后,我们可以从http://localhost:8080/empmanage/js/cloud.js    这个路径直接访问js等文件(除了WEB-INF内的其他任何文件)

2、但是要注意一点:系统执行到不同的页面,是根据当前页面请求的地址,去找相应的js等文件。

比如我们的systemlogin.html页面的js,css路径设置如下图:

但是WEB-INF里面的操作页面的css,js路径如下:

通过对比我们发现,WEB-INF页面的路径多了一个-----   “ ../  ” ------

三、这是因为:当我们在登陆页面和WEB-INF下的index页面时,请求地址(浏览器地址)分别为

这时登陆页面加入js/cloud.js我们可以访问到相应的js页面,所以登陆页面的js路径:js/**

但是index页面是经过一次controller进行跳转之后的路径(user/index.do ---这是在一个controller里的),所以index页面的css,js路径: ../js/**

四、当我们在WEB-INF的index页面中需要执行ajax无页面刷新异步请求的时候,如:

此时请求controller的地址和js的地址类似,当前浏览器的地址不变,我们需要  ../  回到根路径,然后去找controller(如上图)。

编写不易,求个小心心吧。。。。

本人若有叙述不当之处,请各位看官不吝赐教!

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

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

相关文章

pads中如何设置等长_如何在SQL Server中设置扩展,监控系统性能

dbForge Studio for SQL Server为有效的探索、分析SQL Server数据库中的大型数据集提供全面的解决方案,并设计各种报表以帮助作出合理的决策。dbForge Studio for SQL Server​www.evget.com扩展事件是一种有用且方便的解决方案,旨在监视您的系统性能。它…

string循环输入,Ctrl+z截止

注意1&#xff1a;while和循环的位置问题&#xff1a;若while在for循环里&#xff0c;则for循环一次&#xff0c;就会使while中的语块一直执行&#xff0c;CtrlZ结束后&#xff0c;只会给s[0]赋值。 注意2&#xff1a;i的值即为string数组的实际值 #include<iostream> …

testmeshpro合批_TextMesh Pro Emoji Align With Text(表情和文字对齐)

前言MMO游戏中需要富文件组件&#xff0c;大体功能包括图文混排&#xff0c;表情&#xff0c;超链接&#xff0c;文字动画等富文本功能&#xff0c;且DC数占用少。本文选择Unity免费提供的TextMesh Pro 解决方案。软件环境Unity3D 5.3.7p4TextMesh Pro 1.0.555.0b11(Jul 06.201…

iar stm32_STM32延时函数的四种方法

关注、星标公众号&#xff0c;不错过精彩内容单片机编程过程中经常用到延时函数&#xff0c;最常用的莫过于微秒级延时delay_us()和毫秒级delay_ms()。本文基于STM32F207介绍4种不同方式实现的延时函数。普通延时这种延时方式应该是大家在51单片机时候&#xff0c;接触最早的延…

使用pm2启动node文件_PM2 是什么

目录 pm2是什么特点示例说明配置文件常用命令背景 由于需要在容器云新增一个测试环境&#xff0c;改了代码相关的配置后&#xff0c;进行部署。发现服务一直启动不了。在和运维一起排查问题&#xff0c;他看到pm2的一些信息&#xff0c; 问我pm2是不是阻塞了&#xff0c;并不是…

CP/M世界上第一个微机操作系统

CP/M世界上第一个微机操作系统 微软宣布2014年4月8日将不再对Windows XP系统进行更新&#xff0c;宣告这个存活了13年的史上寿命最长的微机操作系统基本上寿终正寝。很多人都知道这是个脱胎于DOS的系统&#xff0c;也潜意识中认为DOS是微机操作系统的鼻祖。不过&#xff0c;这大…

安卓 usb音量调节_戴尔推出面向Teams和Zoom视频通话的USB-C免提适配器

COVID-19 大流行期间&#xff0c;许多企业将会议安排在了线上举办。为方便通过 Microsoft Teams 和 Zoom 之类云视讯平台进行沟通的笔记本电脑用户&#xff0c;戴尔特地推出了新款 USB-C 音频适配器。作为一款两用配件&#xff0c;MH3021P 不仅可以作为有线通话的免提适配器(集…

python试卷河南理工大学万方科技学院_河南理工大学万方科技学院

河南理工大学具有百年办学历史&#xff0c;是一所拥有博士学位授予权的省重点建设的骨干高校。其前身焦作路矿学堂是我国历史上第一所路矿高等学府&#xff0c;是河南省建立最早的高等学校&#xff0c;是我国路矿、工矿高端人才的摇篮&#xff0c;也是中国矿业大学的前身。在学…

word表格美化技巧:如何统一改变表格的样式

在Word中插入的表格默认都是黑边白底&#xff0c;看上去非常的单调。比如这样&#xff1a; 很多小伙伴都是在新建表格并且填完数据之后&#xff0c;应用表格样式&#xff0c;来提升档次&#xff0c;如下&#xff1a; 但是&#xff0c;每次新建表格后再选择应用【表格样式】&…

banner信息是什么_我的设计成长笔记—第10篇(banner)

Banner2019年5月9日这里是我的设计成长笔记—————————————————Banner为什么单独拿出来聊因为我有差不多一年的时间都在做这个在我的成长过程中&#xff0c;banner是过渡从平面/美工到UI设计的一个过程。在这个过程中&#xff0c;我对设计的理解分成了三个部分第…

后台原理_电气控制原理动图22张,超赞!

今天从低压电器、电动机及控制线路、传感器及控制原理三部分来分享22张超赞的原理动图。低压电器部分1按钮开关2闸刀开关3行程开关4交流接触器5热继电器6时间继电器7速度继电器电动机及控制线路1异步电动机2直流电动机3步进电动机4永磁电机5正反转控制6自动往返控制7顺序控制8多…

[word技巧]把标题、图表题注编号由“一.1”改为“1.1“

一、问题描述 写作中文报告时&#xff0c;有时会要求一级标题用类似”第一章”的中文编号&#xff0c;二级标题用1.1这类编号&#xff0c;图表题注用“表1.1”的编号。此时&#xff0c;由于一级标题用的是中文数字&#xff08;如“一”&#xff09;作为序号&#xff0c;因此wor…

excel中怎样用公式获取表单控件_挑战高手:用不到 100 行代码,在前端实现 Excel 全部功能...

(点击图片获取专属你的开发工具)SpreadJS是一款基于 HTML5 的纯前端表格控件&#xff0c;兼容 450 种以上的 Excel 公式&#xff0c;具备“高性能、跨平台、与 Excel 高度兼容”的产品特性广受世界各地名企追捧。接下来让我们看看其具有哪些独特优势吧&#xff01;四大优势&…

python3 虚拟环境 pip 版本_【python知识】 - Python3之PIPENV虚拟环境及封装

Python的封装是通过pyinstaller直接打包python环境下的所有第三方模块&#xff0c;不管是不是封装程序涉及到的模块通通都一股脑打包进来&#xff0c;造成封装后大小超出预计很多。Pipenv 是一款管理虚拟环境的命令行软件&#xff0c;简单来讲&#xff0c;它可以创建一个只在某…

vissim免修改时间工具_App闪退怎么办?免越狱如何安装未签名的App?

由于最近苹果大规模的封签名&#xff0c;导致在第三方渠道下载的软件都出现闪退没法使用的现象。目前的替代方法就是使用电脑端 Cydia Impactor 来给 App 进行自签&#xff0c;虽然相对比较麻烦&#xff0c;但这也是目前针对企业签名无法使用的唯一解决方法。下面以安装 FilzaE…

stm32g4 下载算法_难道STM32G4芯片的主频才到80MHz?

最近有个STM32用户反映&#xff0c;他们目前在调试STM32G431CBU6这款芯片。使用ST官方的Cube库进行编程&#xff0c;发现时钟没法配置到技术手册上告知的170MHz。当然这个170MHz的频率要经过PLL倍频产生。不管选用内部时钟源还是外部晶振&#xff0c;只要配置成170MHz,芯片肯定…

word表格美化技巧:如何统一改变表格的样式2+续表制作

一、表格样式 开始-样式-新建样式-样式类型&#xff1a;表格。 单独设置标题行&#xff0c;汇总行等格式即可。表格样式会显示在-设计-样式-表格样式中。 问题&#xff1a;汇总行无效。 即可。 二、续表 直接复制表格及题注到下一页&#xff0c;然后下下面表格的题注修改为…

python中selenium打开浏览器拿不到url_Selenium打开浏览器,但在Chrome和Firefox中都无法获取URL...

当我调用get()时&#xff0c;webdriver将打开浏览器&#xff0c;但不会打开我请求的单击。在Firefox中没有URL应该在的地方&#xff0c;而在Chrome中&#xff0c;URL是测试“data:&#xff0c;”。不到一个月前&#xff0c;我在Chrome和Selenium之间使用相同的代码没有问题。在…

excel条件格式详解

1、基于公式返回的逻辑值去判断&#xff0c;True则执行条件格式&#xff0c;FALSE不执行。 2、基于区域第一个单元格的公式&#xff0c;依次根据单元格引用方式判断区域内公式是否成立。 函数&#xff1a; 使用条件格式&#xff1a; 函数&#xff1a; 条件格式&#xff1a; 函…