本篇實現發表博客。
八、發表博客
(1)、界面實現file.php
<tr> <td colSpan=3 valign="baseline" style="BACKGROUND-IMAGE: url( images/bg.jpg); VERTICAL-ALIGN: middle; HEIGHT: 450px; TEXT-ALIGN: center"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="451" align="center" valign="top"> <!-- 發表文章 --> <table width="640" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="613" height="223" align="center"><br> <span style="white-space:pre"> </span><table width="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <span style="white-space:pre"> </span> <form name="myform" method="post" action="check_file.php?flag=<?php echo $flag; if($flag){echo "&id=".$_GET['file_id'];}?>"> <span style="white-space:pre"> </span> <table width="630" border="1" cellpadding="3" cellspacing="1" bordercolor="#D6E7A5"> <tr> <td class="i_table" colspan="2"> <span class="tableBorder_LTR">加入博客文章</span></td> </tr> <tr> <td valign="top" align="right" width="14%">博客主題:<br></td> <td width="86%"><input name="txt_title" type="text" id="txt_title" size="68" value="<?php if($flag){echo $title;}?>"></td> </tr> <tr> <td align="right" width="14%">文字編輯區:</td> <td width="86%"> <img src=" images/UBB/B.gif" width="21" height="20" onClick="bold()"> <img src=" images/UBB/I.gif" width="21" height="20" onClick="italicize()"> <img src=" images/UBB/U.gif" width="21" height="20" onClick="underline()"> <span style="white-space:pre"> </span> 字體 <select name="font" class="wenbenkuang" id="font" onChange="showfont(this.options[this.selectedIndex].value)"> <option value="宋體" selected>宋體</option> <option value="黑體">黑體</option> <option value="隸書">隸書</option> <option value="楷體">楷體</option> </select> 字號<span class="pt9"> <select name=size class="wenbenkuang" onChange="showsize(this.options[this.selectedIndex].value)"> <option value=1>1</option> <option value=2>2</option> <option value=3 selected>3</option> <option value=4>4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> 顏色 <select onChange="showcolor(this.options[this.selectedIndex].value)" name="color" size="1" class="wenbenkuang" id="select"> <option selected>默認顏色</option> <option style="color:#FF0000" value="#FF0000">紅色熱情</option> <option style="color:#0000FF" value="#0000ff">藍色開朗</option> <option style="color:#ff00ff" value="#ff00ff">桃色浪漫</option> <option style="color:#009900" value="#009900">綠色青春</option> <option style="color:#009999" value="#009999">青色清爽</option> <option style="color:#990099" value="#990099">紫色拘謹</option> <option style="color:#990000" value="#990000">暗夜興奮</option> <option style="color:#000099" value="#000099">深藍憂郁</option> <option style="color:#999900" value="#999900">卡其制服</option> <option style="color:#ff9900" value="#ff9900">鎦金歲月</option> <option style="color:#0099ff" value="#0099ff">湖波盪漾</option> <option style="color:#9900ff" value="#9900ff">發亮藍紫</option> <option style="color:#ff0099" value="#ff0099">愛的暗示</option> <option style="color:#006600" value="#006600">墨綠深沉</option> <option style="color:#999999" value="#999999">煙雨蒙蒙</option> </select></span> </td> </tr> <tr> <td align="right" width="14%">文章內容:</td> <td width="86%"> <span style="white-space:pre"> </span> <div class="file"><span style="white-space:pre"> </span> <span style="white-space:pre"> </span><textarea name="file" cols="75" rows="20" id="file" style="border:0px;width:520px;"><?php if($flag){echo $content;}?></textarea> <span style="white-space:pre"> </span> </div> <span style="white-space:pre"> </span> </td> </tr> <tr align="center"> <td colspan="2"><input name="btn_tj" type="submit" id="btn_tj" value="提交" onClick="return check();"> <input name="btn_cx" type="reset" id="btn_cx" value="重寫"> </td> </tr> </table> <span style="white-space:pre"> </span></form> <span style="white-space:pre"> </span></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr>
編輯文章時各個選項使用js實現:UBBCode.js
helpstat = false; basic = false; function AddText(NewCode) { document.all("file").value+=NewCode } function showsize(size) { if (helpstat) { alert("文字大小標記\n設置文字大小.\n可變范圍 1 - 6.\n 1 為最小 6 為最大.\n使用方法: <size="+size+">這是 "+size+" 文字</size>"); } else if (basic) { AddTxt="<font size="+size+"></font>"; AddText(AddTxt); } else { txt=prompt("大小 "+size,"文字"); if (txt!=null) { AddTxt="<font size="+size+">"+txt; AddText(AddTxt); AddTxt="</font>"; AddText(AddTxt); } } } function bold() { if (helpstat) { alert("加粗標記\n使文本加粗.\n使用方法: <b>這是加粗的文字</b>"); } else if (basic) { AddTxt="<b></b>"; AddText(AddTxt); } else { txt=prompt("文字將被變粗.","請在這里輸入要加粗的文字!"); if (txt!=null) { AddTxt="<b>"+txt; AddText(AddTxt); AddTxt="</b>"; AddText(AddTxt); } } } function italicize() { if (helpstat) { alert("斜體標記\n使文本字體變為斜體.\n使用方法: <i>這是斜體字</i>"); } else if (basic) { AddTxt="<i></i>"; AddText(AddTxt); } else { txt=prompt("文字將變斜體","請在這里輸入要傾斜的文字!"); if (txt!=null) { AddTxt="<i>"+txt; AddText(AddTxt); AddTxt="</i>"; AddText(AddTxt); } } } function showcolor(color) { if (helpstat) { alert("顏色標記\n設置文本顏色. 不論什么顏色名都能夠被使用.\n使用方法: <color="+color+">顏色要改變為"+color+"的文字</color>"); } else if (basic) { AddTxt="<font color="+color+"></font>"; AddText(AddTxt); } else { txt=prompt("選擇的顏色是: "+color,"請在這里輸入要改變顏色的文字!"); if(txt!=null) { AddTxt="<font color="+color+">"+txt; AddText(AddTxt); AddTxt="</font>"; AddText(AddTxt); } } } function showfont(font) { if (helpstat){ alert("字體標記\n給文字設置字體.\n使用方法: <font="+font+">改變文字字體為"+font+"</font>"); } else if (basic) { AddTxt="<font face="+font+"></font>"; AddText(AddTxt); } else { txt=prompt("要設置字體的文字"+font,"請在這里輸入要改變字體的文字!"); if (txt!=null) { AddTxt="<font face="+font+">"+txt; AddText(AddTxt); AddTxt="</font>"; AddText(AddTxt); } } } function underline() { if (helpstat) { alert("下划線標記\n給文字加下划線.\n使用方法: <u>要加下划線的文字</u>"); } else if (basic) { AddTxt="<u></u>"; AddText(AddTxt); } else { txt=prompt("下划線文字.","文字"); if (txt!=null) { AddTxt="<u>"+txt; AddText(AddTxt); AddTxt="</u>"; AddText(AddTxt); } } }
(2)后台加入到數據庫實現check_file.php
<?php session_start(); require_once 'Conn/SqlHelper.class.php'; $flag = $_GET['flag']; if($flag!=2){ $txt_title = $_POST['txt_title']; $file = $_POST['file']; $author = $_SESSION['username']; $date = date("Y-m-d H:i:s"); } $sqlHelper = new SqlHelper(); if($flag==0){ $sql = "insert into tb_article(title,content,author,now)values('$txt_title','$file','$author','$date')"; } $res = $sqlHelper->execute_dml($sql); if($res==1){ echo "<script>alert('操作成功。');</script>"; echo "<script>window.location.href='myfiles.php';</script>"; }else{ echo "<script>alert('對不起失敗了!
');</script>"; echo "<script> history.go(-1);</script>"; } ?>