Структура каталогов проекта PHP / HTML для CMS

Question

Моя веб-страница настроена правильно.Я только начинаю создавать раздел PHP, который позволит некоторые функции CMS.Структура моего рабочего пространства:

/workspace/website/index.html
/workspace/website/images
/workspace/website/admin/user_login.php

Теперь мой index.html правильно рисует все изображения.Однако мой user_login.php нет.У меня есть HTML, обернутый вокруг PHP-скриптов с этой ссылкой

    <a href="index.html"><img src="images/banner.png" height="100px" align="left" /></a>

Когда я помещаю user_login.php в корневой каталог, все выглядит нормально, но когда я помещаю его в папку для моего раздела администратора, ниHTML-материал обнаруживается.

Чего мне не хватает?Это действительно плохая форма для создания раздела CMS?Я пытаюсь разделить его как можно больше для организационных целей, но это моя первая работа по PHP / HTML, поэтому я не слишком знаком с правильной «формой».

Answer 1

Все, что вам нужно сделать, это изменить ссылки на изображения на абсолютные ссылки, добавив начальный слеш к пути:

<img src="/images/banner.png" height="100px" align="left" />

в тот момент, когда у вас есть относительные пути, поэтому браузер ищетизображение на /admin/images/banner.png, которое, очевидно, не работает.

Это хорошая привычка для любых внутренних ссылок или ссылок.

Answer 2

Относительные пути относительно вашего текущего местоположения. Разрушаются не только ваши изображения, но и любые ссылки или импорт, которые используют относительные ссылки.

Когда вы находитесь в admin / user_login.php, другими словами, браузер ищет

 <a href="admin/index.html"><img src="admin/images/banner.png" /></a>

Эту проблему можно обойти, настроив корневые относительные ссылки, то есть пути, основанные на веб-корне сайта.

 <a href="/index.html"><img src="/images/banner.png" /></a>

Answer 3

Добавьте / к URL-адресам ваших активов, чтобы загрузить их из корня. Если вы этого не сделаете, браузер попытается найти admin/images/banner.png.

Пример:

<img src="/images/banner.png" height="100px" align="left" />