基于HTML5的古籍圖書網(wǎng)站的設(shè)計(jì)與開發(fā)

摘要本網(wǎng)站是一個(gè)基于HTML5的古籍書籍瀏覽網(wǎng)站，主要是實(shí)現(xiàn)一個(gè)簡潔的、全面的、高效的書籍瀏覽查找下載等體驗(yàn)性好的一個(gè)書籍閱覽網(wǎng)站。網(wǎng)站擁有強(qiáng)大的數(shù)據(jù)管理系統(tǒng)、可以靈活配置權(quán)限、準(zhǔn)確高效的報(bào)表數(shù)據(jù)統(tǒng)計(jì)、快速上新產(chǎn)品、修改產(chǎn)品信息、查找產(chǎn)品內(nèi)容、自動(dòng)化對工作流的定制等功能。前端采用HTML5+CSS+JavaScript語句設(shè)計(jì)一個(gè)界面美觀簡潔、符合永不需求的前端界面；后端采用PHP、MySQL等技術(shù)搭建一個(gè)即容易管理，又方便用戶操作、安全性能高、可擴(kuò)展的后臺(tái)管理平臺(tái)；與市面上同類型網(wǎng)站相比，是一個(gè)易操作、界面美觀、高效化的圖書閱覽網(wǎng)站平臺(tái)。網(wǎng)站管理員可以用權(quán)限管理用戶賬號(hào)，更新產(chǎn)品信息，充分利用智能化管理操作，大大減少后期編排查找等時(shí)間，提高工作效率，同時(shí)也讓用戶能方便使用以及及時(shí)的看到跟新書籍，提高用戶的網(wǎng)站體驗(yàn)感。關(guān)鍵詞：后臺(tái)管理；數(shù)據(jù)庫；HTML；PHP；前端

AbstractBasedonHTML5,thiswebsiteisanancientbookbrowsingwebsite,mainlytoachieveaconcise,comprehensive,efficientbookbrowsing,search,downloadandotherexperiencegoodbookreadingwebsite.Thewebsitehasapowerfuldatamanagementsystem,canflexiblyconfigurepermissions,accurateandefficientreportdatastatistics,quicklynewproducts,modifyproductinformation,findproductcontent,automationofworkflowcustomizationandotherfunctions.ThefrontendusestheHTML5CSSJavaScriptstatementtodesignafrontendinterfacewhichisbeautifulandconcise,meetstheneverdemand;thebackendusesthePHP、MySQLandsoontechnologytobuildabackgroundmanagementplatformwhichiseasytomanage,alsoconvenientfortheusertooperate,thesecurityperformanceishigh,theextensible;comparedwiththesametypeofwebsiteonthemarket,itisaneasytooperate,theinterfacebeautiful,thehighefficiencybookreadingwebsiteplatform.Websiteadministratorscanuseauthoritytomanageuseraccounts,updateproductinformation,makefulluseofintelligentmanagementoperations,greatlyreducethetimeoflatearrangementandsearch,improveworkefficiency,butalsomakeuserseasytouseandtimelyseewithnewbooks,improvetheuser'sexperienceofthewebsite.Keywords：Back-stagemanagement;Database;HTML;PHP;Frontend目錄TOC\o"1-3"\h\u第一章、緒論 第一章、緒論1.1項(xiàng)目開發(fā)目標(biāo)古苑的設(shè)計(jì)與開發(fā)，首先要收集大量的古籍資料，完善網(wǎng)站的資源量實(shí)現(xiàn)用戶進(jìn)站的全部需求，統(tǒng)一將古籍書籍的信息進(jìn)行分類管理，按照內(nèi)容年代等進(jìn)行多種分類方式，務(wù)必達(dá)到實(shí)用性，可靠性，可擴(kuò)展性和先進(jìn)性，實(shí)現(xiàn)用戶沒有限制的進(jìn)行查閱，進(jìn)一步提高了用戶進(jìn)站的意義。為了更加方便用戶的操作，盡量減少用戶的操作以及提現(xiàn)網(wǎng)站本身意義，網(wǎng)站的頁面會(huì)采用中國的古韻風(fēng)，對網(wǎng)站進(jìn)行美化包裝，對工具欄的美化也會(huì)從簡處理，盡量實(shí)現(xiàn)豐富而不繁瑣，讓用戶充分感受古代文學(xué)的魅力所在。為了更加提現(xiàn)實(shí)用性，網(wǎng)站盡量實(shí)現(xiàn)下載功能，對能夠下載瀏覽的古籍進(jìn)行資源共享，實(shí)現(xiàn)用戶對古籍查閱的進(jìn)一步需求。盡量做到頁面美而從間，功能多而操作簡單，內(nèi)容廣泛且資源共享。1.2項(xiàng)目開發(fā)意義近年來，隨著經(jīng)濟(jì)始終如一的迅猛發(fā)展，計(jì)算機(jī)和手機(jī)功能的逐漸完善，Internet成為人們信息傳遞接收的重要渠道，人們可以足不出戶就通過Internet來獲取需要的信息，因此人們在日常生活中對手機(jī)電腦的運(yùn)用也越來越頻繁。大多數(shù)人們會(huì)選擇在網(wǎng)絡(luò)上查找自己需要的資源，也可以在網(wǎng)絡(luò)上找到小眾的資源，對于書籍的查閱，人們更是會(huì)選擇在更加便利的渠道上獲取，而對于書籍中比較難查閱的古籍，若是可以在網(wǎng)絡(luò)上直接搜查到會(huì)對人們的生活帶來更大的便利。為了更好的完善人們對書籍的查閱需求，需要借助互聯(lián)網(wǎng)，創(chuàng)造出一個(gè)關(guān)于古籍書籍的網(wǎng)站，收集古籍書籍的同時(shí)進(jìn)行歸類整合，方便人們查閱的同時(shí)更加展現(xiàn)了中華的文化蘊(yùn)含。顯示古籍書籍內(nèi)容的同時(shí)，展現(xiàn)古籍的背景文化來源，實(shí)現(xiàn)人們對古籍深度的了解以及對古籍搜索很進(jìn)一步的確定。搜索古籍的同時(shí)實(shí)現(xiàn)頁面的美化，更提現(xiàn)中華上下兩千年的古代美。1.3論文章節(jié)架構(gòu)本論文圍繞古籍圖書館網(wǎng)站的設(shè)計(jì)與開發(fā)分為六個(gè)章節(jié)：第一章緒論：分出三個(gè)小節(jié)，簡單說明本次項(xiàng)目開發(fā)的目的、開發(fā)意義以及項(xiàng)目的前景；第二章技術(shù)開發(fā)原理：分有三個(gè)小節(jié)，簡單概述整個(gè)項(xiàng)目的代碼原理、編寫基礎(chǔ)、以及開發(fā)環(huán)境，講述項(xiàng)目開發(fā)所用到的硬件和軟件；第三章項(xiàng)目分析：分有兩個(gè)小節(jié)，詳細(xì)列出項(xiàng)目所具有的功能；第四章數(shù)據(jù)庫設(shè)計(jì)：分有三個(gè)小節(jié)，詳細(xì)講述項(xiàng)目所需數(shù)據(jù)庫的內(nèi)容；第五章詳細(xì)設(shè)計(jì)：分有四個(gè)小節(jié)，詳細(xì)講解項(xiàng)目的設(shè)計(jì)過程、功能實(shí)現(xiàn)，以及代碼實(shí)現(xiàn)過程；第六章總結(jié)與展望：總結(jié)本次項(xiàng)目設(shè)計(jì)到開發(fā)、以及大學(xué)四年的學(xué)習(xí)心得，致謝所有老師、朋友、以及幫助過我的所有人。

