PHP让内容动起来

上一节最后写文章，然后点“发表”，结果文章怎么不见了？

因为那是静态HTML网页，不能处理数据。这时候就需要开发PHP程序了。

修改“发表页”create_article.html的form（表单）的action属性值，改成./store_article.php。代码如下：

<h1>写文章</h1>
<form action="./store_article.php" method="post">

./表示本目录，所以需要到网站根目录里创建store_article.php，它收到表单提交的数据后，保存到哪里呢？最简单的方法：本地文件。代码如下：

<?php
$input = $_POST;
$file = './articles.json';
$data = [];
if (file_exists($file)) {
    $tmp = file_get_contents($file); //读取文件，变成字符串
    if(!empty($tmp)) {
        $data = json_decode($tmp, true); //json解码成array
    }
}
$data[] = $input;
file_put_contents($file, json_encode($data)); //把字符串保存到文件
echo '发表成功';

能看懂这些代码吗？如果看不懂，自学一下PHP语法，很简单（预计需要0.5天）。推荐教材：《PHP官方手册：第一个 PHP 页面》php.net/manual/zh/tutorial.firstpage.php

然后创建一个index.php作为首页，用来读取所有文章，并显示一段摘要，代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cmn-Hans" lang="cmn-Hans">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>在线阅读网</title>
    </head>
    <body>
        <h1>在线阅读网</h1>
        <div><a href="./create_article.html">写文章</a></div>
        <?php
        $file = './articles.json';
        if (file_exists($file)) {
            $tmp = file_get_contents($file);
            if (!empty($tmp)) {
                echo '<ul>';
                $data = json_decode($tmp, true);
                foreach($data as $k=>$v) {
                    $id = $k + 1;
                    echo '<li><a href="./show_article.php?id=' . $id . '">' . $v['title'] . '</a>';
                    echo '<p>' . mb_substr($v['content'], 0, 200, 'UTF-8') . '</p></li>';
                }
                echo '</ul>';
            }
        }
        ?>
    </body>
</html>

再创建一个show_article.php作为详情页，去显示单独的一篇文章，代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cmn-Hans" lang="cmn-Hans">
    <?php
    $input = $_GET;
    $id = $input['id'];
    $file = './articles.json';
    if (file_exists($file)) {
        $tmp = file_get_contents($file);
        if (!empty($tmp)) {
            $articles = json_decode($tmp, true);
            $article = $articles[$id-1];
        }
    }
    ?>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><?=$article['title']?> - 在线阅读网</title>
    </head>
    <body>
        <div><a href="./">回首页</a></div>
        <h1><?=$article['title']?></h1>
        <div>作者：<?=$article['author']?></div>
        <div><?=nl2br($article['content'])?>
        </div>
    </body>
</html>

本节代码下载：github.com/sinkcup/phbook/tree/0.2

开发完毕，在浏览器里访问，尝试录入一篇文章。如图：