【问题标题】:cant display images in cakephp layout无法在 cakephp 布局中显示图像
【发布时间】:2016-05-08 00:12:04
【问题描述】:

我正在尝试让图像显示在我的 cakephp 网站上。我的任务很简单,将标记为 1) 的网站看起来像标记为 2) 的网站,这是一个免费软件网站。网站 1) 的布局有 cakephp 代码,它只是在中间“蓝色部分”的视图中调用

显示图像/js 的路径有误。我没有看到我在加载图像和 js 时在做什么

我加载这样的图像

echo  $this->Html->image('f_pic2.jpg', array('alt' => 'CakePHP'`

我以两种方式加载 Js,似乎都没有任何效果。

  <?php
   echo $this->Html->script(array('jquery.min','jquery-ui.min','jquery.magnific-popup.js'));?>

<script src="web/js/jquery.magnific-popup.js" type="text/javascript">

// 在网站 1) 上看不到应该从网站 2) 显示的图像。我已将所有文件、图像加载到 webroot img/js 目录中

网站 cakephp 1) http://101.0.99.48/maths/users/calm
网站免费软件 2) http://101.0.99.48/calm-pack/

我已阅读文档,但我不知道自己做错了什么。

 http://book.cakephp.org/2.0/en/core-libraries/helpers/html.html
   http://book.cakephp.org/2.0/en/core-libraries/helpers/js.html

【问题讨论】:

  • "显示图像/js 的路径错误" 这是什么意思?生成的 URL 是什么样的?您的图像位于何处?您是如何配置资产路径的? ...问题应该是自包含的,而不是链接到人们可能找到上下文信息的外部资源!
  • 我已经说过我是如何加载图像的,它们存储在 webroot/img 文件夹中。您可以看到我有一些图像要显示,但有些图像由于某些未知原因没有显示。我不确定缺少哪些信息。由于我提供了很多信息,因此我提供的信息尚不清楚。这些链接直观地显示了问题所在,并且能够查看生成的源代码。
  • 例如,为什么我不能使用 echo $this->Html->image('pic2.jpg', array(... 鉴于图像位于webroot/img 文件夹?
  • 仅仅说文件存储在“webroot img/js”中是不够的,因为我们不知道最终的公共路径结构。我的主要观点是,可以从链接网站收集的信息应该在您的问题中,因为这就是 StackOverflow 的工作方式,即使在可能的情况下,问题也应该是独立的和易于理解的外部链接不再起作用。

标签: javascript php jquery css cakephp


【解决方案1】:

原始(缺少?)答案令人困惑,因为它提到了不必要的文件路径,这是一个 cakephp 问题,因为 cakephp 要求以某种方式引用 css、js、图像文件。如果放置在 webroot 文件夹的文件夹中,则不需要包含文件的路径。 在每个 css 文件中,对图像路径的引用也需要更改

echo $this->Html->css(array('style')) ; echo $this->Html->css(array('magnific-popup'));

echo $this->Html->script(array('jquery.min','jquery.easing.min','jquery.mixitup.min'));

Html->image('logo.png', array('alt' => 'CakePHP')); ?>

这些更改后,网站现在一切正常。以前没有设置 css 文件图像路径,js 包含在路径中并且通过非 cakephp 方式。问题解决了!

成品在这里证明这是可行的 http://101.0.99.48/calm/users/calm

【讨论】:

  • 为什么这个问题被否决了,因为它证明了我的观点已经被提出并且结果是一个工作网站?这是个好问题
猜你喜欢
  • 2014-10-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-18
相关资源
最近更新 更多