第二章、技術(shù)開發(fā)原理2.1項(xiàng)目前端技術(shù)本項(xiàng)目前端設(shè)計(jì)主要為傳統(tǒng)HTML5、CSS、JavaScript等技術(shù)書寫前端2.1.1HTML5HTML（超文本標(biāo)記語言）是用來描述網(wǎng)頁內(nèi)容的一些特定符號(hào)，它不是編程語言，而是一種描述性的標(biāo)記語言REF_Ref28089\h[1].。如果開發(fā)人員要開發(fā)一個(gè)產(chǎn)品，它是必要的界面端，以實(shí)現(xiàn)各端顯示相同的功能編寫不同的代碼，個(gè)人電腦設(shè)備和移動(dòng)端設(shè)備，沒有違規(guī)或后續(xù)的維護(hù)意識(shí)，需要自己維護(hù)自己的界面端，這需要一定的資金去維護(hù)，而對于普通企業(yè)來說這筆開銷有點(diǎn)大，HTML5的出現(xiàn)就恨到的解決這一缺點(diǎn)，根據(jù)不同的開發(fā)人員不需要結(jié)束編寫不同的代碼，也不需要了解每個(gè)不同端的特有需求，只是根據(jù)規(guī)范書寫代碼就可以了，大大提高了開發(fā)者工作效率，也大幅度為企業(yè)減少了在開發(fā)和維護(hù)中所需要的費(fèi)用。2.1.2JavaScriptJavaScript是網(wǎng)景開發(fā)的基于客戶端瀏覽器、面向（基于）對象、時(shí)間驅(qū)動(dòng)式的網(wǎng)頁腳本設(shè)計(jì)語言REF_Ref31589\h[9]，具有相對安全的信息技術(shù)功能，所以經(jīng)常被運(yùn)用到網(wǎng)頁的開發(fā)設(shè)計(jì)當(dāng)中，與HTML進(jìn)行交互并賦予其動(dòng)態(tài)效果，不需要服務(wù)端的支持也可以在瀏覽器上運(yùn)行，常用于豐富HTML頁面添加動(dòng)態(tài)效果、對瀏覽器事件作出響應(yīng)、驗(yàn)證網(wǎng)頁數(shù)據(jù)、控制cookies等。2.1.3CSSCSS（層疊樣式表），要想對層疊樣式表有跟好的理解，就要從其概念出發(fā)，即先要先知道什么是樣式。樣式是例如字體、盒子、圖片、表單等頁面其他屬性元素的總體摘要，若用人穿衣服比喻，樣式就是衣服。層疊，就是按照先后的層次就順序來處理對應(yīng)的內(nèi)容，即在一個(gè)語句中編寫多個(gè)CSS文件時(shí)，這些CSS之間存在樣式定義沖突，即穿的衣服有類型重復(fù)，會(huì)根據(jù)穿的順序?qū)哟蝸砼袛嘧钔鈱语@示的衣服是哪件，即對樣式進(jìn)行控制。CSS的作用如下：（1）單獨(dú)的CSS文件與內(nèi)容布局文件分離，讓網(wǎng)頁的設(shè)計(jì)更加簡潔易懂，好分類易查詢修改。（2）大量樣式填補(bǔ)了HTML編寫的空缺，例如:在HTML中控制背景圖像只有重復(fù)或者不重復(fù)兩種選擇，而只要利用CSS就可以控制背景圖像重復(fù)兩次的效果；以及在HTML中對標(biāo)題屬性的控制只有h1-h7，7個(gè)等級，而在CSS樣式中對標(biāo)題則是可以隨便設(shè)置大小。（3）精準(zhǔn)實(shí)現(xiàn)頁面布局工作，小到字與字之間的間距，大到盒子與盒子之間的關(guān)系，都能根據(jù)自身需求完美實(shí)現(xiàn)。（4）有效提高了頁面的加載效率，如果多個(gè)頁面都分別編寫?yīng)氉缘腃SS樣式，太多的樣式文件會(huì)導(dǎo)致頁面加載時(shí)代碼運(yùn)行下載量變大，而只要多個(gè)頁面可以同時(shí)使用一個(gè)樣式文件，有效減少了代碼的運(yùn)行負(fù)擔(dān)，加快瀏覽器的加載以及頁面的呈現(xiàn)。（5）能實(shí)現(xiàn)較多的效果功能，比如動(dòng)畫效果的實(shí)現(xiàn)、鼠標(biāo)形狀屬性的改變、圖片視頻濾鏡的控制、圖像繪制等。2.2項(xiàng)目后臺(tái)技術(shù)本項(xiàng)目后臺(tái)主要由PHP、MySQL、面向?qū)ο?、分頁等技術(shù)開發(fā)2.2.1PHPPHP是一種簡單、安全性能高、開放源代碼的通用腳本語言。容易操作學(xué)習(xí)，通常用于Web應(yīng)用的開發(fā)和普通程序的開發(fā)。混合運(yùn)用了C語言、java語言、Perl語言以及自創(chuàng)的語法就形成了獨(dú)特的PHP語法。相對于Perl等語言它可以花更少時(shí)間的運(yùn)行動(dòng)態(tài)頁面。它的安全性能很高，獨(dú)立在架構(gòu)之外，支持兼容市面上大多數(shù)的瀏覽器，因此經(jīng)常被使用。它不僅可以調(diào)用MYSQL，在應(yīng)用上還可以限制網(wǎng)頁的訪問，以及加密和優(yōu)化數(shù)據(jù)。2.2.2MySQLMySQL是Oracle旗下產(chǎn)品，是瑞典MySQLAB公司開發(fā)的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)REF_Ref4595\h[2].，具有較高的性能、偏低的成本和良好的可靠性，是市面上眾多數(shù)據(jù)庫管理系統(tǒng)中最流行的。隨著MySQL一點(diǎn)點(diǎn)的完善，逐漸被運(yùn)用到更大的項(xiàng)目程序當(dāng)中。其最顯著的優(yōu)點(diǎn)也是被廣泛運(yùn)用的原因，就是每一個(gè)表都可以自由的選擇與其相符的存儲(chǔ)引擎，每一個(gè)表都能是一個(gè)獨(dú)立個(gè)體。市面上經(jīng)常運(yùn)用到的引擎有InnoDB，MyISAM和NDBCluster等。2.2.3面向?qū)ο笤趐ython中面向?qū)ο笮g(shù)語有：多態(tài)、繼承、封裝、類、對象、實(shí)例化、標(biāo)識(shí)、實(shí)例屬性、事例方法、類屬性和類方法。面向?qū)ο缶幊坛藢⒊绦蜻M(jìn)行封裝外還包括繼承、多態(tài)等（如圖2-1所示），方便程序的重復(fù)利用，解決代碼的重用性問題，在使用上相對于函數(shù)編程來說，更加靈活更能提高工作效率。面向?qū)ο蠡咎卣鞣庋b繼承面向?qū)ο蠡咎卣鞣庋b繼承多態(tài)聚合泛化覆蓋重載1）封裝封裝，通俗來說就是將需要的內(nèi)容編寫好，先儲(chǔ)存在某個(gè)地方，等到需要用到的時(shí)候再去調(diào)用，舉例如下;classInformation:def__init__(self,name,age):=nameself.age=agedefbirth(self):print"%s,%s歲,性別%s"%(,self.age）;a=Information('Mike',20,'男')a.birth()//這里就是執(zhí)行結(jié)果為“Mike20歲性別男”

2）繼承在面向?qū)ο笾?，繼承就是人如其名的可以由子類繼承父類內(nèi)容的意思。多態(tài)多態(tài)是面向?qū)ο笏枷胫械囊环N技術(shù)，用戶可以將其賦值等于一個(gè)或多個(gè)自己的子對象，在賦予一個(gè)值后，父對象會(huì)擁有其賦予的子對象的特性，以不同的方式進(jìn)行操作，其實(shí)現(xiàn)方法為覆蓋和重載。2.3開發(fā)環(huán)境2.3.1軟件環(huán)境表2-1軟件環(huán)境序號(hào)名稱版本備注1Mysql17數(shù)據(jù)庫2Editplus17編譯器3AdobeDeamweverCS6代碼編輯器4Ubuntu16虛擬器2.3.2硬件環(huán)境表2-2硬件環(huán)境序號(hào)名稱配置1CPUIntel(R)Core(M)i5-4210UCPU@1.70GHz2.39GHz2Lenovo-PC4G內(nèi)存+465G硬盤，Wincow864位操作系統(tǒng)2.3.3開發(fā)工具表2-3開發(fā)環(huán)境序號(hào)名稱版本備注1MicrosoftSQLServerManagementStudio2017數(shù)據(jù)庫圖形管理工具2NavicatforMySQL數(shù)據(jù)庫管理開發(fā)工具

第三章、項(xiàng)目分析3.1項(xiàng)目總體分析本項(xiàng)目網(wǎng)站主要針對所有線上用戶，只要是在線的網(wǎng)上用戶均為本項(xiàng)目的潛在用戶，設(shè)計(jì)開發(fā)的目的讓用戶能夠更簡潔、更容易且更舒適的去閱覽書籍，實(shí)現(xiàn)查找閱覽書籍時(shí)所要經(jīng)過的步驟流程，實(shí)現(xiàn)網(wǎng)上圖書館的整個(gè)過程。該項(xiàng)目網(wǎng)站主要分成前端展示以及后端管理兩個(gè)模塊。前臺(tái)主要包括書籍展示、書籍查詢、書籍導(dǎo)航、用戶注冊、用戶登陸、書籍下載、網(wǎng)站動(dòng)態(tài)、圖書館推薦。后臺(tái)主要包括書籍的管理，用戶信息的管理，添加、修改、刪除相關(guān)書籍以及書籍信息，選擇文件上傳、添加不同書籍類別等。項(xiàng)目面向用戶還分為普通用戶、登錄用戶和管理員，分別擁有不同的權(quán)限，可以對網(wǎng)站進(jìn)行不同操作體驗(yàn)，所有用戶都可以選擇注冊并登錄，管理員會(huì)收到相應(yīng)的賬戶資料，并且擁有相應(yīng)的權(quán)限操作（如圖3-1和圖3-2所示）。管理員登錄項(xiàng)目網(wǎng)站后端后擁有管理該項(xiàng)目網(wǎng)站的權(quán)限，并且能對用戶賬戶進(jìn)行資料分類查找以及權(quán)限設(shè)置，可以對產(chǎn)品進(jìn)行管理，隨網(wǎng)站進(jìn)行調(diào)整。圖3-1系統(tǒng)用例圖

