PHP ネイティブ開発ニュース サイトにニュースを追加
前回のレッスンでニュース一覧のページング機能が完成しましたので、今回からはニュースの追加、削除、変更、チェックを完了させていきます。チェックが完了したので次は削除、編集、追加！今日は追加方法を中心に紹介していきます！
同様に、追加されたテンプレートを見つけ、作成したデータテーブルのフィールドに従って必要な部分を選択します~ニュースを追加するには、フォームフォームを使用して送信し、データベースに挿入します
<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>フォームでは、post を使用してデータを送信します。method="post"
action="" ここが送信先です。このページに送信しますが、別のページを作成することをお勧めします。処理ページ
enctype="multipart/ form-data" これは畫像をアップロードするために不可欠です。
コンテンツ ここで使用するエディタは非常にシンプルです。インターネットからダウンロードしてプロジェクトに配置し、<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>を呼び出して使用できます。
エディタを呼び出す最も重要なことは <script> コードは次のとおりです:
<script type="text/javascript">
//實例化編輯器
//建議使用工廠方法getEditor創(chuàng)建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實例
UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});
</script>フォームが設(shè)??定された後、php 処理ページの記述を開始します
最初のステップ: データベースに接続します
<?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");
?>ここに寫真をアップロードする必要があるためです。そこで、処理するために畫像をアップロードして保存しました:
<?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ù)器的根目錄開始
}
?>畫像が処理された後、フォームの送信とデータベースへのデータの挿入を開始する必要があります:
<?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;
}
}
?>ここにはまだカテゴリを選択するため、分類テーブルもクエリする必要があります。
$sql = "select * from new_category "; $result = mysqli_query($link, $sql); $arr_news_category = mysqli_fetch_all($result, MYSQL_ASSOC);
次に、カテゴリ入力ボックスで分類を繰り返します
<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>これで、ニュース機能の追加が完了しました。
