контроллер представления модели — проблемы CSS с пользовательским маршрутизатором

Я создаю собственный маршрутизатор для своего веб-приложения.
Я использую MVC.

Когда я, например, введите fab.app/portfolio все хорошо.
Но когда я печатаю fab.app/portfolio/ CSS, изображения и JS не отображаются.

Это потому, что пути меняются. В первом случае путь, по которому он ищет изображения, fab.app/images/(the_image) но во втором случае это fab.app/portfolio/images/(the_image),

Кроме того, в index.php у меня должна быть запись для URL с косой чертой и без нее в конце. Что мне не нравится. Я предпочел бы написать это без косой черты, и это должно работать с косой чертой.

Ниже вы можете найти маршрутизатор и index.php


index.php

<?php
require_once __DIR__ . '/../vendor/autoload.php';
require_once __DIR__ . '/../app/setup.php';

use Fab\Controllers;
use Fab\Router;

$router = new Router\Router();

$router->get('/', 'MainController', 'index');
$router->get('/portfolio', 'ItemsController', 'showAllItems');
$router->get('/portfolio/', 'ItemsController', 'showAllItems');
$router->get('/portfolio/[\w\d]+', 'ItemsController', 'single_item');
$router->get('/about', 'MainController', 'about');
$router->get('/contact', 'MainController', 'contact');
$router->get('/admin/dashboard', 'AdminController', 'index');
$router->get('/admin/dashboard/addItem', 'AdminController', 'addItem');
$router->get('/admin/dashboard/deleteItem', 'AdminController', 'deleteItem');
$router->get('/admin/dashboard/editItem', 'AdminController', 'editItem');
$router->get('/admin/dashboard/contactSupport', 'AdminController', 'contactSupport');

$router->post('/admin/addItem', 'AdminController', 'postAddItem');
$router->post('/admin/deleteItem', 'AdminController', 'postDeleteItem');
$router->post('/admin/editItem', 'AdminController', 'postEditItem');

//$router->get('/test', 'ItemsController', 'showAllItems');

////See inside $router
//echo "<pre>";
//print_r($router);

$router->submit();

router.php

<?php
/**
* Created by PhpStorm.
* User: antony
* Date: 5/30/16
* Time: 3:31 PM
*/
namespace Fab\Router;

class Router
{
private $_getUri = array();
private $_getController = array();
private $_getMethod = array();
private $_postUri = array();
private $_postController = array();
private $_postMethod = array();

public function __construct()
{
}

/**
* Build a collection of internal GET URLs to look for
* @param $uri - The url that the user types in the browser
* @param $controller - The controller that will handle the url
* @param $method - The method of the controller that will run
*/
public function get($uri, $controller, $method)
{
$this->_getUri[] = $uri;
$this->_getController[] = $controller;
$this->_getMethod[] = $method;
}

/**
* Build a collection of internal POST URLs to look for
* @param $uri - The url that the user types in the browser
* @param $controller - The controller that will handle the url
* @param $method - The method of the controller that will run
*/
public function post($uri, $controller, $method)
{
$this->_postUri[] = $uri;
$this->_postController[] = $controller;
$this->_postMethod[] = $method;
}

public function submit()
{
$found = 0;

if ($_SERVER['REQUEST_METHOD'] === 'GET') {

$path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH); //get the url

//Map URL to page
foreach ($this->_getUri as $key => $value)
{
if ( $found = preg_match("#^$value$#", $path) )
{
//                    echo $key . ' => ' . $value; //See what the $path returns

//Find parameter if passed
$parts = explode('/', $path);
count($parts) > 2 ? $parameter=$parts[2] : $parameter=null;

//Instantiate Controller
$controller = 'Fab\Controllers\\' . $this->_getController[$key];
$controller = new $controller($parameter);

//Call the appropriate method
$method = $this->_getMethod[$key];
$controller->$method();

break;
}
}

//Show 404 page
if ( $found == 0 )
{
//Instantiate Controller
$controller = 'Fab\Controllers\MainController';
$controller = new $controller();

//Call the appropriate method
$method = 'error404';
$controller->$method();

die();
}

} elseif ($_SERVER['REQUEST_METHOD'] === 'POST') {

$path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH); //get the url

foreach ($this->_postUri as $key => $value)
{
if ( $found = preg_match("#^$value$#", $path))
{
//                    echo $key . ' => ' . $value; //See what the $path returns

//Find parameter if passed
$parts = explode('/', $path);
count($parts) > 2 ? $parameter=$parts[2] : $parameter=null;

//Instantiate Controller
$controller = 'Fab\Controllers\\' . $this->_postController[$key];
$controller = new $controller($parameter);

//Call the appropriate method
$method = $this->_postMethod[$key];
$controller->$method();

break;
}
}

//Show 404 page
if ( $found == 0 )
{
//Instantiate Controller
$controller = 'Fab\Controllers\MainController';
$controller = new $controller();

//Call the appropriate method
$method = 'error404';
$controller->$method();

die();
}
}

}

}

.Htaccess

<IfModule mod_rewrite.c>
<IfModule mod_negotiation.c>
Options -MultiViews
</IfModule>

RewriteEngine On

# Redirect Trailing Slashes If Not A Folder...
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)/$ /$1 [L,R=301]

# Handle Front Controller...
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]

# Handle Authorization Header
RewriteCond %{HTTP:Authorization} .
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

AddType 'text/css; charset=UTF-8' css

</IfModule>

Пример вызова CSS (но также изображения и JS) в HTML

<link href="/css/my-admin-custom.css" rel="stylesheet">

——————————————————————-

Для ясности, вот как я решил проблему (за ответ @ Max13).
Это идет в Router.php:

        /**
* If last char in URL is '/' redirect without it
* and also check if url is root '/' because this would result
* in infinite loop
*/
if ( ($path[strlen($path)-1] === '/') && !($path === '/') ) { //
$newPath = substr($path, 0, -1);
header("Location: $newPath", true, 302);
exit;
}

1

Решение

С косой чертой и без нее косая черта не означает один и тот же уровень каталогов, поэтому я не думаю, что было бы хорошей идеей «принять» и то и другое на вашем маршрутизаторе.

Итак, хорошим решением ИМХО будет: во время ваших проверок, если path заканчивается на «/», затем отправьте 302 Found заголовок без косой черты.

редактировать

См. (Для перенаправлений заголовка и перенаправления мета-тега, оба часто используются одновременно): https://www.arclab.com/en/websitelinkanalyzer/http-and-meta-redirects.html

1

Другие решения

Других решений пока нет …