圖3-2管理員用例圖3.2項(xiàng)目功能介紹3.2.1系統(tǒng)管理用戶管理管理員擁有權(quán)限如下：批量查看網(wǎng)站所有注冊用戶資料，包括每個(gè)用戶的序號(hào)、注冊名、性別、出生年月、注冊時(shí)間、郵箱、手機(jī)號(hào)、QQ和微信等信息；可以根據(jù)用戶注冊名、性別、出生年月整理出所有相關(guān)的用戶，查看用戶信息；可以對用戶進(jìn)行新增、編輯和刪除功能；可以對用戶信息進(jìn)行序號(hào)和年齡的升降序排序查看。（2）權(quán)限授權(quán)所有用戶的操作權(quán)限是由管理員來控制的，對于網(wǎng)站中的一些操作需要權(quán)限的，普通瀏覽用戶可以通過注冊登錄，讓管理員授權(quán)相應(yīng)權(quán)限，如果沒有注冊則不能進(jìn)行對應(yīng)的權(quán)限操作，同時(shí)作為管理員也可以授權(quán)普通管理員和超級管理員，可以讓管理員能夠更方便的對網(wǎng)站的秩序進(jìn)行管理。（3）書籍分類管理管理員在后臺(tái)可以通過編輯和修改書籍分類，添加新的分類選項(xiàng)，在通過對分類的管理實(shí)現(xiàn)靈活的書籍管理。3.2.2業(yè)務(wù)功能（1）用戶信息管理用戶信息管理模塊包括添加用戶、刪除用戶、查詢用戶、修改用戶信息；分頁查詢用戶可以通過用戶的注冊名、性別、出生年月等信息進(jìn)行模糊查詢或等值查詢；刪除用戶和修改用戶信息需要選擇刪除或修改的用戶所在行才可以進(jìn)行操作。（2）書籍信息管理書籍信息管理模塊包括添加書籍、刪除書籍、查詢書籍、修改書籍信息；添加書籍可以選擇上傳書籍圖片文件；分頁查詢書籍可以通過書籍的編號(hào)、類別、型號(hào)進(jìn)行書籍查詢；刪除書籍和修改書籍信息需要選中刪除或修改才可以進(jìn)行相應(yīng)操作。（3）書籍類別管理書籍類別管理模塊包括添加類別、刪除類別、查詢類別、修改類別、查看詳情；添加類別可以添加備注信息以及改類別代表書籍，方便對書籍模塊進(jìn)行分類管理；查看詳情可以查看該類別所涉及的信息，包括類別名、代表作、特點(diǎn)以及備注。（4）查詢和導(dǎo)出報(bào)表在書籍管理模塊可以通過書籍名稱、類別、編號(hào)、型號(hào)等信息進(jìn)行查詢并打印該頁面；可以通過時(shí)間、編號(hào)升降序進(jìn)行排序查詢并且打印該信息；書籍類別也可以通過類別名稱進(jìn)行查詢和升降序排序，并打印類別頁面。在用戶管理模塊，可以通過用戶名稱、性別、年齡、注冊時(shí)間等信息進(jìn)行查詢，并可根據(jù)注冊時(shí)間、年齡進(jìn)行升降序處理，并打印相應(yīng)頁面導(dǎo)出數(shù)據(jù)。

第四章、數(shù)據(jù)庫設(shè)計(jì)4.1數(shù)據(jù)庫配置表4-1數(shù)據(jù)庫配置數(shù)據(jù)庫服務(wù)器$host:3307數(shù)據(jù)庫用戶名$userroot數(shù)據(jù)庫密碼$passwordroot數(shù)據(jù)庫名$databaseguyuan連接語句$conn@mysql_connect($host,$user,$password)ordie('數(shù)據(jù)庫連接失??！')4.2數(shù)據(jù)庫概念設(shè)計(jì)4.2.1實(shí)體間關(guān)系圖4-1實(shí)體關(guān)系E-R圖4.2.2用戶實(shí)體信息圖4-2用戶實(shí)體E-R圖4.2.3管理員實(shí)體信息圖4-3管理員實(shí)體E-R圖4.2.4書籍實(shí)體信息圖4-4書籍實(shí)體E-R圖4.2.5類別實(shí)體信息圖4-5類別實(shí)體E-R圖4.3數(shù)據(jù)庫邏輯設(shè)計(jì)4.3.1數(shù)據(jù)庫表結(jié)構(gòu)表4-1 Alluser管理員表字段名稱類型長度是否空值注釋idint11否主鍵idusernamevarchar50是登錄名pwdvarchar50是密碼cxvarchar50是權(quán)限addtimetimestamp0否添加時(shí)間如表4-1所示，以上為管理員數(shù)據(jù)庫表，包括登錄名、密碼、權(quán)限、以及添加時(shí)間，用來儲(chǔ)存管理員信息。圖4-2 sahngpinxingxi產(chǎn)品信息表字段名稱類型長度是否允許空值注釋idint11否主鍵idshangpinbianhaovarchar50是編號(hào)shangpinmingchengvarchar50是產(chǎn)品名稱leibievarchar50是類別xinghaovarchar50是型號(hào)xiazaiint50是下載量tupianvarchar50是圖片shangpinjieshaovarchar500是介紹addtimetimestamp0否添加時(shí)間如表4-2所示，以上為產(chǎn)品信息數(shù)據(jù)庫表，即本項(xiàng)目的書籍信息表，包括書籍編號(hào)、書籍名稱、類別、型號(hào)、下載量、圖片、介紹、以及添加時(shí)間，用來儲(chǔ)存書籍信息。圖4-3 user用戶表字段名稱類型長度是否允許空值注釋idint11否主鍵idusernamevarchar50是登錄名pwdvarchar50是密碼addtimetimestamp0否添加時(shí)間birthdaydatetime0是出生年月emailvarchar50是郵箱phonevarchar500是手機(jī)號(hào)qqvarchar500是QQwexinvarchar500是微信如表4-3所示，以上為普通用戶數(shù)據(jù)庫表，包括登錄名、密碼、手機(jī)、QQ、出生年月、郵箱、微信、以及添加時(shí)間，用來儲(chǔ)存用戶信息。圖4-4 leibiexinxi書籍分類表字段名稱類型長度是否允許空值注釋idint11否主鍵idleibievarchar50是類別名稱daibiaoshangpinvarchar50是代表產(chǎn)品tedianvarchar50是特點(diǎn)beizhuvarchar500是備注信息addtimetimestamp0否添加時(shí)間如表4-4所示，以上為類別數(shù)據(jù)庫表，包括類別名稱、代表作品、特點(diǎn)、備注信息、以及添加時(shí)間，用來儲(chǔ)存書籍類別信息。

