【正文】 雖然 Ajax 所需的基礎(chǔ)架構(gòu)已經(jīng)出現(xiàn)了一段時間，但直到最近異步請求的真正威力才得到利用。當(dāng)請求返回時，就可以使用 JavaScript 和 CSS 來相應(yīng)地更新 UI，而不是刷新整個頁面。 Ajax 提供與服務(wù)器異步通信的能力，從而使用戶從請求 /響應(yīng)的循環(huán)中解脫出來。 其運行結(jié)果如圖 所示： 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 25 頁 共 43 頁 25 圖 個人管理版塊 5 AJAX 使用與嵌入 AJAX 介紹 術(shù)語 Ajax 用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 PHP 主要通過會話處理函數(shù)來對 SESSION 進行控制和使用的。 SESSION 的中文譯名為“會話”，是指用戶從進入網(wǎng)站開始，直到關(guān)閉網(wǎng)站這段時間內(nèi)，所有網(wǎng)頁共同使用的公共變量的存儲機制。 文章管理模塊主要用到如下技術(shù)： 會話處理技術(shù) 想要使用文章管理模塊，前提是用戶必須登錄，匿名的用戶是無法訪問這個頁面模塊的，想要刪除文章和評論，前提是登入者是管理員或者是文章的擁有者，否則不會顯示刪除功能。每一個系統(tǒng)，都會有用戶管理版塊，用戶可以在這里管理平臺上的所有操作， 首先是文章管理模塊，博客系統(tǒng)的命脈就是文章管理，好的文章管理會讓用戶體驗度提高，反之，會讓用戶體驗度下降，最終造成客戶的流失。 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 24 頁 共 43 頁 24 將數(shù)據(jù)（如一段文字）運算變?yōu)榱硪还潭ㄩL度值，是散列算法的基礎(chǔ)原理， MD5的前身有 MD MD3 和 MD4。當(dāng)用戶登入時，也是先把用戶輸入的密碼先轉(zhuǎn)為 MD5 加密后的密碼再于數(shù)據(jù)庫中的密碼相比對，如果成功，才能正常登入。如果密碼沒錯誤，注冊就可用，用戶點擊注冊就會把用戶輸入的數(shù)據(jù)以 ajax 的方式發(fā)送到數(shù)據(jù)庫插入。 chkreg()。 } (namediv).innerHTML=messge 。 ame2 = 39。39。){ messge=font color=red用戶名被占用！ /font。 }else if(msg == 39。 ame2 = 39。139。 var messge=。amp。+name,true)。,39。 (39。 var xml = false。regname39。yes39。regname39。插入成功后，會返回 1。 } 以上是 js 代碼，用處就是在用戶點擊按鈕時觸發(fā)這個判斷事件，從而達到檢查用戶名的目的，上面只是檢查用戶名是否是字母或者是下劃線，注冊名稱是否大于 3 位，如果不是，會給用戶一個提示。yes39。font color=green注冊名稱符合標(biāo)準(zhǔn) /font39。namediv39。39。font color=red注冊名稱必須大于 3位/font39。namediv39。39。font color=red必須以字母或下劃線開頭/font39。namediv39。39。39。).value。).onkeyup = function (){ name = $(39。其代碼如代碼 所示： 代碼 驗證用戶名 //驗證用戶名 $(39。 系統(tǒng)運行注冊界面如圖 所示： 圖 簡捷版的注冊界面 本系統(tǒng)采用用戶輸入字符串檢查、數(shù)據(jù)庫加密、設(shè)置驗證碼等方式來加強安全性，登入界面，用戶輸入的字符串如果不符合規(guī)則，系統(tǒng)會有個提示，必須輸入正確的 賬號、密碼格式才能繼續(xù)登入，登入界面有驗證碼。 在這個網(wǎng)絡(luò)爆炸的時代，安全性是重中之重，網(wǎng)站的安全性是重中之重，前幾年CSDN 的全部用戶資料被盜，所以的賬戶名，密碼都被公布到網(wǎng)上，損失難以估計，這個事件到現(xiàn)在還是歷歷在目，可網(wǎng)頁安全性的突破點，往往都在注冊或登入界面，因為 協(xié)議本身不會對用戶輸入的數(shù)據(jù)進行篩選判斷，而 SQL 語言本身是逐行執(zhí)行的語言，而不是預(yù)編譯的語言，這就導(dǎo)致了黑客們可以在登入或注冊框上輸入精心設(shè)計的SQL 語句，從而達到繞過判斷登入的語句目的，這就是著名的 SQL 注入，這個破解網(wǎng)站方式，已經(jīng)使成千上萬的網(wǎng)站被黑過，黑客中的佼佼者，比如 著名的朔雪，寒光破解軟件的作者小溶，就曾經(jīng)創(chuàng)造過日破白站的記錄。常用色考慮使用 Windows 界面色調(diào)。 （ 7）字體的大小要與界面的大小比例協(xié)調(diào)，通常使用的字體中宋體 912 較為美觀，很少使用超過 12 號的字體。 （ 5） 避免空曠的界面上放置很大的按鈕。 （ 3） 按鈕大小基本相近，忌用太長的名稱，免得占用過 多的界面位置。 所以說，美觀性很重要，提高美觀性有很多方法，如 （ 1） 長寬接近黃金點比例，切忌長寬比例失調(diào)、或?qū)挾瘸^長度。同時界面如同人的面孔，具有吸引用戶的直接特點 。 界面是所以軟件或系統(tǒng) 與用戶交互的最直接的層面，界面的好壞決定用戶 或者游客對軟件的第一印象。 其運行結(jié)果如圖 所示： 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 19 頁 共 43 頁 19 圖 添加文章版塊 注冊登入版塊后臺 注冊、登入版塊是游客成為普通用戶的入口，決定了博客系統(tǒng)的用戶數(shù)目，好用的，美觀，直白，簡潔的注冊登入界面，可以讓用戶在 2 分鐘內(nèi)完成注冊， 1 分鐘內(nèi)完成登入，對用戶的體驗度有重大影響。 文章博客的發(fā)表本著簡單，易用的設(shè)計原則，無任何花俏不實用的東西，讓人方便使用。 可以選擇文章的類型，甚至可以創(chuàng)建獨有的文章分類。 文章字體的顏色可以隨用戶的喜好改變，一共支持包括紅，藍，黃，橙等 10 余種等常見顏色。 以超級鏈接中傳遞的文章 ID 為條件，執(zhí)行查詢操作，查詢的結(jié)果就是關(guān)于這條記錄的詳細信息，即是文章的詳細內(nèi)容。 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 18 頁 共 43 頁 18 $artarr=$connegetRowArray($showartsql)。 $conneclose_rst()。 //頁數(shù) $tmpsql = $sql. limit .($num *($curpage1)).,.$num。 $totnum = $connegetRowsNum($sql)。].39。.$_GET[39。其語法如下 Select * from (表名 ) where (字段 )=(條件 ) 下面講解這些 SQL 語句查詢技術(shù)在本項目中的應(yīng)用。查詢記錄使用的關(guān)鍵字是 count和 as。排序主要有兩個關(guān)鍵字：升序： asc、降序： desc。我們也可以定義索引（鍵），規(guī)定表之間的鏈接，以及施加表間的約束。但是 SQL 語言也包含用于更新、插入和刪除記錄的語法。 可以把 SQL 分為兩個部分：數(shù)據(jù)操作語言 (DML) 和 數(shù)據(jù)定義語言 (DDL)。 SQL 可與數(shù)據(jù)庫程序協(xié)同工作，比如 MS Access、 DBInformix、 MS SQL Server、 Oracle、 Sybase 以及其他數(shù)據(jù)庫系統(tǒng)。 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 16 頁 共 43 頁 16 圖 個人文章資料效果 4 網(wǎng)頁后臺設(shè)計 我的文章版塊后臺 在我的文章版塊中，總體采用 SQL 語句查詢技術(shù)，從數(shù)據(jù)庫中根據(jù)查詢條件完成數(shù)據(jù)的循環(huán)輸出， SQL 簡單介紹如下： SQL 是一門 ANSI 的標(biāo)準(zhǔn)計算機語言，用來訪問和操作數(shù)據(jù)庫系統(tǒng)。 其界面采用實用的三欄布局，左側(cè)上為個人頭像，賬號，點擊率，加好友等信息，下來到一個日歷控件，可通過選擇日歷來選擇顯示的文章日歷信息，再下方是留言列表，可以顯示其他用戶給本用戶的留言，并顯示對方 ip 等信息。同時，還顯示相關(guān)的一些操作，如引用文章和發(fā)表評論。 是顯示文章分類的文件，這可以提供不同文章類別的快速訪問，只要包含這個文件，就會在指定位置顯示所有文章類別列表，并且提供一個快 速鏈接來訪問文章。39。39。39。39。 下面是個人首頁的左側(cè)包含文件結(jié)合技術(shù)。在使用include_once()函數(shù)在包含文件時，如果該文件中的代碼已經(jīng)被包含，則不會被再次包含。 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 14 頁 共 43 頁 14 所以，其實個人首頁沒什么特殊的功能和重要的東西，只不過是由一些包含文件（在這里可以說是調(diào)用文件）的方式拼湊在一起的。 所以說，個人首頁包含的功能多，要求的美觀程度高，這需要用到 php 的文件包含技術(shù)。 首頁的亮點是 ajax 的應(yīng)用，運用 ajax，讀者可以在不重載文章的情況下，獲取博客內(nèi)容信息，這就提高了讀者的閱讀效率。妙之博客的主旨是輕松，便捷的生活方式，所以選擇了淺色。事實上這兩種情況還相當(dāng)普遍，因為曲解了“ DIV+CSS”的真實含義，也許根本就不應(yīng)該有這個說法，因為一個完整頁面幾乎不可能僅僅 DIV+CSS 就能完成。 （ 3） div+css 結(jié)構(gòu)清晰，很容易被搜索引擎搜索到，天生就是適合優(yōu)化 seo，降低網(wǎng)頁大小，讓網(wǎng)頁體積變得更小。代碼精簡提高了百度蜘蛛的爬行效率以及高效性，能在最短的時間內(nèi)爬完整個頁面，同時這樣對收錄質(zhì)量有一定好處 。 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 13 頁 共 43 頁 13 Div+css 設(shè)計的優(yōu)點如下： （ 1）讓代碼更精簡了 ，使用 DIV+CSS 布局會讓 頁面代碼精簡， html 文件上僅僅會保存這網(wǎng)頁的內(nèi)容， 這一點相信對 XHTML 有所了解的都知道。 首頁版塊概述： 首先來看看首頁版塊，博客首頁是應(yīng)用經(jīng)典的三欄布局，左邊的是推薦的文章和推薦的博客，是否推薦決定于文章或博客的點擊數(shù)，點擊數(shù)會轉(zhuǎn)化為推薦系數(shù)，但點擊率高的博客或文章，不一定會出現(xiàn)在推薦榜單中，這個要后臺管理人員的推薦。 桂林電子科技大學(xué)畢業(yè)設(shè)計報告（論文）用紙 第 12 頁 共 43 頁 12 3 網(wǎng)頁前端設(shè)計 這個系統(tǒng)的模塊比較多，為達到精簡的目的，就以 3 個最有代表性的頁面模塊來說明。 } 以上所述是 這個文件中所定義的數(shù)據(jù)庫連接，如果在其他 地方引用的話，先包含這個文件，然后實例化這個類就可以了： $conne=new opmysqli()。 $thisfields = $tmpfld[$fields]。 } //獲取對應(yīng)的字段值 function getFields($sql,$fields){ $thismysqli_query_rst($sql)。 $thisrowsNum = $thisconnaffected_rows。 } //mysqli_query($thisconn,$sql)。39。 } return $thisrowsArray。 } //取得記錄數(shù)組（多條記錄） function getRowsArray($sql){ $thismysqli_query_rst($sql)。 $thisrowsNum = mysqli_num_rows($thisresult)。 $thisfieldsNum = mysqli_num_fields($thisresult)。 } $thisresult = mysqli_query($thisconn,$sql)。39。 初始化連接后，就可以進行數(shù)據(jù)庫的增加數(shù)據(jù)，刪除數(shù)據(jù)，查詢數(shù)據(jù)，更改數(shù)據(jù)了。 mysqli_query($thisconn,set names gb2312)。 $thisinit_conn()。39。) $thispwd = $pwd。 if($pwd != 39。39。) $thishost = $host。){ if($host != 39。,$dBase=39。,$pwd=39。,$name=39。 //返回結(jié)果數(shù)組 使用 __construct 關(guān)鍵字初始化類，這與 mysql擴展寫法一樣，目的是初始化數(shù)據(jù)庫的連接屬性，以便其他連接或取值函數(shù)取用，如代碼 所示： 代碼 數(shù)據(jù)庫連接初始化 function __construct($host=39。 //返回結(jié)果數(shù) private $filesArray = array()。 //返回字段 private $fieldsNum = 0。39。39。39。db_blog39。TZLaiomy39。root39。39。例如：定義私有屬性，如主機名、用戶名、用戶密碼、數(shù)據(jù)庫名等。在這里連接數(shù)據(jù)庫就是實例化mysqli系統(tǒng)內(nèi)定的一個類，將其得到的返回集“ $thisconn”以“ thisresult=$thisconnquery($sql)”這種方式寫入。在本模式中，后臺管理應(yīng)用面向?qū)ο蠓绞脚c數(shù)據(jù)庫交互，前臺應(yīng)用面向過程方式與數(shù)控庫交互。如果配置文件中已有上述設(shè)置，確保 extension 前面沒有“；”，否則將其去掉。