Ajout d'actualités au site d'actualités sur le développement natif PHP

Dans la leçon précédente, nous avons complété la fonction de pagination de la liste des actualités, donc à partir de cette leçon, nous commencerons à compléter l'ajout, la suppression, la modification et la vérification des actualités. Maintenant que la vérification est terminée, l'étape suivante consiste à. supprimez, modifiez et ajoutez ! Aujourd’hui je vais principalement vous présenter comment l’ajouter !

De même, nous trouvons le modèle ajouté et sélectionnons la partie requise en fonction des champs du tableau de données que nous avons créé~Pour ajouter des nouvelles, nous utilisons le formulaire pour le soumettre, puis nous l'insérons dans la base de données

<form method="post" class="form-x" action="" enctype="multipart/form-data">
    <div class="form-group">
        <div class="label">
            <label>分类：</label>
        </div>
        <select name="category_id" style="padding:5px 15px; border:1px solid #ddd;">
                <option value="">-请选择-</option>
                <?php
                foreach( $arr_news_category as $val){
                    echo "<option value='{$val['id']}'>{$val['name']}</option>";
                }
                ?>
            </select>
        </select>
    </div>
    <div class="form-group">
        <div class="label">
            <label>标题：</label>
        </div>
        <div class="field">
            <input type="text" class="input w50" value="" name="title" data-validate="required:请输入标题" />
            <div class="tips"></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="form-group">
        <div class="label">
            <label>关键字：</label>
        </div>
        <div class="field">
            <input type="text" class="input" name="tag" value="" />
        </div>
    </div>

    <div class="form-group">
        <div class="label">
            <label>内容：</label>
        </div>
        <div class="field">
            <textarea name="content" class="input" id="content" style="height:450px; width: 98%; border:1px solid #ddd;"></textarea>
        </div>
    </div>
    <div class="form-group">
        <div class="label">
            <label>作者：</label>
        </div>
        <div class="field">
            <input type="text" class="input w50" name="author" value=""  />
            <div class="tips"></div>
        </div>
    </div>


    <div class="form-group">
        <div class="label">
            <label>图片：</label>
        </div>
        <div class="field">
            <input type="file" id="url1" name="pic" class="input tips" style="width:25%; float:left;"  value=""  
            data-toggle="hover" data-place="right" data-image="" />
            <input type="button" class="button bg-blue margin-left" id="image1" value="+ 浏览上传"  style="float:left;">
            <div class="tipss">图片尺寸：500*500</div>
        </div>
    </div>


    <div class="form-group">
        <div class="label">
            <label>发布时间：</label>
        </div>
        <div class="field">
            <script src="../js/laydate/laydate.js"></script>
            <input type="text" class="laydate-icon input w50" name="created_at" 
            onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" value=""  
            data-validate="required:日期不能为空" style="padding:10px!important; 
            height:auto!important;border:1px solid #ddd!important;" />
            <div class="tips"></div>
        </div>
    </div>

    <div class="form-group">
        <div class="label">
            <label></label>
        </div>
        <div class="field">
            <button class="button bg-main icon-check-square-o" type="submit"> 提交</button>
        </div>
    </div>
</form>

Dans le formulaire , nous utilisons post pour transmettre les données method="post "

action="" C'est ici que je le soumets à cette page, mais il est recommandé de créer une autre page de traitement

enctype="multipart/form. -data" Ceci est essentiel pour télécharger des images !

Contenu L'éditeur que nous utilisons ici est très simple. Vous pouvez en télécharger un en ligne, l'insérer dans votre projet, puis appeler et utiliser<textarea></textarea>

<div class="form-group">
        <div class="label">
            <label>内容：</label>
        </div>
        <div class="field">
            <textarea name="content" class="input" id="content" style="height:450px; width: 98%; border:1px solid #ddd;"></textarea>
        </div>
    </div>

La chose importante à propos de l'appel de l'éditeur est< script>Le code est le suivant :

<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});

</script>

Une fois le formulaire configuré, nous commençons à écrire la page de traitement php

Étape 1 : Connectez-vous à la base de données

<?php
// 连接mysql数据库
$link = mysqli_connect('localhost', 'root', 'root');
if (!$link) {
    echo "connect mysql error!";
    exit();
}
// 选中数据库 news为数据库的名字
$db_selected = mysqli_select_db($link, 'news');
if (!$db_selected) {
    echo "<br>selected db error!";
    exit();
}
// 设置mysql字符集 为 utf8
$link->query("set names utf8");
?>

Parce que nous devons télécharger des images ici. J'ai donc téléchargé et enregistré l'image et je l'ai traitée :

<?php
if(count($_FILES['pic']) > 0){
    // 检查文件类型
    if(  !in_array($_FILES['pic']['type'], array('image/jpeg','image/png', 'image/gif')) ){
        echo "只运行上传jpg或png图片， 文件类型不合法，不允许上传";
    }
    // 检查文件大小
    if ($_FILES['pic']['size'] > 5*1024*1024){
            echo "文件最大尺寸为5M，不允许上传.";
        }
    $file_ext= pathinfo($_FILES['pic']['name'], PATHINFO_EXTENSION); // 获取文件后缀名
    $tmp_file = $_FILES['pic']['tmp_name']; // 临时文件
    $dest_file = pathinfo($tmp_file, PATHINFO_FILENAME).".".$file_ext; // 保存的文件名
    //move_uploaded_file($tmp_file, "d:/wamp/www/upload/".$dest_file);  // 使用绝对地址保存图片
    move_uploaded_file($tmp_file, "../../upload/".$dest_file); // 使用绝对路径地址保存图片
    $avatar_path ="../../upload/".$dest_file; // 注意，保存的时候，设置从服务器的根目录开始
}
?>

Une fois l'image traitée, nous devons commencer à transmettre le formulaire et à insérer les données dans la base de données :

 <?php
 if ($_POST['created_at']){
        $current_time  = $_POST['created_at'];
    }else{
        $current_time = date("Y-m-d H:i:s");
    }
    $sql = "insert into new(category_id,title,content,tag,author,pic,created_at)
                    VALUES ('{$_POST['category_id']}',
                            '{$_POST['title']}',
                            '{$_POST['content']}',
                            '{$_POST['tag']}',
                            '{$_POST['author']}',
                            '{$avatar_path}',
                            '$current_time'                     
                            )";
    $result = mysqli_query($link,$sql);
    if($result){
        $url = "http://127.0.0.1/news/Admin/new/new_list.php";
        header("Location: $url");
        exit;
    }else{
        echo "添加新闻失败！";
        echo mysqli_error($link);
        exit;
    }
}
?>

Ici, nous avons encore une catégorie à choisir, donc nous aussi besoin d'interroger la table des catégories :

$sql  = "select * from new_category ";
$result = mysqli_query($link, $sql);
$arr_news_category = mysqli_fetch_all($result, MYSQL_ASSOC);

Ensuite, parcourez les catégories dans la zone de saisie des catégories

    <div class="form-group">
        <div class="label">
            <label>分类：</label>
        </div>
        <select name="category_id" style="padding:5px 15px; border:1px solid #ddd;">
                <option value="">-请选择-</option>
                <?php
                foreach( $arr_news_category as $val){
                    echo "<option value='{$val['id']}'>{$val['name']}</option>";
                }
                ?>
            </select>
    </div>

De cette façon, l'ajout de la fonction d'actualités est terminé !