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

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

我的项目目录如下:


项目目录.png

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


模块目录.png

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


报错页面代码.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文件的路径改成了下面的形式才能够成功不报错

supersized-init.js文件修改图.png

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


我的页面效果图.png

嗯~过程就是这样

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,612评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,997评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,554评论 0 17
  • B.T 最近赵方舟感觉总有几双眼睛在背后盯着自己 我该不会是要被劫色了吧Σ(゚д゚lll) 下意识用手拉了拉衬衣 ...
    段宜恩de糖阅读 266评论 0 0
  • 响应式布局依靠的就是依靠媒体查询(media)来实现的。在CSS3中,引入了Media Queries模块,该模块...
    丶灰太狼他叔阅读 489评论 0 0