Dalam pelajaran sebelumnya, kami telah melengkapkan fungsi paging senarai berita, jadi bermula dari pelajaran ini kami akan mula menyelesaikan penambahan, pemadaman, pengubahsuaian dan penyemakan berita Sekarang setelah semakan telah selesai, langkah seterusnya ialah padam, edit dan tambah! Hari ini saya terutamanya akan memperkenalkan kepada anda cara menambahnya!

Begitu juga, kami mencari templat tambahan dan pilih bahagian yang diperlukan berdasarkan medan dalam jadual data yang kami buat~Untuk menambah berita, kami menggunakan borang borang untuk dihantar dan kemudian memasukkannya ke dalam pangkalan data

<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>關(guān)鍵字：</label>
        </div>
        <div class="field">
            <input type="text" class="input" name="tag" value="" />
        </div>
    </div>

    <div class="form-group">
        <div class="label">
            <label>內(nèi)容：</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>發(fā)布時間：</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>

Dalam borang borang , kami menggunakan pos untuk menghantar data method="post "

action="" Di sinilah saya menghantarnya ke halaman ini, tetapi anda disyorkan untuk membuat halaman pemprosesan lain

enctype="multipart/form. -data" Ini penting untuk memuat naik imej!

Kandungan Editor yang kami gunakan di sini adalah sangat mudah Anda boleh memuat turun satu dalam talian, memasukkannya ke dalam projek anda, dan kemudian memanggil dan menggunakan<textarea></textarea>

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

Perkara penting tentang memanggil editor ialah< ; skrip>Kodnya adalah seperti berikut:

<script type="text/javascript">
    //實例化編輯器
    //建議使用工廠方法getEditor創(chuàng)建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實例
    UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});

</script>

Selepas borang disediakan, kami mula menulis halaman pemprosesan php

Langkah 1: Sambung ke pangkalan data

<?php
// 連接mysql數(shù)據(jù)庫
$link = mysqli_connect('localhost', 'root', 'root');
if (!$link) {
    echo "connect mysql error!";
    exit();
}
// 選中數(shù)據(jù)庫 news為數(shù)據(jù)庫的名字
$db_selected = mysqli_select_db($link, 'news');
if (!$db_selected) {
    echo "<br>selected db error!";
    exit();
}
// 設(shè)置mysql字符集 為 utf8
$link->query("set names utf8");
?>

Sebab kami perlu memuat naik imej di sini. Jadi saya memuat naik dan menyimpan imej dan memprosesnya:

<?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; // 注意，保存的時候，設(shè)置從服務(wù)器的根目錄開始
}
?>

Selepas imej diproses, kita perlu mula menghantar borang dan memasukkan data ke dalam pangkalan data:

 <?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;
    }
}
?>

Di sini kita masih mempunyai kategori untuk dipilih, jadi kita juga perlu menanyakan jadual kategori:

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

Kemudian kitar keluar kategori dalam kotak input kategori

    <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>

Dengan cara ini, menambah fungsi berita selesai!