第五章、詳細(xì)設(shè)計(jì)5.1項(xiàng)目總體設(shè)計(jì)項(xiàng)目總體設(shè)計(jì)實(shí)現(xiàn)分為兩大模塊：前臺(tái)模塊和后臺(tái)模塊。前臺(tái)模塊實(shí)現(xiàn)商品顯示功能，主要面向用戶體驗(yàn)，主要實(shí)現(xiàn)頁面有主頁面、產(chǎn)品展示頁面、用戶注冊登錄頁面、項(xiàng)目信息頁面以及其余附加推薦頁面，其中首頁界面如圖5-2所示；后臺(tái)模塊實(shí)現(xiàn)項(xiàng)目網(wǎng)站的總體管理，以及用戶的管理，主要實(shí)現(xiàn)功能有用戶信息管理、查詢、修改、刪除，管理員信息管理、查詢、修改、刪除，產(chǎn)品上新、編輯、查詢、刪除，產(chǎn)品分類添加、查詢、修改、刪除，用戶和產(chǎn)品信息排序功能以及信息打印功能。所有注冊用戶可以導(dǎo)入資料信息，如姓名、出生年月、郵箱、手機(jī)號(hào)、QQ微信等信息，具體如5-1所示。圖5-1項(xiàng)目總體框架圖圖5-2首頁界面5.2功能模塊詳細(xì)設(shè)計(jì)5.2.1登錄模塊如圖5-3和圖5-4所示，登錄界面是項(xiàng)目網(wǎng)站的主入口，普通用戶持有賬號(hào)可以通過該界面進(jìn)行賬戶登錄，管理員賬戶選擇權(quán)限選擇“管理員”進(jìn)行管理員登錄，所有用戶登錄需要填寫驗(yàn)證碼，驗(yàn)證碼為隨機(jī)產(chǎn)生，填寫正確才可進(jìn)行登錄操作。圖5-3登錄界面未持有賬號(hào)的普通用戶可以選擇注冊賬戶，管理員身份只能在后臺(tái)添加產(chǎn)生，是無法在普通用戶界面注冊產(chǎn)生，注冊賬戶需要填寫用戶名和密碼，以及再次確定密碼才可進(jìn)行賬戶注冊。圖5-4注冊界面登錄成功會(huì)有彈窗提示登錄成功，登錄失敗也會(huì)通過彈窗告知賬戶或者密碼輸入錯(cuò)誤等，重新回到登錄界面，如圖5-5所示。圖5-5登錄成功提示管理員登錄成功后會(huì)進(jìn)入項(xiàng)目網(wǎng)站的后臺(tái)管理界面，后臺(tái)首頁會(huì)顯示登錄管理員的權(quán)限、登錄日期、瀏覽器版本、服務(wù)器域名等信息，如圖5-6所示。圖5-6項(xiàng)目網(wǎng)站后臺(tái)管理界面管理員進(jìn)入后臺(tái)管理頁面后，在左上角的個(gè)人登錄出有“退出登錄”選擇，點(diǎn)擊后確定退出后臺(tái)管理，回到登錄界面可以繼續(xù)選擇普通用戶登錄或管理員登錄，如圖5-7所示。圖5-7退出管理員登錄界面5.2.2產(chǎn)品展示模塊（1）產(chǎn)品信息展示如圖5-8、圖5-9所示，產(chǎn)品展示由后臺(tái)上新實(shí)現(xiàn)，管理員登錄后臺(tái)管理后，可以到產(chǎn)品分類界面和產(chǎn)品信息界面，會(huì)顯示產(chǎn)品所有類別和所有產(chǎn)品信息。圖5-8后臺(tái)產(chǎn)品分類界面圖5-9后臺(tái)產(chǎn)品信息界面（2）添加產(chǎn)品信息添加產(chǎn)品類別、添加產(chǎn)品信息，分別在添加產(chǎn)品分類界面和添加產(chǎn)品界面，填寫產(chǎn)品相應(yīng)信息，其中上傳產(chǎn)品圖片（如圖5-10所示）上傳本地圖片并選擇復(fù)制地址，即可完成圖片的上傳，添加完成后會(huì)在產(chǎn)品信息管理界面顯示產(chǎn)品信息，如圖5-11、圖5-12所示。圖5-10上傳產(chǎn)品圖片圖5-11類別添加頁面圖5-12產(chǎn)品添加頁面（3）修改產(chǎn)品信息產(chǎn)品需要修改內(nèi)容，點(diǎn)擊產(chǎn)品信息最右邊的“修改”即可進(jìn)入產(chǎn)品的信息頁面進(jìn)行產(chǎn)品信息的修改，修改完成后產(chǎn)品信息會(huì)更新為修改后信息，若要?jiǎng)h除產(chǎn)品也是在最右邊點(diǎn)擊“刪除”。圖5-13產(chǎn)品修改頁面5.2.3用戶管理模塊所有用戶可以通過注冊登錄網(wǎng)站，信息會(huì)添加到后臺(tái)用戶管理處由管理員進(jìn)行管理，如圖5-14所示。圖5-14后臺(tái)用戶管理界面面對用戶，所有注冊成功用戶可以還有要填寫個(gè)人資料，并儲(chǔ)存在后臺(tái)用戶信息管理處，管理員可以進(jìn)行整理和查詢；用戶需要填寫個(gè)人性別、出生年月、手機(jī)號(hào)、QQ、微信號(hào)和Email等信息，具體如圖5-15所示。圖5-15用戶資料填寫（1）修改普通用戶信息普通用戶在登錄后可以選擇修改個(gè)人信息，點(diǎn)擊“修改”后可以查看并修改個(gè)人信息，可以選擇修改個(gè)人名稱、性別、出生年月、手機(jī)號(hào)、微信號(hào)、QQ、郵箱和登錄密碼等信息，修改成功后的個(gè)人信息和密碼，會(huì)同步到后臺(tái)用戶數(shù)據(jù)中，更新用戶信息，方便管理員管理。圖5-16用戶信息修改成功圖（2）添加管理員賬戶管理員賬戶的添加只能在后臺(tái)進(jìn)行，后臺(tái)管理員通過管理員信息界面查看管理員信息，同樣可以進(jìn)行管理員信息的修改、刪除操作，在管理員添加界面可以添加管理員賬戶，需要填寫管理員名稱、登錄密碼具體如圖5-17所示。圖5-17后臺(tái)管理員賬戶添加5.2.4后臺(tái)數(shù)據(jù)報(bào)表模塊管理員登錄后臺(tái)管理系統(tǒng)，分頁查看所有產(chǎn)品信息和所有用戶信息，所有產(chǎn)品會(huì)顯示序號(hào)、編碼、名稱、圖片、主要參數(shù)、添加時(shí)間以及操作；所有產(chǎn)品列表會(huì)顯示數(shù)據(jù)為序號(hào)、類別名稱、代表作、特點(diǎn)、添加時(shí)間以及操作；所有用戶信息會(huì)顯示數(shù)據(jù)為序號(hào)、用戶名稱、性別、出生年月、注冊時(shí)間、郵箱、手機(jī)、QQ以及操作。（1）查詢數(shù)據(jù)報(bào)表在類別管理模塊管理員可以根據(jù)添加時(shí)間進(jìn)行升降序排序，根據(jù)類別名稱進(jìn)行查詢篩選類別信息。圖5-18類別查詢示例圖在產(chǎn)品信息管理模塊，管理員可以根據(jù)添加時(shí)間進(jìn)行升降序排序，可以根據(jù)編碼、型號(hào)、類別、名稱進(jìn)行查找篩選產(chǎn)品信息。圖5-19產(chǎn)品信息查詢示例圖在用戶信息管理模塊，管理員可以根據(jù)注冊時(shí)間、年齡進(jìn)行升降序排序，根據(jù)出生年月、性別、注冊時(shí)間、名稱等進(jìn)行查找篩選用戶信息。圖5-20用戶信息查詢示例圖（2）打印報(bào)表在后臺(tái)管理員可以查看所有產(chǎn)品信息、所有用戶信息、所有管理員信息、所有產(chǎn)品類別信息，后臺(tái)支持打印處理，點(diǎn)擊最右邊的“打印”彈出打印頁面，右邊可以設(shè)置打印機(jī)、網(wǎng)頁、布局、彩色，自定義紙張大小、頁數(shù)、邊距、縮放等參數(shù)，左邊則為打印預(yù)覽圖，可以進(jìn)行放大縮小預(yù)覽。點(diǎn)擊打印，選擇打印另存為目錄，另保存打印圖。圖5-21打印報(bào)表界面圖導(dǎo)出報(bào)表管理員通過后臺(tái)查看所有數(shù)據(jù)，支持導(dǎo)出操作，點(diǎn)擊“導(dǎo)出”按鈕，彈出本地下載器，選擇下載目錄進(jìn)行導(dǎo)出EXCEL操作。圖5-22下載界面5.3總體流程圖5.3.1登錄注冊流程圖圖5-23登錄注冊流程圖5.3.2用戶信息流程圖圖5-24用戶信息操作流程圖5.3.3產(chǎn)品更新流程圖圖5-25產(chǎn)品更新操作流程圖5.4核心代碼實(shí)現(xiàn)5.4.1前端設(shè)計(jì)首頁界面代碼首頁主要由上中下兩部分組成，一個(gè)為上半部分導(dǎo)航菜單欄head部分，一部分為主要內(nèi)容main部分和foot部分組成。（1）head導(dǎo)航部分主要由列表標(biāo)簽<ul><li>組成，并給每個(gè)選項(xiàng)添加下拉菜單，再由CSS代碼進(jìn)行樣式修改，取消原有<ul>屬性以及隱藏下拉菜單，并進(jìn)行排列和加效果。（2）主要內(nèi)容的main部分也是由<div>盒子組合而成，用<div>標(biāo)簽封裝，再由CSS樣式編寫效果。（3）主要樣式為基本的調(diào)整大小長寬、位置、背景顏色、鼠標(biāo)懸停等，其中有調(diào)整畫面縮放語句“@mediascreen”，當(dāng)屏幕縮小或放大后，樣式會(huì)根據(jù)屏幕大小范圍來調(diào)整自身大小，從而達(dá)到多種屏幕都可呈現(xiàn)出最佳樣式的效果，如圖5-27、5-28所示。圖5-26首頁框架圖圖5-27屏幕放大部分樣式效果圖5-28屏幕縮小部分樣式效果產(chǎn)品展示界面代碼產(chǎn)品展示界面即網(wǎng)站的“資源集”界面，也是由上中下三部分組成，中間部分為產(chǎn)品展示頁面，框架如圖5-29所示，點(diǎn)開每個(gè)書籍的閱讀界面如圖5-30所示：圖5-29資源集框架 圖5-30書籍閱讀界面框架上下部分與首頁界面一致，主要不同為中間顯示產(chǎn)品的部分，也是為產(chǎn)品更新后會(huì)展示的部分，主要代碼如下：<?php

include_once

'./config/conn.php';$sql

=

'SELECT

*

FROM

product';$product

=

$PdoMySQL->getAll($sql);?>0px;}

}

引用連接數(shù)據(jù)庫的PHP文件“conn.php”連接數(shù)據(jù)庫，再查詢連接數(shù)據(jù)庫中對應(yīng)的表“product”，并得到表中所有數(shù)據(jù)。<divid="main_part">

<div

class="partul"><ulclass="book"><?php

foreach

($product

as

$k

=>

$v)

{

?>

<a

href="#"><li>

<div

class="bookhid"><h3><?php

echo

$v['pro_name'];

?><br>書名</h3></div>

<img

src="<?php

echo

$v['tupian'];

?>">

</li></a>

<?php

}

?>

</ul></div></div><!--main_part結(jié)束-->圖5-31資源集界面圖5-32書籍閱讀界面前端其他界面展示圖5-33圖書館推薦界面圖5-34關(guān)于我們界面圖5-35捐贈(zèng)界面5.4.2后臺(tái)界面代碼PDO數(shù)據(jù)庫連接代碼public

static

$config

=

array();//設(shè)置連接參數(shù)，配置信息

public

static

$link

=

null;//保存連接標(biāo)識(shí)符

public

static

$pconnect

=

false;//是否開啟長連接

public

static

$dbVersion

=

null;//保存數(shù)據(jù)庫版本

public

static

