基于Python的手機(jī)輿情系統(tǒng)

圖4.1模塊功能圖第4.1節(jié)用戶登錄程序運(yùn)行效果圖如圖4.2所示：圖4.2用戶登陸頁(yè)面設(shè)計(jì)登錄驗(yàn)證圖如圖4.3所示：圖4.3登錄驗(yàn)證圖在登陸頁(yè)面輸入用戶名和密碼以后，點(diǎn)擊提交按鈕，觸發(fā)jquery綁定事件，jquery通過input輸入框的ID來獲取用戶輸入的用戶名密碼。然后由jqueryajax利用POST方式把用戶名密碼傳給后臺(tái)，由后臺(tái)再查數(shù)據(jù)庫(kù)user表中的數(shù)據(jù)來進(jìn)行比對(duì)。如果用戶名密碼正確，后臺(tái)則返回前臺(tái)的json串沒有error，則前端就認(rèn)為用戶名密碼正確。則做相應(yīng)的跳轉(zhuǎn)；如果后臺(tái)在數(shù)據(jù)庫(kù)未找到用戶名或者密碼錯(cuò)誤，則后臺(tái)返回前端帶有error的json串，則前端讀取到錯(cuò)誤信息，則不做相應(yīng)的跳轉(zhuǎn)。用戶就停留在登錄頁(yè)面繼續(xù)登錄，直到后臺(tái)判斷用戶名密碼正確返回前端沒有error的json串，則用戶登錄成功。Jquery利用ajaxpost方式傳json給后臺(tái)關(guān)鍵代碼見附錄代碼片段1；后臺(tái)制作登錄接口，及查詢數(shù)據(jù)庫(kù)user表關(guān)鍵代碼見附錄代碼片段2。除此之外，利用jquery在提交請(qǐng)求之前判斷用戶名和密碼是否為空，只要有一個(gè)為空，則請(qǐng)求無(wú)法發(fā)送，并在頁(yè)面中警告（紅色字體）用戶名和密碼不能為空。其中關(guān)鍵jquery代碼為：if(!userInfo.user_name||!userInfo.password){$('#errorInfo').html('用戶名和密碼不能空').show();return;}第4.2節(jié)自定義頻道描述：頻道就是起到一個(gè)根標(biāo)題的作用，可以把頻道理解成平時(shí)歸置物品或者整理信息的時(shí)候的一個(gè)舉足輕重的分類標(biāo)簽。如果沒有頻道的分類，在你添加的欄目少時(shí)，并不感覺怎么樣，當(dāng)添加的欄目多的時(shí)候，就會(huì)明顯亂成一團(tuán)。這就是設(shè)定頻道的意義。程序運(yùn)行效果圖如圖4.4—圖4.6所示：圖4.4添加頻道提示圖4.4所示是用戶首次登錄系統(tǒng)，或數(shù)據(jù)庫(kù)中沒有找到相關(guān)用戶中的頻道數(shù)據(jù)時(shí),提示添加新的導(dǎo)航頻道。圖4.5交互模態(tài)框圖4.5是點(diǎn)擊編輯頻道按鈕，彈出添加導(dǎo)航交互模態(tài)框。圖4.6添加導(dǎo)航圖4.6所示是點(diǎn)擊添加導(dǎo)航按鈕，出現(xiàn)一個(gè)input框并在輸入框內(nèi)輸入自定義頻道名稱。圖4.7頻道頁(yè)面圖4.7所示點(diǎn)擊編輯完成會(huì)提示即將完成此操作是否確定，點(diǎn)擊確定，添加成功添加自定義頻道。默認(rèn)跳轉(zhuǎn)到新創(chuàng)建的頻道頁(yè)面下，若因程序出錯(cuò)或因?yàn)椴幻饕蛩貙?dǎo)致添加失敗則彈出報(bào)錯(cuò)模態(tài)框。點(diǎn)擊編輯完成后程序的運(yùn)行過程，點(diǎn)擊編輯完成后，js先判斷input輸入框中是否為空。頻道名為空時(shí)，提示錯(cuò)誤頻道名字不能為空。如果頻道名字js驗(yàn)證通過，則通過ajax向后臺(tái)提交請(qǐng)求，后臺(tái)則通過api針對(duì)數(shù)據(jù)做處理。直接操作數(shù)據(jù)庫(kù)，添加頻道。后臺(tái)接口處理數(shù)據(jù)，并操作數(shù)據(jù)庫(kù)關(guān)鍵代碼見附錄代碼片段3。第4.3節(jié)自定義欄目欄目就是頻道的的內(nèi)容，也就是相當(dāng)于你在整理信息是被貼上標(biāo)簽的內(nèi)容。程序運(yùn)行效果圖如圖4.8—圖4.9所示：圖4.8系統(tǒng)添加欄目圖4.7表示當(dāng)前頻道下數(shù)據(jù)庫(kù)中沒有搜索到相關(guān)欄目，提示點(diǎn)擊按鈕添加欄目頁(yè)面。圖4.9添加欄目圖4.8點(diǎn)擊添加欄目按鈕之后，彈出添加欄目交互模態(tài)框。欄目名稱為此欄目的名字，欄目位置是選擇位于現(xiàn)有的導(dǎo)航里面之一，欄目寬度可以選擇半欄或者通欄，暫時(shí)不提供自定義寬度；欄目關(guān)鍵字輸入。其中欄目中的所有文章列表都是根據(jù)關(guān)鍵字查詢出來。圖4.10欄目圖4.9是模態(tài)框中所填內(nèi)容符合要求，并點(diǎn)擊確定按鈕創(chuàng)建成功后的欄目框。欄目所有的文章都是根據(jù)輸入關(guān)鍵詞‘魅族’在本地?cái)?shù)據(jù)庫(kù)中搜索出來的文章，后面的跟著文章的來源和日期。如果想直接查看文章，那直接點(diǎn)擊文章標(biāo)題即可查看整篇文章。其中文章內(nèi)容全部是在數(shù)據(jù)庫(kù)中的存儲(chǔ)的文章內(nèi)容，其中把所有的html標(biāo)簽全部去除，只保留了<p>和<img>標(biāo)簽，所以大致保留了文章的布局和文章圖片。如圖4.10所示：圖4.11文章內(nèi)容如果文章列表中沒有想看的文章，可以直接點(diǎn)擊‘查看更多’，即可看到根據(jù)關(guān)鍵詞查看的所有文章，在所有文章中可以中也可以直接查看文章內(nèi)容也可以直接打開新的頁(yè)面查看原文章如圖4.12所示：圖4.12查看更多頁(yè)面那么如果沒有匹配到文章，欄目則顯示為空，那么這個(gè)欄目就廢棄了。就是為了防止類似的情況發(fā)生，在欄目的右上角設(shè)置了一個(gè)欄目設(shè)置按鈕，如圖4.13所示：圖4.13欄目設(shè)置點(diǎn)擊編輯欄目，可以重新針對(duì)欄目屬性進(jìn)行修改，包括針對(duì)欄目關(guān)鍵詞的修改，將重新賦予欄目新的生命。如果真不需要類似的此欄目，則可以直接點(diǎn)擊移除欄目，就可以直接刪除。那么點(diǎn)擊編輯欄目程序運(yùn)行的關(guān)鍵代碼見附錄代碼片段4.第4.4節(jié)爬蟲設(shè)計(jì)與實(shí)現(xiàn)爬蟲數(shù)據(jù)采集，就是通過抓取事先決定好的網(wǎng)站網(wǎng)址，且根據(jù)網(wǎng)站的文章列表生文章的URL列表。然后進(jìn)行文章網(wǎng)頁(yè)的抓取、分析并存入數(shù)據(jù)庫(kù)中。爬蟲關(guān)鍵代碼見附錄代碼片段5。工作流程圖如圖4.14所示：網(wǎng)站根域名抓取主頁(yè)面解析源文件URL列表頁(yè)面抓取網(wǎng)站根域名抓取主頁(yè)面解析源文件URL列表頁(yè)面抓取采集數(shù)據(jù)庫(kù)圖4.14爬蟲工作流程圖第4.5節(jié)系統(tǒng)數(shù)據(jù)庫(kù)結(jié)構(gòu)表4.1用戶表(user)FieldNameFieldTypeSizeNullPrimarykeyImplementationidint11否是用戶iduser_namevarchar10否否用戶名user_passwordvarchar10否否用戶密碼表4.1頻道表(channel)FieldNameFieldTypeSizeNullPrimarykeyForeignkeyImplementationchannel_idint11否是否頻道idchannel_namevarchar10否否否頻道名order_idint11否否否順序ididint11否否否用戶id表4.1欄目表(columns)FieldNameFieldTypeSizeNullPrimarykeyForeignkeyImplementationcolumn_idint11否是否欄目idcolumn_namevarchar10否否否欄目名稱order_idint11否否否欄目加載順序idstylevarchar10否否否欄目樣式rulesvarchar50否否否欄目的關(guān)鍵字channel_idint11否否是頻道id表4.1管理員表(admin)FieldNameFieldTypeSizeNullPrimarykeyImplementationadmin_idint11否是頻道idadmin_namevarchar10否否頻道名admin_passwordint11否否順序id第5章系統(tǒng)測(cè)試第5.1節(jié)系統(tǒng)測(cè)試目的與意義系統(tǒng)測(cè)試對(duì)于一個(gè)網(wǎng)站來說是很重要的部分。在開發(fā)軟件系統(tǒng)的過程中，需要面對(duì)錯(cuò)綜復(fù)雜的問題，因此，在軟件生存周期的每個(gè)階段都不可避免地會(huì)產(chǎn)生錯(cuò)誤。測(cè)試目的在于：發(fā)現(xiàn)錯(cuò)誤而執(zhí)行一個(gè)程序的過程，測(cè)試的最重要目的是發(fā)現(xiàn)其中尚未發(fā)現(xiàn)的錯(cuò)誤。第5.2節(jié)測(cè)試過程在一開始測(cè)試的時(shí)候，由于數(shù)據(jù)庫(kù)中的數(shù)據(jù)假的，是在沒有規(guī)則的情況下隨意輸入的，根本沒有實(shí)用的可能性，為了讓系統(tǒng)完善。在測(cè)試過程當(dāng)中全部采用真實(shí)有效的數(shù)據(jù)進(jìn)行測(cè)試。這樣才能真實(shí)的反應(yīng)系統(tǒng)功能實(shí)現(xiàn)的真實(shí)情況。發(fā)現(xiàn)了真實(shí)存在的情況，那就需要不斷的去修改，去完善。不要怕問題多，不要怕bug多，沒解決一個(gè)bug那么系統(tǒng)就離完美更進(jìn)一步。有的問題是不容易被發(fā)現(xiàn)的，那就需要我們耐心的反復(fù)的一遍遍的進(jìn)行測(cè)試、調(diào)試，找到問題并解決問題。5.2.1程序風(fēng)格統(tǒng)一的測(cè)試對(duì)于一個(gè)網(wǎng)站的成功與否，對(duì)于這個(gè)網(wǎng)站最重要的就是他必須要有一個(gè)優(yōu)秀的設(shè)計(jì)師，然后是一個(gè)具有一定優(yōu)秀頁(yè)面設(shè)計(jì)功底的程序員，一個(gè)制作好的網(wǎng)站來說，設(shè)計(jì)是他的靈魂和核心，首先，最重要的是要給用戶一種視覺沖擊，也就是界面的美感。網(wǎng)站本身的構(gòu)思與設(shè)計(jì)，例如：文字內(nèi)容的排版、圖片的選擇與制作、靜態(tài)無(wú)聲的圖文等，另外一方面，也就是網(wǎng)站延伸的設(shè)計(jì)。它具體包括了網(wǎng)站主題的設(shè)定、數(shù)據(jù)的交互、形象的包裝。這兩個(gè)方面是密不可分的，在對(duì)網(wǎng)站制作完成后，我首先測(cè)試的就是社區(qū)網(wǎng)的整體風(fēng)格和它的色調(diào)是否和諧，每一個(gè)類型的網(wǎng)站都有它特定的主題風(fēng)格和色調(diào)，我的豐縣社區(qū)網(wǎng)的整體設(shè)計(jì)風(fēng)格和色調(diào)都是為了給人一種舒適的感覺，以藍(lán)色調(diào)為主，其他顏色的搭配為輔，讓社區(qū)網(wǎng)的用戶登陸后，能夠有一種輕松愉悅的感覺。在網(wǎng)站風(fēng)格測(cè)試的最后，我要看每個(gè)頁(yè)面上的排版風(fēng)格、相應(yīng)的字體顏色、字體大小、字體特效、文本排版風(fēng)格、文本的顏色、以及表格屬性、位置、行高行間距等等都要有統(tǒng)一的設(shè)置。讓網(wǎng)站的整體都更加的和諧，具有一種舒心的感覺。5.2.2主頁(yè)面的登錄模塊測(cè)試登錄測(cè)試流程：（1）打開系統(tǒng)首頁(yè)，輸入錯(cuò)誤的登錄信息（2）登錄（3）輸入正確的登錄信息（4）登錄（5）測(cè)試結(jié)果表5.1測(cè)試登記表模塊數(shù)據(jù)預(yù)期實(shí)際是否合格登錄模塊用戶名：test密碼：null錯(cuò)誤提示，密碼不能為空錯(cuò)誤提示，密碼不能為空通過登錄模塊用戶名：null密碼：test錯(cuò)誤提示，用戶名不能為空錯(cuò)誤提示，用戶名不能為空通過登錄模塊用戶名：m1密碼：1錯(cuò)誤提示，用戶名不存在登錄失敗，錯(cuò)誤提示用戶名不存在通過5.2.3頁(yè)面操作測(cè)試添加頻道模塊測(cè)試：（1）添加頻道（2）不輸入字符點(diǎn)擊編輯完成（3）輸入超長(zhǎng)字符點(diǎn)擊編輯完成（4）輸入兩個(gè)內(nèi)容相同字符串點(diǎn)擊編輯完成表5.2測(cè)試登記表模塊數(shù)據(jù)預(yù)期實(shí)際是否合格添加頻道模塊不輸入字符串錯(cuò)誤提示，頻道名字不能為空錯(cuò)誤提示，頻道名字不能為空合格添加頻道模塊程序設(shè)計(jì)實(shí)現(xiàn)的過程中不可避免的會(huì)產(chǎn)生各種難錯(cuò)誤提示，長(zhǎng)度應(yīng)該在14字符之內(nèi)（中文長(zhǎng)度2）錯(cuò)誤提示，長(zhǎng)度應(yīng)該在14字符之內(nèi)（中文長(zhǎng)度2）合格添加頻道模塊用戶用戶錯(cuò)誤提示，頻道名不能重復(fù)錯(cuò)誤提示，頻道名不能重復(fù)合格添加欄目模塊測(cè)試：添加欄目不填欄目名字不填關(guān)鍵字表5.3測(cè)試登記表模塊數(shù)據(jù)預(yù)期實(shí)際是否合格添加欄目模塊欄目：null關(guān)鍵字：1錯(cuò)誤提示，欄目名字不能為空錯(cuò)誤提示，欄目名字不能為空合格添加欄目模塊欄目：1關(guān)鍵字：null錯(cuò)誤提示，關(guān)鍵字不能為空錯(cuò)誤提示，關(guān)鍵字不能為空合格第5.3節(jié)其他錯(cuò)誤在程序?qū)崿F(xiàn)的過程中很難是一次成功的，即便我們已經(jīng)設(shè)計(jì)好程序也很難一次成功。在程序?qū)崿F(xiàn)的過程中會(huì)無(wú)意中產(chǎn)生不可預(yù)料的錯(cuò)誤，比如單詞拼寫錯(cuò)誤，參數(shù)使用不統(tǒng)一，編碼使用不統(tǒng)一，字符串類型不同。這些都可以導(dǎo)致程序運(yùn)行錯(cuò)誤，而卻向那種拼寫錯(cuò)誤很難被發(fā)現(xiàn)，所以需要我們細(xì)心的檢測(cè)和不斷的調(diào)試才能解決。比如在api接口創(chuàng)建時(shí)因粗心錯(cuò)誤導(dǎo)致運(yùn)行導(dǎo)致所報(bào)錯(cuò)誤。如圖5.1所示:圖5.1運(yùn)行錯(cuò)誤圖5.1運(yùn)行錯(cuò)誤，仔細(xì)查看ajax請(qǐng)求數(shù)據(jù)接口和后臺(tái)接口，發(fā)現(xiàn)后臺(tái)接口存在拼寫錯(cuò)誤。解決辦法：正確修改后臺(tái)接口。程序運(yùn)行語(yǔ)法錯(cuò)誤如圖5.2所示：圖5.2運(yùn)行錯(cuò)誤圖5.2運(yùn)行錯(cuò)誤，查看Python編碼函數(shù)后，發(fā)現(xiàn)正確的編碼方法。解決辦法：添加正確編碼格式。插入數(shù)據(jù)庫(kù)時(shí)編碼錯(cuò)誤如圖5.3所示：圖5.3運(yùn)行錯(cuò)誤圖圖5.3運(yùn)行錯(cuò)誤，插入數(shù)據(jù)庫(kù)編碼和數(shù)據(jù)庫(kù)編碼不匹配，導(dǎo)致無(wú)法正確插入數(shù)據(jù)。解決辦法：修改插入數(shù)據(jù)編碼。插入數(shù)據(jù)庫(kù)時(shí)sql語(yǔ)句錯(cuò)誤如圖5.4所示：圖5.4sql語(yǔ)句錯(cuò)誤圖圖5.4Sql語(yǔ)句錯(cuò)誤，Sql語(yǔ)句拼寫錯(cuò)誤。解決辦法：仔細(xì)查看sql語(yǔ)句，找到錯(cuò)誤修改。程序引入文件時(shí)，發(fā)生錯(cuò)誤如圖5.5所示：圖5.5程序錯(cuò)誤圖文件引入函數(shù)時(shí)并沒有找到指定的函數(shù)名稱。解決辦法：查看自己想要引入的函數(shù)，確認(rèn)后在檢查文件中函數(shù)是否存在，并修改。結(jié)論本次畢業(yè)設(shè)計(jì)將我以前在書本上學(xué)習(xí)的知識(shí)完全的用到了具體的代碼實(shí)現(xiàn)中去了，讓我更深層次的重新認(rèn)識(shí)了它們。同時(shí)更鍛煉了實(shí)踐動(dòng)手操作能力。在這段日子里，我才真正的理解了“書到用時(shí)，方恨少”這句話的含義，knowledgeispower。同時(shí)我翻閱了許多關(guān)于Pythonflask的數(shù)據(jù)，結(jié)合自己的經(jīng)驗(yàn)，開發(fā)設(shè)計(jì)了這個(gè)基于互聯(lián)網(wǎng)的手機(jī)輿情系統(tǒng)。雖然學(xué)校老師也經(jīng)常帶著我們做實(shí)際訓(xùn)練，不過在本次畢業(yè)設(shè)局實(shí)踐中還是遇到了許多小問題，比如利用flask框架制作API過程中，無(wú)法正確解析ajax利用GET和POST請(qǐng)求數(shù)據(jù)json串，經(jīng)過查閱了許多材料才發(fā)現(xiàn)解析request方式不正確。調(diào)試了程序許久才找到解析request的正確方式。之前總以為傳值json串出了問題。這些雖然都是一些小的問題，但是由于自己的馬虎在程序?qū)嵺`中浪費(fèi)了大量的時(shí)間，以后還是要以實(shí)踐為主要學(xué)習(xí)方式，多多積累經(jīng)驗(yàn)才是。在系統(tǒng)開發(fā)過程中，我運(yùn)用打了Pythonflask框架和自己平時(shí)學(xué)習(xí)掌握的一些技術(shù)，通過這些技術(shù)的實(shí)現(xiàn)，整個(gè)系統(tǒng)的性能都得到了大大的提高。在本次寫作中，學(xué)習(xí)到了很多知識(shí)，我在這個(gè)過程中學(xué)習(xí)到了如何克服困難，如何進(jìn)行自學(xué)，面對(duì)不動(dòng)的問題怎么辦，這些問題以前都是在普通的學(xué)習(xí)過程中沒有接觸到的，通過這次的經(jīng)驗(yàn)，也讓我懂得了知識(shí)的重要性。經(jīng)過這幾個(gè)月的努力，我學(xué)習(xí)和總結(jié)了完整項(xiàng)目的開發(fā)流程，對(duì)以后的進(jìn)入社會(huì)參加工作都會(huì)是一筆財(cái)富。通過本次畢業(yè)設(shè)計(jì)，鍛煉了自己的自學(xué)能力和獨(dú)立分析問題并解決問題的能力，也在其中學(xué)到了許多之前在課堂上學(xué)習(xí)不到的東西，讓我受益匪淺。通過實(shí)踐也讓我深刻的體會(huì)到了系統(tǒng)開發(fā)的艱辛和發(fā)現(xiàn)問題及問題解決后的欣喜，不過堅(jiān)持下來了就是春天。培養(yǎng)了獨(dú)立思考問題并解決問題的能力，同時(shí)也讓我認(rèn)識(shí)到，寫論文是一個(gè)循序漸進(jìn)的過程，從開始的模糊不清到最后的深刻理解，了解到了學(xué)習(xí)知識(shí)的重要性，之前書本上的知識(shí)，終于在這次實(shí)踐中得到了印證，享受到了理論與實(shí)踐相互結(jié)合的樂趣。更鍛煉了獨(dú)立完成項(xiàng)目的能力，每一次實(shí)踐都是一次對(duì)我夢(mèng)想的造就。在這次畢業(yè)論文撰寫中，見證了同學(xué)互幫互助的友誼。我們一起討論了相關(guān)專業(yè)知識(shí)，在討論過程中收獲到了許多一開始沒有想到的知識(shí)點(diǎn)，和實(shí)現(xiàn)程序的想法。再次享受討論過程給我們帶來的認(rèn)真負(fù)責(zé)的態(tài)度。附錄代碼片段1如圖6.1所示：圖6.1登錄前端傳值代碼代碼片段2如圖6.2所示：圖6.2登錄數(shù)據(jù)庫(kù)查詢代碼片段3如圖6.3所示：圖6.3添加頻道關(guān)鍵代碼代碼片段4如圖6.4所示：圖6.4獲取單個(gè)欄目關(guān)鍵代碼代碼片段5如圖6.5所示：圖6.5爬蟲關(guān)鍵代碼參考文獻(xiàn)[1]張易新.HTML與CSS入門經(jīng)典[M].杭州：工業(yè)出版社.2012.56-78.[2]JoshuaBloch.JavaScript開發(fā)案例[M].北京：電子希望出版社.2013.78-89.[3]簡(jiǎn)朝陽(yáng).MySQL性能調(diào)優(yōu)與架構(gòu)設(shè)計(jì)[M].北京：電子工業(yè)出版社出版.2009.112-113.[4]王江偉.MySQL5權(quán)威指南[M].北京：人民郵電出版社.2014.67-69.[5]RogerS.Pressman.軟件工程實(shí)踐者的研究方法[M].北京：機(jī)械工業(yè)出社.2011.56-60.[6]趙志學(xué).MySQL數(shù)據(jù)庫(kù)備份與恢復(fù)[M].北京：電子希望出版社.2010.20-23.[7](美)KailiWatson.mysql數(shù)據(jù)庫(kù)編程經(jīng)典教程[M].北京：人民郵電出版社,2015.[8](美)施瓦茨等著.高性能MYSQL(影印版)[M].北京：開明出版社，2015.[9](荷)范德蘭斯著.SQL權(quán)威指南[M].北京:機(jī)械工業(yè)出版社,2014[10]黎連業(yè),王華,李淑春.軟件測(cè)試與測(cè)試技術(shù)[M].北京：清華大學(xué)出版社，2009.[11]唐漢明,翟振興