在之前我们的项目能够显示所有的 todo 清单。接下来我们要添加更多的页面,为此我们需要考虑其它页面的请求如何更好的处理,这里我们就来通过实现一个简单的路由来处理不同页面的显示。
首先,我看看之前的项目目录下文件层次结构:
目录结构开始实践
新建一些文件,调整一下目录结构,如下:
调整后的目录结构接下来,我们看看明细:
根目录下 index.php
文件:
// index.php
<?php
$database = require 'core/bootstrap.php';
require Router::load('routes.php')
->direct(Request::uri());
我们需要了解 bootstrap.php
有什么变化:
<?php
$app = [];
$app['config'] = require 'config.php';
require 'core/Router.php';
require 'core/Request.php';
require 'core/database/Connection.php';
require 'core/database/QueryBuilder.php';
$app['database'] = new QueryBuilder(
Connection::make($app['config']['database'])
);
这里,定义了一个运行时变量 $app
启动时作为容器装载程序所依赖的内容,很明显这里将 database
以及 config
装载到了 $app
中。
接下来一些新的新加入的代码:
// core/Router.php
<?php
class Router
{
protected $routes = [];
public static function load($file)
{
$router = new static;
require $file;
return $router;
}
public function define($routes)
{
$this->routes = $routes;
}
public function direct($uri)
{
if (array_key_exists($uri, $this->routes)) {
return $this->routes[$uri];
}
throw new Exception('No route defined for this URI.');
}
}
定义了一个 Router 类,其中 load
方法用于加载路由文件,define
方法则是定义路由信息,direct
则是根据 uri
路径提取路由地址(请求最终的指向)。
接下来看看 Request.php
的内容:
<?php
class Request
{
public static function uri()
{
return trim($_SERVER['REQUEST_URI'], '/');
}
}
Request
类提供了一个方法,用于从 url 中提取 uri 路径页面。
比如 http://localhost:8000/about/culture
的 REQUEST_URI
为 /about/culture
$_SERVER — 服务器和执行环境信息。了解更多
再来看看我们的路由信息是怎么定义的:
// routes.php
<?php
$router->define([
'' => 'controllers/index.php',
'about' => 'controllers/about.php',
'about/culture' => 'controllers/about-culture.php',
'contact-our-company' => 'controllers/contact.php'
]);
路由文件中定义了 uri
所指向的 controllers
目录下特定的文件,请求会根据这个指向执行相应的程序文件。
其中 /controllers/index.php
的内容如下:
// controllers/index.php
<?php
// 读取数据
$tasks = $app['database']->selectAll('todos');
// 呈现页面
require "views/index.view.php";
显示页面 views.index.view.php
:
// views/index.view.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<nav>
<ul>
<li><a href="/about">About Page</a></li>
<li><a href="/contact-our-company">Contact Page</a></li>
</ul>
</nav>
<h1>My Tasks</h1>
<ul>
<?php foreach ($tasks as $task) : ?>
<li>
<?php if ($task->completed) : ?>
<strike><?= $task->description; ?></strike>
<?php else: ?>
<?= $task->description; ?>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
</body>
</html>
可以看到页面中导航链接 About Page
和 Contact Page
所链接的址已经在路由文件 routes.php
中定义。
让我们看看 About Page
相关的页面 controllers/about.php
和 views/about.view.php
的内容:
// controllers/about.php
<?php
require 'views/about.view.php';
// views/about.view.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>About Us</h1>
</body>
</html>
一个请求通过路由执行到 controllers/about.php
页面,渲染相应的视图 views/about.view.php
,就这么回事。
而 Contact Page
和 About Page
的内容是类似的。
总体来说,通过这个小实践我们定义了一个简单的路由,将不同的页面请求指向到相应的控制器脚本,同时保证了程序的层次结构(业务逻辑和内容展示分离) 清晰。
网友评论