$connected

=

false;//是否連接成功

public

static

$PDOStatement

=

null;//保存PDOStatement對象

public

static

$queryStr

=

null;//保存最后執(zhí)行的操作

public

static

$error

=

null;//報(bào)錯(cuò)錯(cuò)誤信息

public

static

$lastInsertId

=

null;//保存上一步插入操作產(chǎn)生AUTO_INCREMENT

public

static

$numRows

=

0;//上一步操作產(chǎn)生受影響的記錄的條數(shù)

用PHP代語句連接數(shù)據(jù)庫，需要鏈接數(shù)據(jù)庫服務(wù)器、數(shù)據(jù)庫用戶名、數(shù)據(jù)庫密碼、數(shù)據(jù)庫名define("DB_HOST",

'localhost');

define("DB_USER",

'root');

define('DB_PWD',

'123456');

define('DB_NAME',

'guyuan');

define('DB_PORT',

'3306');

define('DB_TYPE',

'mysql');

define('DB_CHARSET',

'utf8');

核心代碼：if

(!is_array($dbConfig))

{

$dbConfig

=

array(

hostname'

=>

DB_HOST,

username'

=>

DB_USER,

password'

=>

DB_PWD,

database'

=>

DB_NAME,

hostport'

=>

DB_PORT,

dbms'

=>

DB_TYPE,

'dsn'

=>

DB_TYPE

.

":host="

.

DB_HOST

.

";dbname="

.

DB_NAME);

}if

(emptyempty($dbConfig['hostname']))

self::throw_exception('沒有定義數(shù)據(jù)庫配置，請先定義');

self::$config

=

$dbConfig;

if

(emptyempty(self::$config['params']))

self::$config['params']

=

array();登錄注冊模塊登錄的html界面中編寫表單<form>標(biāo)簽，用action屬性連接對應(yīng)php文件，并用POST的方法傳輸數(shù)據(jù)到服務(wù)端，服務(wù)端一旦POST所在程序開始執(zhí)行就開始讀取參數(shù)登錄都需要輸入驗(yàn)證碼，即設(shè)置一個(gè)img連接對應(yīng)的驗(yàn)證碼php文件，將生成數(shù)據(jù)儲(chǔ)存在SESSION中，并添加OnClick點(diǎn)擊刷新驗(yàn)證碼。<div

class="lgD">

<img

class="img1"

src="images/logPwd.png"/>

<input

type="text"

placeholder="驗(yàn)證碼"

name="yzm"

id="yzm"style="width:100px;

height:35px;"/>

<img

alt="刷新驗(yàn)證碼"

onClick="this.src='code.php?time='+new

Date().getTime();"

src="code.php?time='+new

Date().getTime();"

style="cursor:pointer;

padding-top:4px;">

</div>

登錄賬戶需要調(diào)用查詢語句，查詢數(shù)據(jù)庫中用戶表的用戶名和密碼，在html中分別的賦予了name，并由POST聯(lián)系了PHP文件，只要設(shè)置對用name名在數(shù)據(jù)庫表中對應(yīng)的字符，即可開始查詢。<form

name="form1"

method="post"

action="login.php">

<div

class="lgD">

<img

class="img1"

src="images/logName.png"/>

<input

type="text"

id="username"

name="username"placeholder="輸入用戶名"/>

</div>

<div

class="lgD">

<img

class="img1"

src="images/logPwd.png"/>

<input

placeholder="輸入用戶密碼"

name="pwd"

type="password"id="pwd"/>

</div>

輸入后會(huì)回到連接數(shù)據(jù)庫的PHP文件來查詢數(shù)據(jù)庫中的數(shù)據(jù)，查詢是否有對應(yīng)數(shù)據(jù)，如果有則登錄成功，沒有則回登錄界面。if

($username

!=

""

&&

$pwd

!=

""

&&

$yzm

!=

"")

{

$res

=

$PdoMySQL->find('allusers',

'username=

\''.

$username.'\'

and

pwd=\''

.

$pwd.'\'');

if

(!emptyempty($res))

{

$_SESSION['username']

=

$username;

$_SESSION['uid']

=

$res['id'];

if

($cx

==

"管理員")

{

$_SESSION['cx']

=

$res["cx"];

}

else

{

$_SESSION['cx']

=

$cx;

}

echo

"<script

language='javascript'>alert('登陸成功！');location='main.php';</script>";

}

else

{

echo

"<script

language='javascript'>alert('用戶名或密碼錯(cuò)誤！');history.back();</script>";

}

}

else

{

echo

"<script

language='javascript'>alert('請輸入完整！');history.back();</script>";

}

產(chǎn)品信息管理模塊添加數(shù)據(jù)到數(shù)據(jù)庫中的PHP代碼public

static

function

delete($table,

$where

=

null,

$order

=

null,

$limit

=

0)

{

$sql

=

"DELETE

FROM

{$table}

"

.

self::parseWhere($where)

.

self::parseOrder($order)

.

self::parseLimit($limit);

return

self::execute($sql);

}

產(chǎn)品添加核心PHP代碼$data

=

[

pro_name'

=>

$_POST['pro_name'],

'type'

=>

$_POST['type'],

downnum'

=>

$_POST['down_num'],

descr'

=>

$_POST['desc'],

'tupian'

=>

$tupian,

add_time'

=>

date('Y-m-d

H:i:s',

time()),

];

添加界面主要有書籍名稱、類別、圖片、書籍介紹等，主要代碼如下：自動(dòng)添加添加時(shí)間：<p>添加商品信息：

當(dāng)前日期：

<?php

echo

$ndate;

?></p>

運(yùn)用form標(biāo)簽和table標(biāo)簽書寫表單，添加書籍名稱：<tr>

<td>書籍名稱：</td>

<td><input

name='pro_name'

type='text'

id=''

value=''

style='border:solid

1px

#000000;

color:#666666'/>

</td>

</tr>

選擇類別，需要查找類別表中發(fā)類別數(shù)據(jù)：<td>類別：</td>

<td><select

name='type'

id='leibie'>

<?php

foreach

($type

as

$k

=>

$v)

{

echo

"<option

value='"

.

$v['name']

.

"'>"

.

$v['name']

.

"</option>";

}

?>

</select></td>

</tr>

圖片，要點(diǎn)擊上傳圖片觸發(fā)上傳功能：<tr><td>圖片：</td>

<td><input

name='tupian'

type='text'

id='tupian'

value=''

size='50'

style='border:solid

1px

#000000;

color:#666666'

/>

<a

href="javaScript:OpenScript('upfile.php?Result=tupian',460,180)">

<img

src="Images/Upload.gif"

width="30"

height="16"

border="0"

align="absmiddle"

/>

</a>

</td></tr>

<script

language="javascript">

function

OpenScript(url,width,height)

{

var

win

=

window.open(url,"SelectToSort",'width='

+

width

+

',height='

+

height

+

',resizable=1,scrollbars=yes,menubar=no,status=yes'

);

}

function

OpenDialog(sURL,

iWidth,

iHeight)

{

var

oDialog

=

window.open(sURL,

"_EditorDialog",

"width="

+

iWidth.toString()

+

",height="

+

iHeight.toString()

+

",resizable=no,left=0,top=0,scrollbars=no,status=no,titlebar=no,toolbar=no,menubar=no,location=no");

oDialog.focus();

}

</script>

介紹，text文本書寫內(nèi)容：<tr><td>書籍介紹：</td>

<td><textarea

name='desc'

cols='50'

rows='8'

id=''

style='border:solid

1px

#000000;

color:#666666'>

</textarea></td></tr>產(chǎn)品刪除核心PHP代碼public

static

function

delete($table,

$where

=

null,

$order

=

null,

$limit

=

0)

{

$sql

=

"DELETE

FROM

{$table}

"

.

self::parseWhere($where)

.

self::parseOrder($order)

.

self::parseLimit($limit);

return

self::execute($sql);

}

產(chǎn)品修改信息，除了修改產(chǎn)品信息外還需要將數(shù)據(jù)更新到數(shù)據(jù)庫中：public

static

function

update($data,

$table,

$where

=

null,

$order

=

null,

$limit

=

0)

{

$sets

=

'';

foreach

($data

as

$key

=>

$val)

{

$sets

.=

$key

.

"='"

.

$val

.

"',";

}

//echo

$sets;

$sets

=

rtrim($sets,

',');

$sql

=

"UPDATE

{$table}

SET

{$sets}

"

.

self::parseWhere($where)

.

self::parseOrder($order)

.

self::parseLimit($limit);

//echo

$sql;

exit;

return

self::execute($sql);

}

類別信息管理模塊添加類別與添加書籍信息同理，添加界面部分代碼如下：<tr>

<td>類別：</td>

<td><input

name='name'

type='text'

id='leibie'

value=''

style='border:solid

1px

#000000;

color:#666666'/>

*

</td></tr>

用戶信息管理模塊管理員與普通用戶添加方法一樣，這里以管理員為例，添加管理員需要添加用戶名：<script

language="javascript">

function

check()

