1、記事追加テンプレートを作成します

新しい ArticleAddHtml.php ファイルを作成します:

Baidu の ueditor プラグインがここで使用されます

具體的な使用方法:

公式 Web サイトからアクセス: (http://ueditor.baidu.com)、に示すように、ダウンロード ページにアクセスして PHP バージョンをダウンロードします。畫像:

プロジェクトのルート ディレクトリにダウンロードして解凍した後、新しい umeditor フォルダーを作成できます。私のディレクトリは次のとおりです:

読み込みコードは次のとおりです:(ArticleAddHtml.php)

<?php
require './header.php';
header("Content-Type:text/html;charset=utf-8");
?>
<h1>后臺(tái)文章管理頁(yè)面</h1>
<form method="post">
    文章分類:
    <select name="category">
        <?php foreach ($category as $v):?>
            <option value="<?php echo $v['id'];?>"><?php echo $v['name'];?></option>
        <?php endforeach;?>
    </select>
    <a href="category.php">分類管理</a><br>
    標(biāo)題:<input type="text" name="title"><br>
    作者:<input type="text" name="author">
    <div>
        <link href="./umeditor/themes/default/css/umeditor.min.css" rel="stylesheet">
        <script src="./umeditor/third-party/jquery.min.js"></script>
        <script src="./umeditor/umeditor.config.js"></script>
        <script src="./umeditor/umeditor.min.js"></script>
        <script src="./umeditor/lang/zh-cn/zh-cn.js"></script>
        <script>
            $(function () {
                UM.getEditor('myEditor');
            });
        </script>
        <script type="text/plain" id="myEditor" style="width: 1025px;height: 250px" name="content">
            <p>添加文章內(nèi)容......</p>
        </script>
        </div>
    <input type="submit" value="提交">
    <input type="button" value="取消" onclick="{if(confirm('確定要取消添加文章嗎?')){window.location.href='index.php';}return false;}">
</form>

読み込みコードは次のとおりです:

2、新しい ArticleAdd.php ファイルを作成します

フォームを取得してデータベースに送信します。 操作

を追加するコードは次のとおりです:

<?php
require './init.php';
$sql='select id,name from cms_category order by sort';
$category=$db->fetchAll($sql);
if (!empty($_POST)){
    //獲取文章分類
    $data['cid']=isset($_POST['category'])?abs(intval($_POST['category'])):0;
    //獲取文章標(biāo)題
    $data['title']=isset($_POST['title'])?trim(htmlspecialchars($_POST['title'])):'';
    //獲取作者
    $data['author']=isset($_POST['author'])?trim(htmlspecialchars($_POST['author'])):'';
    //獲取文章內(nèi)容
    $data['content']=isset($_POST['content'])?trim($_POST['content']):'';
    if(empty($data['cid'])||empty($data['title'])||empty($data['author'])){
        $error[]='文章分類,標(biāo)題,作者不能為空!';
    }else{
        $sql="insert into cms_article(title,content,author,addtime,cid)values(:title,:content,:author,now(),:cid)";
        $db->data($data)->query($sql);
        //跳轉(zhuǎn)到首頁(yè)
        header("location:index.php");
    }
}
require './ArticleAddHtml.php';

3、エフェクト表示: