解决使用Thinkphp框架的项目中jQuery的supersized插件全屏背景图片引入路径的错误!

由于最近有用到了thinkphp框架去做一个项目,让我先来吐槽thinkphp一下吧。基于MVC的设计思想本身是没有错的,但是,,但是,你把文件资源另外存放在public目录就不合理了啊,模板文件中文件资源的引入每次都要改一次引入路径,好坑爹啊。因为这样一来对模板文件的改动就多了很多了。不说了,说说我这次遇到的问题吧:

我的项目目录如下:


解决使用Thinkphp框架的项目中jQuery的supersized插件全屏背景图片引入路径的错误!_第1张图片
项目目录.png

在我的home模块中,我的目录如下:


解决使用Thinkphp框架的项目中jQuery的supersized插件全屏背景图片引入路径的错误!_第2张图片
模块目录.png

在访问用到supersized插件需要引入全屏背景图片的时候,图片路径去找图片却不到了,查看网页代码时,出现下面的情况:


解决使用Thinkphp框架的项目中jQuery的supersized插件全屏背景图片引入路径的错误!_第3张图片
报错页面代码.png

右下角提示报了3个图片引入的错误,引入路径为:
http://localhost:82/30/webapp/index.php/Home/Login/images/backgroup/0.jpg这种错误
但按道理应该是
http://localhost:82/30/webapp/public/images/backgroup/0.jpg这个路径才对的

经过了一千次修改(略夸张)的修改引入路径,如在supersized的引入图片前加ROOT/Public/或者PUBLIC/等都试了好多次,差点怀疑人生了。
最终把supersized-init.js文件的路径改成了下面的形式才能够成功不报错

解决使用Thinkphp框架的项目中jQuery的supersized插件全屏背景图片引入路径的错误!_第4张图片
supersized-init.js文件修改图.png

修改完后,最后可以成功看到全屏的图片背景了


我的页面效果图.png

嗯~过程就是这样

你可能感兴趣的:(解决使用Thinkphp框架的项目中jQuery的supersized插件全屏背景图片引入路径的错误!)