{

if

(document.form1.username.value

==

"")

{

alert("請輸入用戶名");

document.form1.username.focus();

return

false;

}

需要輸入密碼，和二次確認(rèn)密碼，需要輸入兩次的密碼一致才行：

if

(document.form1.pwd1.value

==

"")

{

alert("請輸入密碼");

document.form1.pwd1.focus();

return

false;

}

if

(document.form1.pwd2.value

==

"")

{

alert("請輸入確認(rèn)密碼");

document.form1.pwd2.focus();

return

false;

}

if

(document.form1.pwd1.value

!=

document.form1.pwd2.value)

{

alert("兩次密碼不一致，請重試");

document.form1.pwd1.value

=

"";

document.form1.pwd2.value

=

"";

document.form1.pwd1.focus();

return

false;

}

}

</script>

添加后的數(shù)據(jù)同樣會(huì)存儲(chǔ)到數(shù)據(jù)庫中。查詢信息核心PHP代碼實(shí)現(xiàn)public

static

function

find($tables,

$where

=

null,

$fields

=

'*',

$group

=

null,

$having

=

null,

$order

=

null,

$limit

=

null)

{

$sql

=

'SELECT

'

.

self::parseFields($fields)

.

'

FROM

'

.

$tables

.

self::parseWhere($where)

.

self::parseGroup($group)

.

self::parseHaving($having)

.

self::parseOrder($order)

.

self::parseLimit($limit);

$dataAll

=

self::getAll($sql);

return

count($dataAll)

==

1

?

$dataAll[0]

:

$dataAll;

}

5.5系統(tǒng)測試5.5.1測試意義項(xiàng)目設(shè)計(jì)走到最后一步，也是整個(gè)項(xiàng)目網(wǎng)站的一個(gè)重要環(huán)節(jié)，即系統(tǒng)測試。系統(tǒng)測試是通過對比系統(tǒng)需求，檢查系統(tǒng)是否滿足用戶需求，找到與用戶需求不符與矛盾的地方，從而進(jìn)行修改，其目的是讓用戶能更好的使用本系統(tǒng)項(xiàng)目。為了能夠讓系統(tǒng)更好的運(yùn)行，對其展開全面的系統(tǒng)測試，以下為系統(tǒng)的測試流程圖：圖5-36測試流程圖如圖5-36所示，測試主要分為兩部分，分別是測試和糾錯(cuò)，檢查系統(tǒng)中是否存在不符合需求的地方，并不斷搜索檢查是否存在錯(cuò)誤，之后再進(jìn)行糾錯(cuò)環(huán)節(jié)，解決系統(tǒng)中存在的矛盾沖突，保障系統(tǒng)的運(yùn)行。測試主要分成兩個(gè)模塊，界面測試和性能測試。界面測試是通過不同瀏覽器的測試，檢查項(xiàng)目是否能正常運(yùn)行，是否存在字體亂碼等情況；性能測試則是系統(tǒng)中的各個(gè)功能進(jìn)行測試，檢查是否出現(xiàn)錯(cuò)誤，驗(yàn)證是否滿足需求。5.5.2測試結(jié)果與分析界面測試：分別在360瀏覽器、Firefox瀏覽器、IE瀏覽器等不同瀏覽器只運(yùn)行，本系統(tǒng)可以正常運(yùn)行，沒有出現(xiàn)亂碼等問題；性能測試：模擬不同的系統(tǒng)環(huán)境，進(jìn)行系統(tǒng)的運(yùn)行測試。發(fā)現(xiàn)在不同環(huán)境下系統(tǒng)功能運(yùn)行正常，網(wǎng)絡(luò)正常的情況下沒有出現(xiàn)延遲等情況。分析：本系統(tǒng)網(wǎng)站很好的確保了管理員與用戶的需求，讓管理員與用戶可輕松的、愉快的進(jìn)行操作，系統(tǒng)界面簡潔、功能完善、兼容性強(qiáng)、管理方便、操作簡單，能夠滿足用戶需求。

第六章、總結(jié)與展望6.1總結(jié)本次項(xiàng)目網(wǎng)站的設(shè)計(jì)和開發(fā)主要針對用戶對書籍閱讀的需求，主要實(shí)現(xiàn)一下幾個(gè)部分：用戶管理、產(chǎn)品管理、前端展示以及數(shù)據(jù)庫管理等。網(wǎng)站的優(yōu)勢在于精致的頁面設(shè)計(jì)、簡潔的操作以及靈活動(dòng)態(tài)的后臺(tái)管理，讓用戶在滿足基本需求的同時(shí)，可以產(chǎn)生視覺上的美感以及心靈上的滿足，簡單易懂的操作更好的讓用戶快速熟悉網(wǎng)站，進(jìn)行網(wǎng)站的瀏覽。通過本次項(xiàng)目網(wǎng)站的設(shè)計(jì)與開發(fā)，除了實(shí)踐鞏固了所學(xué)習(xí)的內(nèi)容，我還遇到了很多技術(shù)上的問題，沒有解答，也從很多問題中學(xué)習(xí)到了新的知識(shí)點(diǎn)，總結(jié)如下：前期功能實(shí)現(xiàn)要想好。要做好自己想象中的網(wǎng)站需要知道網(wǎng)站需要什么功能，要事先想好自己要實(shí)現(xiàn)一個(gè)什么樣的網(wǎng)站，要有哪些基礎(chǔ)模塊、要實(shí)現(xiàn)什么基本功能，之后又能有什么擴(kuò)展功能，結(jié)合自身代碼知識(shí)，同時(shí)參考同類型網(wǎng)站進(jìn)行對比借鑒，做好一份基本的設(shè)計(jì)報(bào)告，且繪制好前端頁面的效果圖，在一切準(zhǔn)備工作做足之后，才能大步大步的穩(wěn)定進(jìn)行。規(guī)范的代碼書寫很重要。完成一件事之前要有好的計(jì)劃，接下來就是要按照好的規(guī)范、好的順序一件一件的完成，編寫代碼也是如此，要有良好的書寫代碼的習(xí)慣，不僅是讓界面變得規(guī)整好看，更是為后期的修改調(diào)整提高了很大的效率。這也是將來在工作中非常需要的習(xí)慣，可以更快速的與隊(duì)友對接任務(wù)。要做到舉一反三。在完成項(xiàng)目的時(shí)候難免會(huì)遇到很多問題，在正視面對這些問題的時(shí)候，要學(xué)會(huì)從問題中得到有用的東西，并歸為自用。例如在本次項(xiàng)目中就學(xué)習(xí)到了很多關(guān)于php的知識(shí)，并得以運(yùn)用在項(xiàng)目中，讓項(xiàng)目更豐富?？偨Y(jié)來說，本次項(xiàng)目網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)，雖然不夠完美，但對我還是有很大的幫助，不僅實(shí)踐了大學(xué)期間所學(xué)習(xí)的內(nèi)容，還新添了很多專業(yè)的知識(shí)，對以后的工作是一個(gè)很好的展示例子。6.2展望古籍圖書網(wǎng)站實(shí)現(xiàn)至今，基礎(chǔ)的功能模塊已經(jīng)基本上實(shí)現(xiàn)了，網(wǎng)站可以滿足基本的使用，然而因?yàn)閭€(gè)人能力和時(shí)間的問題，在某些模塊任然存在問題，需要進(jìn)一步的完善和修改，如用戶權(quán)限的管理模塊、產(chǎn)品上新模塊、用戶閱讀模塊，還需要更多時(shí)間的修改和完善，對于有計(jì)劃但沒有實(shí)現(xiàn)的功能，如用戶評論、最新資訊、用戶下載等功能，很可惜沒能在本次項(xiàng)目網(wǎng)站中實(shí)現(xiàn)。因此，在以后的時(shí)間中希望自己能更好的掌握代碼書寫能力，學(xué)習(xí)更多的開發(fā)技術(shù)，學(xué)習(xí)更多的框架內(nèi)容，在工作中不斷積累經(jīng)驗(yàn)和能力，在未來能開發(fā)出更加完善的網(wǎng)站。

