【正文】 借助于 Ajax，可以在用戶單擊按鈕時(shí)，使用 JavaScript 和 DHTML立即更新 UI，并向服務(wù)器發(fā)出異步請(qǐng)求，以執(zhí)行更新或查詢數(shù)據(jù)庫。這兩方面的控制都需要 SESSION 的配合，下面要解釋的就是 SESSION 的應(yīng)用及常見的問題處理。 其中還有一個(gè)小東西，就是密碼是要通過 md5 加密的，數(shù)據(jù)庫是不存儲(chǔ)明文的密碼的，其方法就是通過 php 中內(nèi)置的函數(shù)： MD5()來實(shí)現(xiàn)。 }else{ messge=font color=red+msg+/font。){ messge=font color=green恭喜您，該用戶名可以使用 !/font。?name=39。){ var name=$(39。 } chkreg()。 ame1 = 39。).innerHTML = 39。regname39。 無論是登入或是注冊(cè)頁面，都符合如上的美化規(guī)則，能讓人看了賞心悅目，看得舒服。 （ 2） 布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。 技術(shù)方面，也是采 用了 SQL 插入技術(shù)，先收集文章的信息：標(biāo)題、內(nèi)容、類型、使用的圖片，然后通過 post 發(fā)送到本機(jī)服務(wù)器，服務(wù)器經(jīng)過處理后，把收到的信息放入sql查詢字符串，再通過 SQL 插入語句插入到 db_artcle 表中，并初始化 hitnum 等幾個(gè)字段為 0。 $conneclose_rst()。 order by id desc 。其語法格式如下： Select * from (表名 ) order by （字段名） asc/desc 查詢記錄總數(shù) 查記錄總數(shù)就是將數(shù)據(jù)庫中的記錄總數(shù)查詢出來。 不幸地是，存在著很多不同版本的 SQL 語言，但是為了與 ANSI 標(biāo)準(zhǔn)相兼容，它們必須以相似的方式共同地來支持一些主要的關(guān)鍵詞（比如 SELECT、 UPDATE、DELETE、 INSERT、 WHERE 等等）。其運(yùn)行效果如下圖所示： 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 15 頁 共 43 頁 15 圖 個(gè)人首頁效果 我的文章 頁面概述 進(jìn)入博客個(gè)人空間，或者單擊博客個(gè)人空間的“我的文章”超鏈接，將在內(nèi)容顯示區(qū)顯示博客中已存在的文章的簡(jiǎn)要信息列表，即 文件，包含文章標(biāo)題、發(fā)布時(shí)間、部分文章內(nèi)容和一個(gè)閱讀全文的超鏈接，如圖所示： 單擊“閱讀全文“超鏈接，打開 頁，該頁將顯示要查看的文章的全文和評(píng)論。 ? /div div ?php include_once 39。 所謂的文件包含技術(shù)，就是將所有的副頁面以包含文件的方式引用如個(gè)人首頁中，這就實(shí)現(xiàn)了功能分離，這非常有助于開發(fā)，能讓開發(fā)速度加快，并且這種方式的代碼耦合度降低，能有效地提高系統(tǒng)的穩(wěn)定性，和改善系統(tǒng)的更新難度，如果要改進(jìn)一個(gè)功能，不必改變整個(gè)代碼文件，只要找到相 應(yīng)的功能模塊所對(duì)應(yīng)的的代碼文件，修改一個(gè)新版本后，就可以直接替換掉原來的版本，而不影響其他模塊的運(yùn)作。注意： div+css 結(jié)構(gòu)清晰、精簡(jiǎn)，不意味著可以全部用 div+css 結(jié)構(gòu)，比如通篇 HTML 標(biāo)簽全 DIV 的，貌似除了 head之上及 body之上及之外，其它全是 div，就如同整個(gè) HTML 是一萬個(gè)毫不相干的內(nèi)容拼裝起來，或者通篇是 divulli結(jié)構(gòu)的，就如同這個(gè)頁面所有元素全是列表。主要說明的是頁面模塊的布局和設(shè)計(jì)時(shí)考慮的因素，以便達(dá)到最好的說明目的， 3個(gè)模塊分別是：首頁版塊、個(gè)人首頁、個(gè)人博客管理界面。 return $thisrowsNum。 while($row = mysqli_fetch_array($thisresult,MYSQLI_ASSOC)) { $thisrowsArray[] = $row。){ $thisinit_conn()。) $thisdBase = $dBase。 if($name != 39。39。 //返回結(jié)果 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 10 頁 共 43 頁 10 private $fields。 //登錄密碼 private $dBase = 39。其存儲(chǔ)于 文件中。 ? 預(yù)準(zhǔn)備語句：預(yù)準(zhǔn)備語句可提高重復(fù)使用的語句的性能， mysqli擴(kuò)展提供了對(duì)預(yù)準(zhǔn)備語句的支持。本模塊使用了 mysqli擴(kuò)展存儲(chǔ)數(shù)據(jù)。 通過 需求分析和功能上的設(shè)計(jì)，本系統(tǒng)規(guī)劃出用戶信息實(shí)體、上傳圖片實(shí)體、朋友圈實(shí)體、文章實(shí)體和留言實(shí)體。 系統(tǒng)功能預(yù)覽 系統(tǒng)運(yùn)行如下圖 所示： 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 4 頁 共 43 頁 4 圖 首頁網(wǎng)頁效果 2 數(shù)據(jù)庫設(shè)計(jì) 數(shù)據(jù)庫概念設(shè)計(jì) MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典 MySQLAB 公司，在 20xx年 1 月 16 號(hào)被 Sun 公司收購。 管理相冊(cè)包括添加 相冊(cè)和刪除相冊(cè)。 系統(tǒng)功能結(jié)構(gòu) 妙之博客管理系統(tǒng)的功能結(jié)構(gòu)如下描述： 后臺(tái)管理包含好友管理、留言管理、小紙條、個(gè)人管理、文章管理以及相冊(cè)管理。 ? 支持好友功能。通過網(wǎng)絡(luò)的開放性和交互性的特色，讓用 戶在任何時(shí)間、任何地點(diǎn)，通過網(wǎng)絡(luò)方便地“生活”，這不僅僅是信息的傳遞與獲取，還可以進(jìn)行群體交流和資源共享，展示自我，為個(gè)人發(fā)展帶來新的機(jī)遇。 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 2 頁 共 43 頁 2 1 開發(fā)概述 開發(fā)背景 博客管理系統(tǒng)給人們提供表達(dá)個(gè)人情感、提供一個(gè)人與人之間進(jìn)行良好溝通的平臺(tái)。這方面，網(wǎng)易，新浪，搜狐博客都有大量活躍的人在每天更新博客。在技術(shù)博客這方面，有名的網(wǎng)站很多，最突出的就是兩個(gè)，一個(gè)是中國(guó)最大的 IT 網(wǎng)站， CSDN 的博客園，另一個(gè)是專注于技術(shù)博客的博客園。 AJAX in use and how to embed a web page, as well as the effect of after use。 說明論文首先概述了現(xiàn)今網(wǎng)頁博客的開發(fā)背景，社會(huì)應(yīng)用情況。本人完全意識(shí)到本聲明的法律后果由本人承擔(dān)。 1 畢業(yè)設(shè)計(jì)說明書 題 目 ： 基于 PHP 和 AJAX 的 博客系統(tǒng)設(shè)計(jì) 題目類型 ： ?理論研究 ?實(shí)驗(yàn)研究 ?工程設(shè)計(jì) ?工程技術(shù)研究 ?軟件開發(fā) 2 畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明和使用授權(quán)說明 原創(chuàng)性聲明 本人鄭重承諾：所呈交的畢業(yè)設(shè)計(jì)（論文），是我個(gè)人在指導(dǎo)教師的指導(dǎo)下進(jìn)行的研究工作及取得的成果。 作者簽名： 日期： 年 月 日 學(xué)位論文版權(quán)使用授權(quán)書 本學(xué)位論文作者完全了解學(xué)校有關(guān)保留、使用學(xué)位論文的規(guī)定，同意學(xué)校保留并向國(guó)家有關(guān)部門或機(jī)構(gòu)送交論文的復(fù)印件和電子版，允許論文被查閱和借閱。然后說明本博客系統(tǒng)的組織結(jié)構(gòu)，包括 MYSQL 數(shù)據(jù)庫設(shè)計(jì)，其中的表的設(shè)計(jì)說明；網(wǎng)頁后臺(tái) PHP 代碼的組織結(jié)構(gòu)，重點(diǎn)介紹鏈接數(shù)據(jù)庫和處理數(shù)據(jù)的代碼； APACHE 服務(wù)器的使用和配置；AJAX 的使用方式與如何嵌入網(wǎng)頁中，以及使用后的效果；網(wǎng)頁前端設(shè)計(jì)，如何設(shè)計(jì)出簡(jiǎn)潔美觀的首頁界面和方便快捷的使用方式；還涉及到 JAVASCRIPT， JQUERY 腳本語言的使用。 web frontend design, how to design a simple and beautiful interface and convenient home use。這兩個(gè) Blog 網(wǎng)站，每天都有成百上千 的專業(yè)博文發(fā)布，非常熱鬧。比如方舟子，就經(jīng)常在網(wǎng)易博客上打假，也是一家之言。博客以真實(shí)，現(xiàn)實(shí)的內(nèi)容，通過網(wǎng)頁平臺(tái)，與人交互，記錄下工作、生活、學(xué)習(xí)、娛樂的點(diǎn)點(diǎn)滴滴，以及通過發(fā)表評(píng)論，可以與他人交互。 本博客系統(tǒng)名為“妙之博客”，通過調(diào)查分析，要求本系統(tǒng)要具有一下功能： ? 要求系統(tǒng)采用 B/S 架構(gòu)，實(shí)現(xiàn)人機(jī)交互。 ? 系統(tǒng)運(yùn)行穩(wěn)定，可靠 系統(tǒng)目標(biāo) 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 3 頁 共 43 頁 3 該系統(tǒng)主要實(shí)現(xiàn)如下目標(biāo)除需求分析的要求外，還需要： 系統(tǒng)采用 B/S 架構(gòu)，即瀏覽器 /服務(wù)器架構(gòu)，實(shí)現(xiàn)人機(jī)交互。 好友管理包括添加好友、查看好友、刪除好友、發(fā)送小紙條、確認(rèn)添加、進(jìn)入空間。 妙之博客的后臺(tái)管理包括如下功能： 后臺(tái)管理包括用戶管理、文章管理、相冊(cè)管理、管理員管理、系統(tǒng)日志、數(shù)據(jù)備份。 MySQL 被廣泛地應(yīng)用在 Inter 上的中小型網(wǎng)站中。 用戶信息實(shí)體包括注冊(cè)用戶的詳細(xì)個(gè)人信息，如果想在本系統(tǒng)中發(fā)表文章、上傳圖片等操作，則必須先進(jìn)行注冊(cè)。 Mysqli 擴(kuò)展使得用戶可以利用 及其更高版本的新功能，與 MYSQL 擴(kuò)展相比， Mysqli 擴(kuò)展在以下方面有力明顯的提高。 ? 調(diào)試功能： mysqli擴(kuò)展進(jìn)一步改進(jìn)了調(diào)試功能，提高了開發(fā)效率。例如：定義私有屬性，如主機(jī)名、用戶名、用戶密碼、數(shù)據(jù)庫名等。db_blog39。 //返回字段 private $fieldsNum = 0。,$pwd=39。39。 $thisinit_conn()。 } $thisresult = mysqli_query($thisconn,$sql)。 } return $thisrowsArray。 } //獲取對(duì)應(yīng)的字段值 function getFields($sql,$fields){ $thismysqli_query_rst($sql)。 首頁版塊概述： 首先來看看首頁版塊，博客首頁是應(yīng)用經(jīng)典的三欄布局，左邊的是推薦的文章和推薦的博客，是否推薦決定于文章或博客的點(diǎn)擊數(shù)，點(diǎn)擊數(shù)會(huì)轉(zhuǎn)化為推薦系數(shù)，但點(diǎn)擊率高的博客或文章，不一定會(huì)出現(xiàn)在推薦榜單中，這個(gè)要后臺(tái)管理人員的推薦。事實(shí)上這兩種情況還相當(dāng)普遍，因?yàn)榍饬恕?DIV+CSS”的真實(shí)含義，也許根本就不應(yīng)該有這個(gè)說法，因?yàn)橐粋€(gè)完整頁面幾乎不可能僅僅 DIV+CSS 就能完成。 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 14 頁 共 43 頁 14 所以，其實(shí)個(gè)人首頁沒什么特殊的功能和重要的東西，只不過是由一些包含文件（在這里可以說是調(diào)用文件）的方式拼湊在一起的。39。同時(shí)，還顯示相關(guān)的一些操作，如引用文章和發(fā)表評(píng)論。 可以把 SQL 分為兩個(gè)部分：數(shù)據(jù)操作語言 (DML) 和 數(shù)據(jù)定義語言 (DDL)。查詢記錄使用的關(guān)鍵字是 count和 as。 $totnum = $connegetRowsNum($sql)。 以超級(jí)鏈接中傳遞的文章 ID 為條件，執(zhí)行查詢操作，查詢的結(jié)果就是關(guān)于這條記錄的詳細(xì)信息，即是文章的詳細(xì)內(nèi)容。 其運(yùn)行結(jié)果如圖 所示： 桂林電子科技大學(xué)畢業(yè)設(shè)計(jì)報(bào)告（論文）用紙 第 19 頁 共 43 頁 19 圖 添加文章版塊 注冊(cè)登入版塊后臺(tái) 注冊(cè)、登入版塊是游客成為普通用戶的入口，決定了博客系統(tǒng)的用戶數(shù)目，好用的，美觀，直白，簡(jiǎn)潔的注冊(cè)登入界面，可以讓用戶在 2 分鐘內(nèi)完成注冊(cè)， 1 分鐘內(nèi)完成登入，對(duì)用戶的體驗(yàn)度有重大影響。 （ 3） 按鈕大小基本相近，忌用太長(zhǎng)的名稱，免得占用過 多的界面位置。 在這個(gè)網(wǎng)絡(luò)爆炸的時(shí)代，安全性是重中之重，網(wǎng)站的安全性是重中之重，前幾年CSDN 的全部用戶資料被盜，所以的賬戶名，密碼都被公布到網(wǎng)上，損失難以估計(jì)，這個(gè)事件到現(xiàn)在還是歷歷在目，可網(wǎng)頁安全性的突破點(diǎn)，往往都在注冊(cè)或登入界面，因?yàn)?協(xié)議本身不會(huì)對(duì)用戶輸入的數(shù)據(jù)進(jìn)行篩選判斷，而 SQL 語言本身是逐行執(zhí)行的語言，而不是預(yù)編譯的語言，這就導(dǎo)致了黑客們可以在登入或注冊(cè)框上輸入精心設(shè)計(jì)的SQL 語句，從而達(dá)到繞過判斷登入的語句目的，這就是著名的 SQL 注入，這個(gè)破解網(wǎng)站方式，已經(jīng)使成千上萬的網(wǎng)站被黑過，黑客中的佼佼者，比如 著名的朔雪，寒光破解軟件的作者小溶，就曾經(jīng)創(chuàng)造過日破白站的記錄。).value。font color=red必須以字母或下劃線開頭/font39。39。 } 以上是 js 代碼，用處就是在用戶點(diǎn)擊按鈕時(shí)觸發(fā)這個(gè)判斷事件，從而達(dá)到檢查用戶名的目的，上面只是檢查用戶名是否是字母或者是下劃線，注冊(cè)名稱是否大于 3 位，如果不是，會(huì)給用戶一個(gè)提示。regname39。+name,true)。 ame2 = 39。 ame2 = 39。當(dāng)用戶登入時(shí)，也是先把用戶輸入的密碼先轉(zhuǎn)為 MD5 加密后的密碼再于數(shù)據(jù)庫中的密碼相比對(duì)，如果成功，才能正常登入。 SESSION 的中文譯名為“會(huì)話”，是指用戶從進(jìn)入網(wǎng)站開始，直到關(guān)閉網(wǎng)站這段時(shí)間內(nèi)，所有網(wǎng)頁共同使用的公共變量的存儲(chǔ)機(jī)制。