文章添加功能登陆

文章添加功能

1,编写文章添加模板

新建ArticleAddHtml.php文件:

这里用到了百度的ueditor插件

具体用法:

通过官网访问:(http://ueditor.baidu.com),进入下载页面下载PHP版本的如图所示:

微信图片_20180306160555.png

下载好解压到项目根目录可以新建个umeditor文件夹,我的目录是这样的:

微信图片_20180306160758.png


载入代码如下所示:(ArticleAddHtml.php)

<?php
require './header.php';
header("Content-Type:text/html;charset=utf-8");
?>
<h1>后台文章管理页面</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>
    标题:<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>添加文章内容......</p>
        </script>
        </div>
    <input type="submit" value="提交">
    <input type="button" value="取消" onclick="{if(confirm('确定要取消添加文章吗?')){window.location.href='index.php';}return false;}">
</form>

展示如下:

微信图片_20180306161129.png

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;
    //获取文章标题
    $data['title']=isset($_POST['title'])?trim(htmlspecialchars($_POST['title'])):'';
    //获取作者
    $data['author']=isset($_POST['author'])?trim(htmlspecialchars($_POST['author'])):'';
    //获取文章内容
    $data['content']=isset($_POST['content'])?trim($_POST['content']):'';
    if(empty($data['cid'])||empty($data['title'])||empty($data['author'])){
        $error[]='文章分类,标题,作者不能为空!';
    }else{
        $sql="insert into cms_article(title,content,author,addtime,cid)values(:title,:content,:author,now(),:cid)";
        $db->data($data)->query($sql);
        //跳转到首页
        header("location:index.php");
    }
}
require './ArticleAddHtml.php';

3,效果展示:

gif5新文件 (4).gif

下一节
<?php echo "文章添加功能";
提交重置代码
章节评论笔记课件
  • 取消回复发送
  • 取消发布笔记发送