參考文獻(xiàn)[SEQ參考文獻(xiàn)\*ARABIC1]韋立梅,張淑榮.基于HTML+CSS+Jquery的網(wǎng)站開發(fā)簡述[J].電腦與電信,2017(09):69-70+76.[SEQ參考文獻(xiàn)\*ARABIC2]黃安.基于PHP+Mysql技術(shù)的網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)——以美食網(wǎng)站系統(tǒng)的設(shè)計(jì)為例[J].輕紡工業(yè)與技術(shù),2019,7:168.[SEQ參考文獻(xiàn)\*ARABIC3]羅正蓉，范靈.應(yīng)用HTML和CSS制作網(wǎng)頁[J].科技展望，2016,（26）：10.[SEQ參考文獻(xiàn)\*ARABIC4]朱敏.JavaScript在HTML中的應(yīng)用探討[J].科技視界，2016,（24）：227-228.[SEQ參考文獻(xiàn)\*ARABIC5]柳汨.基于HTML語言的網(wǎng)頁制作淺析[J].中小企業(yè)管理與科技（上旬刊），2016,（01）：258.[SEQ參考文獻(xiàn)\*ARABIC6]趙勇軍，符紅霞.在嵌入式瀏覽器中基于HTML的滾動(dòng)顯示效果實(shí)現(xiàn)方法研究[J].智能計(jì)算機(jī)與應(yīng)用，2014,(03)：100-102.[SEQ參考文獻(xiàn)\*ARABIC7]王艷.Dreamweaver網(wǎng)頁制作技巧與問題處理[J].電腦編程技巧與維護(hù),2016(19):70-72.[SEQ參考文獻(xiàn)\*ARABIC8]吳燕珍.基于PHP+Dreamweaver的動(dòng)態(tài)網(wǎng)站開發(fā)中常見問題的探討[J].電腦知識(shí)與技術(shù),2018,14(06):235-236[SEQ參考文獻(xiàn)\*ARABIC9]王鷹漢,張慧.基于PHP+MySQL的圖書館管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].科技廣場,2013(10):57-60.[SEQ參考文獻(xiàn)\*ARABIC10]劉進(jìn)軍.論P(yáng)HP在網(wǎng)站系統(tǒng)建設(shè)中的應(yīng)用[J].電腦知識(shí)與技術(shù),2012,8(32):7671-7674.[SEQ參考文獻(xiàn)\*ARABIC11]王石,楊英娜.精通PHP+Mysql應(yīng)用開發(fā)[M].北京:人民郵電出版社,2006.[SEQ參考文獻(xiàn)\*ARABIC12]王逾西.動(dòng)態(tài)網(wǎng)頁的數(shù)據(jù)庫連接技術(shù)[J].天津市財(cái)貿(mào)管理干部學(xué)院學(xué)報(bào),2010,12(01):41-43.[SEQ參考文獻(xiàn)\*ARABIC13]RobinNixon著；候榮濤譯.LEARNINGPHP,MYSQL,JAVASCRIPTandCSS(第2版[M]).北京：中國電力出版社，2014.04.[SEQ參考文獻(xiàn)\*ARABIC14]YangLi.ResearchonHTML5MicrolectureofWebDesignCourses[P].Proceedingsofthe3rdInternationalConferenceonCulture,EducationandEconomicDevelopmentofModernSociety(ICCESE2019),2019.[SEQ參考文獻(xiàn)\*ARABIC15]XiaoshengYu,CaiYi.DesignandImplementationoftheWebsiteBasedonPHP&MYSQL[P].E-ProductE-ServiceandE-Entertainment(ICEEE),2010InternationalConferenceon,2010

.致謝時(shí)間是最奢侈的東西，大學(xué)的四年時(shí)光就這么迎來了尾聲，我們就要畢業(yè)了。四年所經(jīng)歷的春夏秋冬，所嘗過的酸甜苦辣，所體驗(yàn)的喜怒哀樂，就在這份畢業(yè)論文上掛上了圓滿的句號(hào)。從一開始對大學(xué)生活充滿好奇的少年，到現(xiàn)如今準(zhǔn)備踏上社會(huì)的有志青年，不變的依舊是對知識(shí)的好奇，我很感謝這四年里踏入我生活的你們。首先我要感謝我的同班同學(xué)，四年的時(shí)光與之度過，承有滄桑亦有美好，我們一起學(xué)習(xí)，一起成長。這四年你們帶給我很多歡樂，也告訴了我什么叫做同伴，我們一起經(jīng)歷了大大小小的事件，而我們牽著彼此的手從未放開過，我們一起扶持一起成長，遇到問題一起扛，是你們讓我深刻體驗(yàn)了“團(tuán)結(jié)”二字的意義，我很感謝四年里有你們。我還要感謝我的老師們。沒有您們耐心的教學(xué)，我們不可能這么快的成長，我要特別感謝我的導(dǎo)師吳志達(dá)老師，謝謝您對我的指導(dǎo)，很感謝能成為您的學(xué)生。期初的巧合讓您成為我們的老師，您專業(yè)的學(xué)識(shí)、開闊的思維以及輕松愉快的教學(xué)氛圍，將知識(shí)以十分歡快的形式傳授給每一個(gè)人，對待學(xué)生的問題也十分耐心的解答，十分感謝您不僅教會(huì)我們很多技術(shù)，還以自身的經(jīng)歷告訴我們社會(huì)上的很多事情，同時(shí)再次感謝您抽出時(shí)間來解答我所有的問題。最后我要感謝我的家人。我最強(qiáng)勁的后盾就是我的家人，無時(shí)無刻都在背后支持著我、保護(hù)著我，給予我充滿愛的環(huán)境，將我撫養(yǎng)長大，包容我所有的任性，從不求回報(bào)，一心只希望我能夠快樂。感謝你們對我無微不至的照顧，感謝你們讓我充滿快樂希望，感謝你們給予我家的溫暖。四年的青春，就似一壺酒，喝一口濃烈，好似酸甜，好似辛辣，抿一會(huì)則是醇香撲鼻、回味無窮，讓人不舍，讓人難忘。論文也即將寫完，四年的時(shí)光也將畫上句點(diǎn)，本次的論文是我對大學(xué)四年所學(xué)知識(shí)的實(shí)踐與展示，我會(huì)好好記住這段經(jīng)歷，將這段經(jīng)歷成為這壺酒的原料，為將來釀就一壺美酒打下好基礎(chǔ)。再次感謝所有人，謝謝你們。

電腦無法識(shí)別U盤該怎么辦HYPERLINK電腦無法識(shí)別U盤怎么辦?打開我的電腦上單擊右鍵，在快捷菜單里，選擇“管理”，打開“計(jì)算機(jī)管理”窗口。在計(jì)算機(jī)管理窗口里，選擇“存儲(chǔ)”下面的“磁盤管理”，如果看得到?jīng)]有盤符的U盤，那么在這個(gè)U盤上按鼠標(biāo)右鍵，選擇“更改驅(qū)動(dòng)器名稱和路徑”選項(xiàng)，就打開了“更改……的驅(qū)動(dòng)器號(hào)和路徑”對話框。再點(diǎn)擊“更改”按鈕，打開“更改驅(qū)動(dòng)器號(hào)和路徑”的對話框，在“指定以下驅(qū)動(dòng)器號(hào)”的右邊下拉列表里，選擇你希望分配給U盤的驅(qū)動(dòng)器號(hào)，盡可能靠后選擇，比如X、Y、Z，選擇好后，單擊確定按鈕，回到上一次“更改……的驅(qū)動(dòng)器號(hào)和路徑”對話框窗口，再一次單擊確定，就回到“計(jì)算機(jī)管理”窗口。至此，如果一切正常，就給U盤單獨(dú)設(shè)置了一個(gè)長久使用的驅(qū)動(dòng)器號(hào)，并卻，不受虛擬驅(qū)動(dòng)器的影響了。建議將U盤插到電腦上，看任務(wù)欄中是否顯示圖標(biāo)，如果顯示，在我的電腦點(diǎn)右鍵查看屬性——高級——硬件——設(shè)備管理器——查看里面是否有問號(hào)的設(shè)備，在問號(hào)設(shè)備上點(diǎn)右鍵——更新驅(qū)動(dòng)程序然后下一步——否暫時(shí)不連接到網(wǎng)絡(luò)——下一步自動(dòng)安裝軟件（推薦）就可以了另外：系統(tǒng)不認(rèn)U盤的幾種處理方法1.禁用主板usb設(shè)備。管理員在CMOS設(shè)置里將USB設(shè)備禁用，并且設(shè)置BIOS密碼，這樣U盤插到電腦上以后，電腦也不會(huì)識(shí)別。這種方法有它的局限性，就是不僅禁用了U盤，同時(shí)也禁用了其他的usb設(shè)備，比如usb鼠標(biāo)，usb光驅(qū)等。所以這種方法管理員一般不會(huì)用，除非這臺(tái)電腦非常重要，值得他舍棄掉整個(gè)usb總線的功能。但是這種屏蔽也可以破解，即便設(shè)置了密碼。整個(gè)BIOS設(shè)置都存放在CMOS芯片里，而COMS的記憶作用是靠主板上的一個(gè)電容供電的。電容的電來源于主板電池，所以，只要把主板電池卸下來，用一根導(dǎo)線將原來裝電池的地方正負(fù)極短接，瞬間就能清空整個(gè)CMOS設(shè)置，包括BIOS的密碼。隨后只需安回電池，自己重新設(shè)置一下CMOS，就可以使用usb設(shè)備了。（當(dāng)然，這需要打開機(jī)箱，一般眾目睽睽之下不大適用~~）2.修改注冊表項(xiàng)，禁用usb移動(dòng)存儲(chǔ)設(shè)備。打開注冊表文件，依次展開"HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\usbehci”雙擊右面的“Start”鍵，把編輯窗口中的“數(shù)值數(shù)據(jù)”改為“4”，把基數(shù)選擇為“十六進(jìn)制”就可以了。改好后注銷一下就可以看見效果了。為了防止別人用相同的方法來破解，我們可以刪除或者改名注冊表編輯器程序。提示：“Start”這個(gè)鍵是USB設(shè)備的工作開關(guān)，默認(rèn)設(shè)置為“3”表示手動(dòng)，“2”是表示自動(dòng)，“4”是表示停用。3.在computermanagement里將removablestorage的使用權(quán)限禁止。computermanagement是一個(gè)windows管理組件，可以在控制面板——管理工具——計(jì)算機(jī)管理打開。在該工具窗口中storage——removablestorage——property中，general項(xiàng)，可以控制系統(tǒng)托盤是否顯示security則可以管理移動(dòng)存儲(chǔ)設(shè)備的使用權(quán)限。在security中將普通用戶的使用權(quán)限降低，就可以達(dá)到禁用u盤的目的。破解的方法也很簡單，管理員降低普通用戶移動(dòng)存儲(chǔ)設(shè)備的使用權(quán)限，但未必禁用computermanagement的使用權(quán)限。普通用戶可以通過這個(gè)工具解除usb移動(dòng)存儲(chǔ)設(shè)備的使用權(quán)限限制。另外，值得一提的是，如果u盤插到電腦上后可以驅(qū)動(dòng)，但是我的電腦里卻沒有盤符，很有可能是管理員改動(dòng)了u盤的默認(rèn)盤符，使得我的電腦不能識(shí)別。這種情況，可以在movablestorage中看到u盤驅(qū)動(dòng)器?？梢栽趗盤驅(qū)動(dòng)器屬性設(shè)置里為u盤重新分配一個(gè)盤符，再重新插拔一次u盤，就可以在我的電腦里看到u盤的盤符了。一、首先可以將該U盤換到別的機(jī)器上，看使用是否正常。如果排除了硬件損壞的可能，一般就是軟件方面有問題。在WindowsXP+SP1操作系統(tǒng)下，有些USB2.0設(shè)備的確常常出現(xiàn)工作不穩(wěn)定的問題，可以試試安裝設(shè)備自帶的USB2.0驅(qū)動(dòng)程序。另外最好不要使用USB延長線，防止因?yàn)楣╇姴蛔愣斐刹环€(wěn)定現(xiàn)象。如果仍無效，可以在主板BIOS設(shè)定中，將USB接口強(qiáng)行設(shè)置為USB1.1傳輸速率。二、（適用于WIN98）啟動(dòng)計(jì)算機(jī)，進(jìn)入主板BIOS設(shè)置，檢查BIOS中USB的相關(guān)選項(xiàng)是否已經(jīng)打開：OnChipUSB設(shè)定為Enabled；USBController設(shè)定為Enabled；PNPOSInstalled設(shè)定為Yes；AssignIRQForUSB設(shè)成Enabled。要正常使用USB設(shè)備首先要開啟USB接口，在主板BIOS里可以進(jìn)行此項(xiàng)工作，一般來說只需在BIOS中進(jìn)入ChipsetFeatures設(shè)置，并將USBKeyborad/MouseLegacy選項(xiàng)設(shè)定為Enable，就能夠保證在操作系統(tǒng)下使用USB鍵盤了。這些選項(xiàng)的作用是打開主板芯片組對USB設(shè)備的完全支持，為系統(tǒng)識(shí)別USB設(shè)備做準(zhǔn)備工作。三、USB口接觸不好處理辦法：拔下，等十秒鐘再插上USB口，使接觸完好；五、閃存盤驅(qū)動(dòng)程序沒有安裝完成(WIN98系統(tǒng)下)處理辦法：鼠標(biāo)點(diǎn)“我的電腦”，選擇屬性找到“通用串行總線”，刪除其中的USBMASSSTORAGE項(xiàng)，再點(diǎn)擊“刷新”，然后按照提示重新安裝一次驅(qū)動(dòng)程序。六、接其它USB設(shè)備(如掃描儀、打印機(jī)、數(shù)碼相機(jī))時(shí)可以正常使用，接優(yōu)盤時(shí)閃指示燈不亮，不能夠使用。1、檢查優(yōu)盤與電腦的聯(lián)接是否正常，并換用其它USB接口測試。2、檢查設(shè)備管理器，看是否出現(xiàn)”通用總線設(shè)備控制器”條目，如果沒有，請將電腦主板BIOS中USB接口條目*激活(ENABLE)。3、如果電腦安裝過其它類型USB設(shè)備，卸載該設(shè)備驅(qū)動(dòng)程序，并首先安裝優(yōu)盤驅(qū)動(dòng)程序。4、到其它電腦試用此優(yōu)盤，確認(rèn)是否優(yōu)盤不良。七、啟動(dòng)型優(yōu)盤在的電腦上無法實(shí)現(xiàn)啟動(dòng)，可能是主板型號(hào)不支持。如何判斷一塊主板是否支持閃存盤啟動(dòng)系統(tǒng)啟動(dòng)型優(yōu)盤是采用模擬USB軟驅(qū)和USB硬盤的方式啟動(dòng)電腦的。只要電腦主板支持USB設(shè)備啟動(dòng)，即BIOS的啟動(dòng)選項(xiàng)中有USB-FDD、USB-HDD或是其它類似的選項(xiàng)，就可以使用啟動(dòng)型優(yōu)盤啟動(dòng)電腦。八、第一次在電腦上使用優(yōu)盤，未出現(xiàn)提示發(fā)現(xiàn)新硬件的窗口，驅(qū)動(dòng)程序無法安裝的原因可能是：1、主板usbcontroller未啟用解決辦法:在電腦主板BIOS中啟用此功能。2、usbcontroller已經(jīng)啟用但運(yùn)行不正常解決辦法:在設(shè)備管理器中刪除”通用串行控制器”下的相關(guān)設(shè)備并刷新。3、優(yōu)盤被電腦識(shí)別異常，在設(shè)備管理器中表現(xiàn)為帶有黃色？或！的”其它設(shè)備”或“未知設(shè)備”。解決辦法:刪除此設(shè)備并刷新。九、大容量的U盤(例如兼具M(jìn)P3播放器或錄音功能的U盤)或移動(dòng)硬盤在電腦上無法正常使用，雖然系統(tǒng)提示找到了未知的USB設(shè)備，但無法正確識(shí)別U盤或移動(dòng)硬盤。原因可能是：1．USB接口供電不足:系統(tǒng)為每個(gè)USB接口分配了500mA的最大輸出電流，一般的U盤只需要100mA的工作電流，因此在使用過程中不會(huì)出現(xiàn)什么問題。大多數(shù)移動(dòng)硬盤所使用的是普通的2.5英寸硬盤，其工作電流介于500mA~1000mA之間，此時(shí)假如僅僅通過USB接口供電，當(dāng)系統(tǒng)中并無其他USB設(shè)備時(shí)，那么還是可以勉強(qiáng)使用的，但如果電壓不穩(wěn)的話，就隨時(shí)可能出現(xiàn)供電不足的問題。特別是使用支持USB2.0的移動(dòng)硬盤時(shí)，情況最為嚴(yán)重。另外，如果你的筆記本電腦使用電池供電，那么USB接口所分配的電量就更小了。2．使用了外接的USB擴(kuò)展卡:在筆記本電腦中使用USB2.0的U盤或移動(dòng)硬盤時(shí)，如果筆記本電腦不支持USB2.0技術(shù)，一般必須通過PCMCIA卡轉(zhuǎn)USB2.0的擴(kuò)展卡來間接實(shí)現(xiàn)支持，這些擴(kuò)展卡基本上都采用NEC公司的D720100AGMUSB控制芯片，少則提供兩個(gè)USB2.0接口，多則提供五個(gè)USB2.0接口，對一般用戶而言足夠使用了。由于PCMICA接口提供的電源功率比板載USB接口要小，這樣就會(huì)由于供電不足而導(dǎo)致移動(dòng)硬盤工作的出現(xiàn)問題。解決方案:1.它從USB連接線上接移動(dòng)硬盤的一端引出一根轉(zhuǎn)接線，可以插入電腦背后的PS/2接口取電，這里可以比USB接口提供更大的電流輸出。2.利用電源補(bǔ)償線(也稱“鍵盤取電線”)，如果U盤或移動(dòng)硬盤的包裝盒中提供了選配的電源適配器，你就可以直接使用外接電源，這樣就可以從根本上避免供電不足的情況發(fā)生了前置USB線接錯(cuò)。當(dāng)主板上的USB線和機(jī)箱上的前置USB接口對應(yīng)相接時(shí)把正負(fù)接反就會(huì)發(fā)生這類故障，這也是相當(dāng)危險(xiǎn)的，因?yàn)檎?fù)接反很可能會(huì)使得USB設(shè)備燒毀。所以盡量采用機(jī)箱后置的USB接口,也少用延長線.也可能是斷口有問題,換個(gè)USB端口看下.USB接口電壓不足。當(dāng)把<ahref="mobileharddisk">移動(dòng)硬盤</a>接在前置USB口上時(shí)就有可能發(fā)生系統(tǒng)無法識(shí)別出設(shè)備的故障。原因是<ahref="">移動(dòng)硬盤</a>功率比較大要求電壓相對比較嚴(yán)格，前置接口可能無法提供足夠的電壓，當(dāng)然劣質(zhì)的電源也可能會(huì)造成這個(gè)問題。解決方法是<ahref="">移動(dòng)硬盤</a>不要接在前置USB接口上，更換劣質(zhì)低功率的電源或盡量使用外接電源的硬盤盒，假如有條件的話。主板和系統(tǒng)的兼容性問題。呵呵這類故障中最著名的就是NF2主板與USB的兼容性問題。假如你是在NF2的主板上碰到這個(gè)問題的話，則可以先安裝最新的nForce2專用USB2.0驅(qū)動(dòng)和補(bǔ)丁、最新的主板補(bǔ)丁和操作系統(tǒng)補(bǔ)丁，還是不行的話嘗試著刷新一下主板的BIOS一般都能解決。系統(tǒng)或BIOS問題。當(dāng)你在BIOS或操作系統(tǒng)中禁用了USB時(shí)就會(huì)發(fā)生USB設(shè)備無法在系統(tǒng)中識(shí)別。解決