平面畢業(yè)設(shè)計(jì)初稿內(nèi)容平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)論文初稿畢業(yè)設(shè)計(jì)（論文）題目平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)學(xué)生邱群妹指導(dǎo)老師呂福春（講師）系別計(jì)算機(jī)與信息科學(xué)系專業(yè)網(wǎng)絡(luò)工程班級網(wǎng)絡(luò)0801學(xué)號08300401472011年6月福建工程學(xué)院本科畢業(yè)設(shè)計(jì)論文作者承諾保證書本人鄭重承諾本篇畢業(yè)設(shè)計(jì)論文的內(nèi)容真實(shí)、可靠。如果存在弄虛作假、抄襲的情況，本人愿承擔(dān)全部責(zé)任。學(xué)生簽名年月日福建工程學(xué)院本科畢業(yè)設(shè)計(jì)論文指導(dǎo)教師承諾保證書本人鄭重承諾我已按有關(guān)規(guī)定對本篇畢業(yè)設(shè)計(jì)論文的選題與內(nèi)容進(jìn)行了指導(dǎo)和審核，該同學(xué)的畢業(yè)設(shè)計(jì)（論文）中未發(fā)現(xiàn)弄虛作假、抄襲的現(xiàn)象，本人愿承擔(dān)指導(dǎo)教師的相關(guān)責(zé)任。指導(dǎo)教師簽名年月日目錄1選題背景511課題的來源512課題在國內(nèi)外的概況513課題研究及解決的主要問題614課題研究的目的和意義62開發(fā)平臺介紹721系統(tǒng)平臺環(huán)境722相關(guān)技術(shù)823開發(fā)工具113課題方案論證1131可行性研究1232方案選擇1333開發(fā)平臺和工具134過程論證分析1541需求分析1542系統(tǒng)功能1543系統(tǒng)功能分析1644性能要求205方案設(shè)計(jì)2151總體設(shè)計(jì)2152概念結(jié)構(gòu)設(shè)計(jì)2353邏輯結(jié)構(gòu)設(shè)計(jì)2454物理結(jié)構(gòu)設(shè)計(jì)2555系統(tǒng)詳細(xì)設(shè)計(jì)2856主要功能函數(shù)簡介326提供交互界面設(shè)計(jì)說明3561前臺界面實(shí)現(xiàn)3562后臺界面實(shí)現(xiàn)397總結(jié)與展望4371結(jié)論4372前景展望4473網(wǎng)站完成后的網(wǎng)絡(luò)營銷。44致謝語45參考文獻(xiàn)46平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)摘要在二十一世紀(jì)，逐漸信息化的同時(shí)，讓網(wǎng)絡(luò)技術(shù)越來越成熟，也使得越來越多的公司建立一個(gè)自己的網(wǎng)站。在早些時(shí)候平面設(shè)計(jì)公司網(wǎng)站僅僅是提供畫冊或者FLASH圖案，現(xiàn)在電子商務(wù)的引導(dǎo)下，一個(gè)功能健全、符合平面設(shè)計(jì)公司要求的網(wǎng)站管理系統(tǒng)也就應(yīng)運(yùn)而生。網(wǎng)上交易已成為市場經(jīng)濟(jì)發(fā)展的趨勢。網(wǎng)站就是利用簡單，快捷且低成本的電子通訊方式，買賣雙方不謀面就可以進(jìn)行各種商貿(mào)活動(dòng)，互聯(lián)網(wǎng)商業(yè)的普遍應(yīng)用以成為網(wǎng)絡(luò)經(jīng)濟(jì)的大勢所向。平面設(shè)計(jì)公司網(wǎng)站本著信息全面、分類詳細(xì)、檢索方便、互連共享這四個(gè)特性，該系統(tǒng)主要實(shí)現(xiàn)用戶自定義的網(wǎng)站設(shè)置，例如資料分類管理、在線溝通等功能，讓瀏覽者能夠直觀的、具體的了解該公司的團(tuán)隊(duì)實(shí)力，突破時(shí)間與空間的限制，快捷地與此公司進(jìn)行各種信息溝通。本文論述的是通過調(diào)研與設(shè)計(jì)，實(shí)現(xiàn)包括新聞管理、產(chǎn)品展示、用戶留言等模塊的網(wǎng)站管理系統(tǒng)。該系統(tǒng)采用JSPMYSQL為開發(fā)平臺，使用DIVCSS技術(shù)實(shí)現(xiàn)前臺與后臺界面，并且經(jīng)過搜索引擎優(yōu)化，可以有效、方便地向客戶展示平面設(shè)計(jì)公司的作品和最新動(dòng)向，提高公司在運(yùn)營過程中的工作效率。關(guān)鍵字平面設(shè)計(jì)，公司網(wǎng)站，電子商務(wù)，JSP，MYSQL，搜索引擎優(yōu)化THEDESIGNANDIMPLEMENTATIONOFGRAPHICDESIGNCOMPANYWEBSITEABSTRACTINTWENTYFIRSTCENTURY,GRADUALLYINFORMATIZATIONATTHESAMETIME,LETTHENETWORKTECHNOLOGYMOREANDMOREMATURE,ALSOMAKESMOREANDMOREENTERPRISESTOESTABLISHAWEBSITEOFTHEIROWNINTHEEARLIERGRAPHICDESIGNCOMPANYWEBSITEPROVIDESONLYALBUMORFLASHPATTERN,NOWTHEELECTRONICCOMMERCEUNDERTHEGUIDANCE,AFUNCTIONOFSOUND,WITHGRAPHICDESIGNCOMPANYWEBSITEMANAGEMENTSYSTEMALSOEMERGEASTHETIMESREQUIREONLINETRADINGHASBECOMETHEDEVELOPMENTTRENDOFTHEMARKETECONOMYSITEISTHEUSEOFSIMPLE,CONVENIENTANDLOWCOSTELECTRONICMEANSOFCOMMUNICATION,NOTMETBUYERSANDSELLERSCANCARRYOUTAVARIETYOFBUSINESSACTIVITIES,THEUNIVERSALUSEOFELECTRONICCOMMERCETOBECOMETHETRENDOFINTERNETECONOMYGRAPHICDESIGNCOMPANYWEBSITEBASEDONCOMPREHENSIVEINFORMATION,CLASSIFICATION,RETRIEVAL,CONVENIENTINTERCONNECTIONSHARINGTHESEFOURCHARACTERISTICS,THESYSTEMISMAINLYTOACHIEVETHEUSERSITESETTINGS,FOREXAMPLEINFORMATIONCLASSIFICATIONMANAGEMENT,ONLINECOMMUNICATIONFUNCTION,SOPEOPLECANINTUITIVELY,SPECIFICKNOWLEDGEOFTHECOMPANYSTEAMSTRENGTH,BREAKTHROUGHTHELIMITATIONOFTIMEANDSPACE,ANDQUICKLYANDTHECOMPANYOFALLKINDSOFINFORMATIONCOMMUNICATIONTHISPAPERISTHROUGHINVESTIGATIONANDDESIGN,INCLUDINGNEWSMANAGEMENT,PRODUCTDISPLAY,USERMESSAGESANDOTHERMODULESOFTHEWEBSITEMANAGEMENTSYSTEMTHESYSTEMUSESJSPMYSQLASTHEDEVELOPMENTPLATFORM,USINGDIVCSSTECHNOLOGYTOACHIEVETHEONSTAGEANDTHEBACKSTAGEINTERFACE,ANDTHROUGHSEARCHENGINEOPTIMIZATION,CANEFFICIENTLY,CONVENIENTLYTOSHOWCUSTOMERSDESIGNGRAPHICDESIGNWORKSANDTHELATESTTRENDS,IMPROVETHECOMPANYINTHEPROCESSOFOPERATIONANDWORKEFFICIENCYKEYWORDSGRAPHICDESIGN,COMPANYWEBSITE,ELECTRONICCOMMERCE,JSP,MYSQL,SEO1選題背景11課題的來源在INTERNET快速發(fā)展的今天，互聯(lián)網(wǎng)已成為人們獲取、發(fā)布和傳遞信息的重要渠道，因此網(wǎng)站建立在政治、經(jīng)濟(jì)、生活、娛樂等各個(gè)方面有著重要的作用。擁有一個(gè)特色的網(wǎng)站，能夠讓客戶深刻的記住，和有興趣了解公司，從而達(dá)到推廣公司的效果。而平面設(shè)計(jì)公司更應(yīng)該如此。平面設(shè)計(jì)主要是讓用戶對所設(shè)計(jì)的作品有煥然一新的感覺，能夠吸引住客戶的注意。平面設(shè)計(jì)用途廣，覆蓋面大，涉及域廣泛。因此平面設(shè)計(jì)公司急需一個(gè)有特色的網(wǎng)站來展示自己的作品和特色。對于平面設(shè)計(jì)公司網(wǎng)站的要求有界面美觀大方，能夠?yàn)橛脩籼峁┝己玫臏贤ōh(huán)境，從而完成一個(gè)讓客戶滿意的作品。平面設(shè)計(jì)公司網(wǎng)站本著信息全面、分類詳細(xì)、檢索方便、互連共享這四個(gè)特性，展示了畫冊、海報(bào)、雜志、包裝設(shè)計(jì)、標(biāo)志設(shè)計(jì)、傳單設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等系列案例的介紹，該網(wǎng)站還包括了公司介紹，資歷，團(tuán)隊(duì)，環(huán)境，聯(lián)系等功能，讓瀏覽者能夠直觀的、具體的了解該公司的團(tuán)隊(duì)實(shí)力，突破時(shí)間與空間的限制，快捷地與此公司進(jìn)行各種信息溝通。綜上所述，在電子商務(wù)盛行的今天，一個(gè)功能健全、符合平面設(shè)計(jì)公司要求的網(wǎng)站系統(tǒng)也就應(yīng)運(yùn)而生。12課題在國內(nèi)外的概況在國內(nèi)網(wǎng)站所采用的技術(shù)日趨成熟，其影響性、重要性、權(quán)威性與日俱增。隨著經(jīng)濟(jì)的發(fā)展，人們的消費(fèi)方式也多樣化，網(wǎng)上交易已成為市場經(jīng)濟(jì)發(fā)展的趨勢。網(wǎng)站就是利用簡單，快捷且低成本的電子通訊方式，買賣雙方不謀面就可以進(jìn)行各種商貿(mào)活動(dòng)，互聯(lián)網(wǎng)商業(yè)的普遍應(yīng)用以成為網(wǎng)絡(luò)經(jīng)濟(jì)的大勢所向。網(wǎng)站建設(shè)逐漸成為公司企業(yè)宣傳的選擇之一在激烈市場競爭中，無論是國際還是國內(nèi)的企業(yè)，都把提高設(shè)計(jì)水平作為提升競爭力的一種手段，從報(bào)紙到雜志、從電視到網(wǎng)絡(luò)、從品牌到包裝、從廣告到形象設(shè)計(jì)，平面設(shè)計(jì)的功能和作用不斷放大，其影響力設(shè)計(jì)到社會(huì)生活的各個(gè)方面和各個(gè)行業(yè)。所謂的平面設(shè)計(jì)，就是把不同的基本圖形按照一定的規(guī)則在平面組合成圖案所表現(xiàn)出來的立體空間感。為了吸引更多的瀏覽者及客戶，平面設(shè)計(jì)公司網(wǎng)站本著信息全面、分類詳細(xì)、檢索方便、互連共享這四個(gè)特性，展示了畫冊、海報(bào)、雜志、包裝設(shè)計(jì)、標(biāo)志設(shè)計(jì)、傳單設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等系列案例的介紹，該網(wǎng)站還包括了公司介紹，資歷，團(tuán)隊(duì)，環(huán)境，聯(lián)系等功能，讓瀏覽者能夠直觀的、具體的了解該公司的團(tuán)隊(duì)實(shí)力，突破時(shí)間與空間的限制，快捷地與此公司進(jìn)行各種信息溝通。13課題研究及解決的主要問題在整個(gè)平面設(shè)計(jì)公司網(wǎng)站系統(tǒng)的設(shè)計(jì)過程中，主要考慮的問題有三個(gè)。第一，選擇何種動(dòng)態(tài)網(wǎng)頁編程語言在比較了ASP、ASPX、JSP、PHP等多種編程語言后，最終選定JSP為網(wǎng)站的核心編程語言。JSP是一個(gè)特別的JAVA語言，它跨平臺性強(qiáng)，強(qiáng)大的可伸縮性，多樣化和功能強(qiáng)大的工具支持。第二，選擇何種數(shù)據(jù)庫在比較了ACCESS、MSSQL、ORACLE、MYSQL等多種數(shù)據(jù)庫系統(tǒng)后，最終選定MYSQL為網(wǎng)站的數(shù)據(jù)庫系統(tǒng)。MYSQL的功能對于中小型企業(yè)來講綽綽有余，而且其亦為開源免費(fèi)，能夠降低企業(yè)網(wǎng)站成本，能夠方便快捷地處理各種數(shù)據(jù)庫問題。第三，網(wǎng)站完成后如何進(jìn)行網(wǎng)絡(luò)營銷的推廣針對這個(gè)問題，特別參考了SEO和以用戶為中心的交互設(shè)計(jì)等方面的書籍。14課題研究的目的和意義本次平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，首先要對平面設(shè)計(jì)公司的整個(gè)業(yè)務(wù)流程以及公司對于網(wǎng)站需求做深入的調(diào)研。在充分理解公司對于網(wǎng)站要求之后，在進(jìn)行包括數(shù)據(jù)庫以及界面交互設(shè)計(jì)等方面開展研究。通過類似文章管理系統(tǒng)的設(shè)計(jì)方法來實(shí)現(xiàn)整個(gè)網(wǎng)站，預(yù)期實(shí)現(xiàn)管理員設(shè)置、網(wǎng)站信息設(shè)置、欄目管理、文章及作品管理、客戶留言等功能。制作平面設(shè)計(jì)公司網(wǎng)站的宗旨在于以更加友好的形式想客戶展現(xiàn)公司的動(dòng)向和作品，提供與客戶交流的良好平臺，提升用戶體驗(yàn)以及用戶對于公司實(shí)力的整體印象，從而有效提高公司在網(wǎng)絡(luò)上運(yùn)營的效率。2開發(fā)平臺介紹21系統(tǒng)平臺環(huán)境211硬件平臺硬件設(shè)備設(shè)計(jì)是根據(jù)信息系統(tǒng)的設(shè)計(jì)需求，確定信息系統(tǒng)物理設(shè)備方案，所設(shè)計(jì)的硬件設(shè)備方案在能夠充分滿足信息系統(tǒng)功能需求的前提下，還應(yīng)滿足系統(tǒng)的效率、可靠性、安全性和適應(yīng)性等性能要求，并具有較高的性價(jià)比。根據(jù)前面的需求分析，我們得出本系統(tǒng)理想的環(huán)境當(dāng)然是配置較高最好，實(shí)際操作中硬件平臺如下硬件環(huán)境訪問者建議用戶在允許的情況下采用較高配置硬件資源。硬件環(huán)境開發(fā)者INTELCORET2450200GHZ，250G內(nèi)存，320G磁盤空間。212軟件平臺軟件平臺是信息系統(tǒng)開發(fā)和運(yùn)行所需的集成軟件環(huán)境，設(shè)計(jì)和選擇高效、實(shí)用、方便、功能齊全的軟件平臺，對信息系統(tǒng)的開發(fā)具有十分重要的意義。在結(jié)合實(shí)際開發(fā)的需要并充分考慮各種軟件平臺的性能及適用范圍和對軟件平臺的使用能力，本系統(tǒng)的軟件平臺選擇如下（1）操作系統(tǒng)操作系統(tǒng)是計(jì)算機(jī)系統(tǒng)中最重要的系統(tǒng)軟件，目前在微機(jī)上使用的桌面操作系統(tǒng)有WINDOWS95/98/2000/ME/XP/2003SERVER等，本系統(tǒng)在WINDOWS7操作系統(tǒng)下進(jìn)行開發(fā)，可運(yùn)行于前面所列舉的各種操作系統(tǒng)，但建議使用WINDOWS2000以上系統(tǒng)。（2）支撐軟件支撐軟件是協(xié)助人們開發(fā)和維護(hù)軟件的工具和環(huán)境軟件，包括編輯程序，數(shù)據(jù)庫系統(tǒng)，集成開發(fā)環(huán)境等，本系統(tǒng)的支撐軟件如下1、數(shù)據(jù)庫管理系統(tǒng)（DBMS）為了對數(shù)據(jù)庫實(shí)施集中管理，同時(shí)并發(fā)的處理多個(gè)客戶機(jī)發(fā)來的數(shù)據(jù)處理要求，我們選用MYSQL數(shù)據(jù)庫管理系統(tǒng)。2、網(wǎng)頁技術(shù)在這里我們使用JSP來建立系統(tǒng)。22相關(guān)技術(shù)221B/S模式B/S（瀏覽器/服務(wù)器）是由瀏覽器、WEB服務(wù)器、應(yīng)用服務(wù)器和數(shù)據(jù)庫服務(wù)器組成的多層結(jié)構(gòu)體系。它是隨著INTERNET技術(shù)的興起，對C/S結(jié)構(gòu)的一種變化或者改進(jìn)的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實(shí)現(xiàn)，極少部分事務(wù)邏輯在前端（BROWSER）實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（SERVER）實(shí)現(xiàn)，形成所謂三層3TIER結(jié)構(gòu)。這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護(hù)與升級的成本和工作量，降低了用戶的總體成本（TCO）。以目前的技術(shù)看，局域網(wǎng)建立B/S結(jié)構(gòu)的網(wǎng)絡(luò)應(yīng)用，并通過INTERNET/INTRANET模式下數(shù)據(jù)庫應(yīng)用，相對易于把握、成本也是較低的。它是一次性到位的開發(fā)，能實(shí)現(xiàn)不同的人員，從不同的地點(diǎn)，以不同的接入方式（比如LAN,WAN,INTERNET/INTRANET等）訪問和操作共同的數(shù)據(jù)庫；它能有效地保護(hù)數(shù)據(jù)平臺和管理訪問權(quán)限，服務(wù)器數(shù)據(jù)庫也很安全。特別是在JAVA這樣的跨平臺語言出現(xiàn)之后，B/S架構(gòu)管理軟件更是方便、速度快、效果優(yōu)。隨著INTERNET和WWW的流行，以往的主機(jī)/終端和C/S都無法滿足當(dāng)前的全球網(wǎng)絡(luò)開放、互連、信息隨處可見和信息共享的新要求，于是就出現(xiàn)了B/S型模式。他的特點(diǎn)是1用戶界面簡單易用。用戶使用單一的瀏覽器軟件，通過鼠標(biāo)即可訪問文本、圖像、聲音、電影及數(shù)據(jù)庫等信息，特別適合非計(jì)算機(jī)人員使用。2易于維護(hù)與升級。由于客戶端無需專用的軟件，所以，系統(tǒng)的維護(hù)和升級工作簡單。3具有良好的開放性。瀏覽器/服務(wù)器結(jié)構(gòu)采用標(biāo)準(zhǔn)的TCP/IP、HTTP協(xié)議，能夠與遵循這些標(biāo)準(zhǔn)協(xié)議的信息系統(tǒng)及其網(wǎng)絡(luò)很好的結(jié)合，具有良好的開放性，保護(hù)了用戶的投資。4信息共享度高。HTML是數(shù)據(jù)格式的一種開放標(biāo)準(zhǔn)，目前信息系統(tǒng)中大多數(shù)流行的軟件均支持HTML。5擴(kuò)展性好。TCP/IP、HTTP的標(biāo)準(zhǔn)性使得瀏覽器/服務(wù)器結(jié)構(gòu)可直接接入INTERNET，具有良好的擴(kuò)展性。6網(wǎng)絡(luò)適應(yīng)性強(qiáng)。無論是PSTN、DDN、幀中繼、X25、ISDN、還是CATV、ADSL，瀏覽器/服務(wù)器結(jié)構(gòu)均能適應(yīng)。7安全性好。防火墻技術(shù)保證了瀏覽器/服務(wù)器結(jié)構(gòu)的安全性。222JSP技術(shù)JSP技術(shù)有點(diǎn)類似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁HTML文件HTM,HTML中插入JAVA程序段SCRIPTLET和JSP標(biāo)記TAG，從而形成JSP文件JSP。用JSP開發(fā)的WEB應(yīng)用是跨平臺的，即能在LINUX下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行。JSP技術(shù)使用JAVA編程語言編寫類XML的TAGS和SCRIPTLETS，來封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過TAGS和SCRIPTLETS訪問存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計(jì)和顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于WEB的應(yīng)用程序的開發(fā)變得迅速和容易。WEB服務(wù)器在遇到訪問JSP網(wǎng)頁的請求時(shí)，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果連同JSP文件中的HTML代碼一起返回給客戶。插入的JAVA程序段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁等，以實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)頁所需要的功能。JSP與JAVASERVLET一樣，是在服務(wù)器端執(zhí)行的，通常返回該客戶端的就是一個(gè)HTML文本，因此客戶端只要有瀏覽器就能瀏覽。JSP頁面由HTML代碼和嵌入其中的JAVA代碼所組成。服務(wù)器在頁面被客戶端請求以后對這些JAVA代碼進(jìn)行處理，然后將生成的HTML頁面返回給客戶端的瀏覽器。JAVASERVLET是JSP的技術(shù)基礎(chǔ)，而且大型的WEB應(yīng)用程序的開發(fā)需要JAVASERVLET和JSP配合才能完成。JSP具備了JAVA技術(shù)的簡單易用，完全的面向?qū)ο?，具有平臺無關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點(diǎn)。223JAVASCRIPTJAVASCRIPT是一種由NETSCAPE的LIVESCRIPT發(fā)展而來的原型化繼承的面向?qū)ο蟮膭?dòng)態(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務(wù)器端語言，比如PERL，遺留的速度問題，為客戶提供更流暢的瀏覽效果。JAVASCRIPT是一種基于對象和事件驅(qū)動(dòng)并具有相對安全性的客戶端腳本語言。同時(shí)也是一種廣泛用于客戶端WEB開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。它最初由網(wǎng)景公司的BRENDANEICH設(shè)計(jì)，是一種動(dòng)態(tài)、弱類型、基于原型的語言，內(nèi)置支持類。盡管JAVASCRIPT作為給非程序人員的腳本語言，而非作為給程序人員的編程語言來推廣和宣傳，但是JAVASCRIPT具有非常豐富的特性。224CSS層疊樣式表CSS（CASCADINGSTYLESHEET，可譯為“層疊樣式表”或“級聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制WEB頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時(shí)間。225MYSQL數(shù)據(jù)庫MYSQL是一個(gè)真正的多用戶、多線程SQL數(shù)據(jù)庫服務(wù)器。SQL（結(jié)構(gòu)化查詢語言）是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫語言。MYSQL是以一個(gè)客戶機(jī)/服務(wù)器結(jié)構(gòu)的實(shí)現(xiàn)，它由一個(gè)服務(wù)器守護(hù)程序MYSQLD和很多不同的客戶程序和庫組成。SQL是一種標(biāo)準(zhǔn)化的語言，它使得存儲、更新和存取信息更容易。例如，你能用SQL語言為一個(gè)網(wǎng)站檢索產(chǎn)品信息及存儲顧客信息，同時(shí)MYSQL也足夠快和靈活以允許你存儲記錄文件和圖像。MYSQL主要目標(biāo)是快速、健壯和易用。最初是因?yàn)槲覀冃枰@樣一個(gè)SQL服務(wù)器，它能處理與任何可不昂貴硬件平臺上提供數(shù)據(jù)庫的廠家在一個(gè)數(shù)量級上的大型數(shù)據(jù)庫，但速度更快，MYSQL就開發(fā)出來。226HTML技術(shù)HTML（HYPERTEXTMARKUPLANGUAGE）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（HEAD）、主體（BODY）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。設(shè)計(jì)HTML語言的目的，是為了能把存放在一臺電腦中的文本或圖形，與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體。人們不用考慮具體信息是在當(dāng)前電腦里還是在網(wǎng)絡(luò)上其它電腦里，只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，INTERNET就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去。而這些信息可能存放在網(wǎng)絡(luò)的另一臺電腦中。另外，HTML是網(wǎng)絡(luò)的通用語言，一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。總之，HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一。23開發(fā)工具231DREAMWEAVERCS5DREAMWEAVER是由MACROMEDIA公司開發(fā)的一款所見即所得的網(wǎng)頁編輯器。和二維動(dòng)畫設(shè)計(jì)軟件FLASH，專業(yè)網(wǎng)頁圖像設(shè)計(jì)軟件FIREWORKS，并稱為“網(wǎng)頁三劍客”；2005年4月18日，全球最大的圖像編輯軟件供應(yīng)商ADOBE宣布，以換股方式收購軟件公司MACROMEDIA。DREAMWEAVERCS5最突出的亮點(diǎn)有三處1、對CMS的支持功能；2、對CSS的校驗(yàn)；3、對PHP更好的支持。除此以外，CS5還內(nèi)置了WEBKIT引擎，可以模仿SAFARI、CHROME瀏覽器預(yù)覽網(wǎng)頁效果。PHP支持也在CS5版本中得到改善，不僅可以利用代碼提示在文檔中查找到自定義的函數(shù)，還可以利用此功能更好地設(shè)計(jì)CMS模板，減輕了廣大模板設(shè)計(jì)者的痛苦。232MYECLIPSE簡介MYECLIPSE企業(yè)級工作平臺（MYECLIPSEENTERPRISEWORKBENCH，簡稱MYECLIPSE）是對ECLIPSEIDE的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫和J2EE的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完整支持HTML,STRUTS,JSF,CSS,JAVASCRIPT,SQL,HIBERNATE。在結(jié)構(gòu)上，MYECLIPSE的特征可以被分為7類（1）J2EE模型（2）WEB開發(fā)工具（3）EJB開發(fā)工具（4）應(yīng)用程序服務(wù)器的連接器（5）J2EE項(xiàng)目部署服務(wù)（6）數(shù)據(jù)庫服務(wù)（7）MYECLIPSE整合幫助對于以上每一種功能上的類別，在ECLIPSE中都有相應(yīng)的功能部件，并通過一系列的插件來實(shí)現(xiàn)它們。MYECLIPSE結(jié)構(gòu)上的這種模塊化，可以讓我們在不影響其他模塊的情況下，對任一模塊進(jìn)行單獨(dú)的擴(kuò)展和升級。簡單而言，MYECLIPSE是ECLIPSE的插件，也是一款功能強(qiáng)大的J2EE集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除錯(cuò)。ECLIPSE是一個(gè)開放源代碼的、基于JAVA的可擴(kuò)展開發(fā)平臺。就其本身而言，它只是一個(gè)框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運(yùn)的是，ECLIPSE附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括JAVA開發(fā)工具（JAVADEVELOPMENTTOOLS，JDT）。ECLIPSE最初是由IBM公司開發(fā)的替代商業(yè)軟件VISUALAGEFORJAVA的下一代IDE開發(fā)環(huán)境，2001年11月貢獻(xiàn)給開源社區(qū)，現(xiàn)在它由非營利軟件供應(yīng)商聯(lián)盟ECLIPSE基金會(huì)（ECLIPSEFOUNDATION）管理。2003年，ECLIPSE30選擇OSGI服務(wù)平臺規(guī)范為運(yùn)行時(shí)架構(gòu)。2007年6月，穩(wěn)定版33發(fā)布。2008年6月發(fā)布代號為GANYMEDE的34版。ECLIPSE最初由OTI和IBM兩家公司的IDE產(chǎn)品開發(fā)組創(chuàng)建，起始于1999年4月。IBM提供了最初的ECLIPSE代碼基礎(chǔ)，包括PLATFORM、JDT和PDE。目前由IBM牽頭，圍繞著ECLIPSE項(xiàng)目已經(jīng)發(fā)展成為了一個(gè)龐大的ECLIPSE聯(lián)盟，有150多家軟件公司參與到ECLIPSE項(xiàng)目中，其中包括BORLAND、RATIONALSOFTWARE、REDHAT及SYBASE等。ECLIPSE是一個(gè)開發(fā)源碼項(xiàng)目，它其實(shí)是VISUALAGEFORJAVA的替代品，其界面跟先前的VISUALAGEFORJAVA差不多，但由于其開放源碼，任何人都可以免費(fèi)得到，并可以在此基礎(chǔ)上開發(fā)各自的插件，因此越來越受人們關(guān)注。近期還有包括ORACLE在內(nèi)的許多大公司也紛紛加入了該項(xiàng)目，并宣稱ECLIPSE將來能成為可進(jìn)行任何語言開發(fā)的IDE集大成者，使用者只需下載各種語言的插件即可。3課題方案論證31可行性研究311技術(shù)可行性本系統(tǒng)是一個(gè)基于B/S結(jié)構(gòu)的設(shè)計(jì)公司網(wǎng)站，采用面向?qū)ο蠹夹g(shù)、數(shù)據(jù)庫技術(shù)、分布式技術(shù)等先進(jìn)技術(shù)開發(fā)的應(yīng)用程序，現(xiàn)有的開發(fā)技術(shù)已經(jīng)非常成熟，而且被廣泛應(yīng)用于各行各業(yè)，利用現(xiàn)有技術(shù)完全可以達(dá)到功能目標(biāo)。考慮開發(fā)期限比較充裕，預(yù)計(jì)可以再規(guī)定時(shí)間內(nèi)完成開發(fā)計(jì)劃。本系統(tǒng)的研制和開發(fā)充分考慮用戶人工操作流程、計(jì)算機(jī)操作水平等，盡可能提供更人性化、直觀的界面，滿足用戶需求。系統(tǒng)的操作方式在用戶組織內(nèi)可行。312社會(huì)因素可行性分析建議系統(tǒng)的研制和開發(fā)都選用正版軟件或者是開源軟件，將不會(huì)侵犯他人、集體和國家的利益，不會(huì)違反相關(guān)的國家政策和法律。而PHPMYSQL的平臺可以有LINUXAPACHE搭設(shè)，四者構(gòu)成當(dāng)前流行的LAMP開發(fā)體系，全部為免費(fèi)開源的系統(tǒng)，因此不會(huì)存在版權(quán)糾紛等問題。312結(jié)論經(jīng)上述可行性分析，平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)的技術(shù)成熟、完備，測試手段可靠，經(jīng)過經(jīng)濟(jì)、技術(shù)、社會(huì)等方面的可行性分析，可以確定本系統(tǒng)的開發(fā)完全必要，而且是可行的，可以立即開發(fā)。32方案選擇平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)采用B/S模式。B/S模式最大特點(diǎn)是用戶可以通過WWW瀏覽器去訪問INTERNET上的文本、數(shù)據(jù)、圖像、動(dòng)畫、視頻點(diǎn)播和聲音信息，這些信息都是由許許多多的WEB服務(wù)器產(chǎn)生的，而每一個(gè)WEB服務(wù)器又可以通過各種方式與數(shù)據(jù)庫服務(wù)器連接，大量的數(shù)據(jù)實(shí)際存放在數(shù)據(jù)庫服務(wù)器中?？蛻舳顺薟WW瀏覽器，一般無須任何用戶程序，只需從WEB服務(wù)器上下載程序到本地來執(zhí)行，在下載過程中若遇到與數(shù)據(jù)庫有關(guān)的指令，由WEB服務(wù)器交給數(shù)據(jù)庫服務(wù)器來解釋執(zhí)行，并返回給WEB服務(wù)器，WEB服務(wù)器又返回給用戶。33開發(fā)平臺和工具331硬件平臺硬件設(shè)備設(shè)計(jì)是根據(jù)信息系統(tǒng)的設(shè)計(jì)需求，確定信息系統(tǒng)物理設(shè)備方案，所設(shè)計(jì)的硬件設(shè)備方案在能夠充分滿足信息系統(tǒng)功能需求的前提下，還應(yīng)滿足系統(tǒng)的效率、可靠性、安全性和適應(yīng)性等性能要求，并具有較高的性價(jià)比。根據(jù)前面的需求分析，我們得出本系統(tǒng)理想的環(huán)境當(dāng)然是配置較高最好，實(shí)際操作中硬件平臺如下硬件環(huán)境訪問者建議用戶在允許的情況下采用較高配置硬件資源。硬件環(huán)境開發(fā)者INTELCORET2450200GHZ，250G內(nèi)存，320G磁盤空間。332軟件平臺軟件平臺是信息系統(tǒng)開發(fā)和運(yùn)行所需的集成軟件環(huán)境，設(shè)計(jì)和選擇高效、實(shí)用、方便、功能齊全的軟件平臺，對信息系統(tǒng)的開發(fā)具有十分重要的意義。在結(jié)合實(shí)際開發(fā)的需要并充分考慮各種軟件平臺的性能及適用范圍和對軟件平臺的使用能力，本系統(tǒng)的軟件平臺選擇如下（1）操作系統(tǒng)操作系統(tǒng)是計(jì)算機(jī)系統(tǒng)中最重要的系統(tǒng)軟件，目前在微機(jī)上使用的桌面操作系統(tǒng)有WINDOWS95/98/2000/ME/XP/2003SERVER等，本系統(tǒng)在WINDOWS7操作系統(tǒng)下進(jìn)行開發(fā)，可運(yùn)行于前面所列舉的各種操作系統(tǒng)，但建議使用WINDOWS2000以上系統(tǒng)。（2）支撐軟件支撐軟件是協(xié)助人們開發(fā)和維護(hù)軟件的工具和環(huán)境軟件，包括編輯程序，數(shù)據(jù)庫系統(tǒng)，集成開發(fā)環(huán)境等，本系統(tǒng)的支撐軟件如下1、數(shù)據(jù)庫管理系統(tǒng)（DBMS）為了對數(shù)據(jù)庫實(shí)施集中管理，同時(shí)并發(fā)的處理多個(gè)客戶機(jī)發(fā)來的數(shù)據(jù)處理要求，我們選用MYSQL數(shù)據(jù)庫管理系統(tǒng)。2、網(wǎng)頁技術(shù)在這里我們使用PHPHYPERTEXTPREPROCESSOR來建立系統(tǒng)。4過程論證分析41需求分析411概述“平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)”需求說明書的主要目的是明確所要開發(fā)的系統(tǒng)應(yīng)具有的功能、性能，使系統(tǒng)分析人員及軟件開發(fā)人員能清楚地了解用戶的需求，并在此基礎(chǔ)上進(jìn)一步提出概要設(shè)計(jì)說明書和完成后續(xù)設(shè)計(jì)與開發(fā)工作，為軟件開發(fā)范圍、業(yè)務(wù)處理規(guī)范提供依據(jù)，也是應(yīng)用軟件進(jìn)行合同終驗(yàn)的驗(yàn)收依據(jù)。本文檔經(jīng)確認(rèn)后將最終交給軟件開發(fā)人員進(jìn)行具體的設(shè)計(jì)與開發(fā)。本項(xiàng)目名稱為“平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)”。一個(gè)網(wǎng)絡(luò)購物系統(tǒng)，首先我們要保證客戶能夠很方便進(jìn)行商品選擇，系統(tǒng)應(yīng)該具有分類選擇商品功能，系統(tǒng)應(yīng)該實(shí)現(xiàn)“購物車”的功能，用戶可以把選中的商品放入“購物車”中，在選購?fù)戤吅笤僖黄鸾Y(jié)帳。在系統(tǒng)的后臺，管理員能夠管理商品，商品分類，以及客戶購買訂單。因此分析，本系統(tǒng)主要由前臺和后臺兩部分組成，前臺為客戶端，顧客可以在此處購買商品，后臺為商品管理端，實(shí)現(xiàn)對商品和訂單的管理。412總目標(biāo)“平面設(shè)計(jì)公司網(wǎng)站”主要提供用戶通過訪問網(wǎng)站能夠掌握設(shè)計(jì)公司的最新動(dòng)態(tài)，查看往期設(shè)計(jì)作品，了解相關(guān)設(shè)計(jì)作品的收費(fèi)情況，查詢公司有效的聯(lián)系方式，以及提交用戶的留言等功能。42系統(tǒng)功能主要包括兩大模塊一為系統(tǒng)前臺模塊，二為后臺管理模塊。在這兩大模塊下又可以劃分出若干小模塊。本網(wǎng)站主要就實(shí)現(xiàn)了這兩個(gè)模塊的功能。前臺模塊主要用于實(shí)現(xiàn)用戶對于不同分類的設(shè)計(jì)作品進(jìn)行瀏覽和檢索。主要是能夠設(shè)計(jì)出友好的用戶界面，為用戶提供良好的用戶體驗(yàn)。（1）用戶的注冊（2）用戶資料的修改（3）用戶登陸（4）商品的購買（5）商品的搜索（6）商品的分頁查看（7）商品的分類搜索（8）購物車中商品的刪除與商品數(shù)量的修改（9）訂單提交以及收貨人信息的修改后臺模塊主要分為產(chǎn)品分類管理，產(chǎn)品添加，以及一些系統(tǒng)環(huán)境變量的設(shè)置。主要提供一個(gè)或多個(gè)管理員用戶登陸對產(chǎn)品進(jìn)行添加、修改、刪除等操作，并且要具備一定的安全性能。（1）管理員登陸及管理員個(gè)人信息查詢（2）商品的管理，包括商品的增、刪、改、查；（3）訂單管理，包括訂單的發(fā)貨及刪除；（4）顧客的登陸及注冊信息系統(tǒng)功能的初步構(gòu)想1、界面方面系統(tǒng)作為設(shè)計(jì)公司的網(wǎng)站，要求能夠體現(xiàn)一定的設(shè)計(jì)理念，良好的設(shè)計(jì)元素，并且讓用戶能夠直截了當(dāng)?shù)恼业阶约核枰臇|西，符合大眾的審美需求。2、內(nèi)容方面由于本系統(tǒng)是設(shè)計(jì)公司的網(wǎng)站，所以只要以展示平面設(shè)計(jì)作品為主配合一些設(shè)計(jì)作品介紹及一些人性化的設(shè)置達(dá)到更好的展示目的。3、安全性方面31設(shè)立用戶名和密碼驗(yàn)證方式，防止非法用戶登錄和越權(quán)操作。同時(shí)將重要信息的維護(hù)只限于服務(wù)器端，避免了遠(yuǎn)程維護(hù)帶來的安全隱患。32注意SQL注入，提高數(shù)據(jù)庫安全性。43系統(tǒng)功能分析431功能分析說明本系統(tǒng)相應(yīng)的需求有以下方面。1能夠存儲一定數(shù)量的作品信息，并方便有效地進(jìn)行相應(yīng)的作品數(shù)據(jù)操作和管理，這里主要包括以下內(nèi)容。作品分類信息的添加、修改和刪除。作品信息的錄入、刪除。對于作品信息的檢索。2能夠?qū)σ欢〝?shù)量的客戶留言信息進(jìn)行相應(yīng)的存儲和管理，這里主要包括以下內(nèi)容?？蛻袅粞孕畔⒌奶砑印９芾韱T查看客戶留言信息。管理員刪除客戶留言信息。需求補(bǔ)充說明的幾點(diǎn)如下。1數(shù)據(jù)保存需要長期保存在數(shù)據(jù)庫的數(shù)據(jù)有以下幾種。作品分類信息。作品詳細(xì)信息?？蛻袅粞孕畔?。管理員登錄賬號。2系統(tǒng)用戶網(wǎng)站管理員、讀者。網(wǎng)站管理員對作品和分類信息可執(zhí)行添加、修改、刪除以及查詢等操作?？蛻艨刹樵冏髌沸畔⒁约疤峤涣粞孕畔ⅰ?32確定執(zhí)行者執(zhí)行者是與系統(tǒng)交互的外部實(shí)體，它既可以是人員，也可以是外部系統(tǒng)或硬件設(shè)備。在設(shè)計(jì)公司網(wǎng)站中，可以確定“設(shè)計(jì)公司網(wǎng)站管理員”和“設(shè)計(jì)公司客戶”為系統(tǒng)執(zhí)行者?！霸O(shè)計(jì)公司網(wǎng)站管理員”負(fù)責(zé)使用系統(tǒng)的主要功能，“客戶”從系統(tǒng)中獲取所需要的信息。433確定用例用例描述了一個(gè)完整的系統(tǒng)事件流程，其重點(diǎn)在于執(zhí)行者與系統(tǒng)之間的交互而不是內(nèi)在的系統(tǒng)活動(dòng)，并對執(zhí)行者產(chǎn)生有價(jià)值的可觀測的結(jié)果。本系統(tǒng)中我們通過一定的調(diào)研和分析得到“設(shè)計(jì)公司網(wǎng)站”的用例圖，如圖4331所示。圖4331“平面設(shè)計(jì)公司網(wǎng)站”的用例圖434用戶注冊流程圖此模塊是添加新的用戶，填寫用戶個(gè)人基本信息，包括姓名、密碼、確認(rèn)密碼、EMAIL等。如圖42所示435用戶登錄如果顧客要使用注冊用戶提供的功能，那么在使用之前必須登錄。用戶只要輸入用戶名、密碼就可以了。若用戶輸入的以上兩項(xiàng)與數(shù)據(jù)庫中保存的相符，則表明用戶登錄成功，可以開放全部前臺子系統(tǒng)；如果不符，則登錄失敗。模塊執(zhí)行流程如圖43所示。其中管理員、用戶登錄模塊執(zhí)行流程類似。436購物車用戶可以將瀏覽到的滿意的商品加到購物車中，如果覺得有買的必要，就可以下訂單購買了，如果覺得不需要可以再調(diào)整商品購物車流程設(shè)計(jì)如圖44所示437訂單流程主要包括訂單的添加與刪除，執(zhí)行。如圖45所示44性能要求平面設(shè)計(jì)公司網(wǎng)站的使用者是平面設(shè)計(jì)公司網(wǎng)站維護(hù)人員和平面設(shè)計(jì)公司客戶。對于平面設(shè)計(jì)公司網(wǎng)站維護(hù)人員，技能要求不是很嚴(yán)格，但需要有一定的安全意識，并且懂得添加、修改、刪除工作，會(huì)定期對網(wǎng)站進(jìn)行備份。平面設(shè)計(jì)公司客戶的要求也不高，只要能夠通過網(wǎng)站界面的有效提示使用搜索、留言等相關(guān)信息，并且能夠查看網(wǎng)站內(nèi)容即可。系統(tǒng)要求并發(fā)數(shù)在50個(gè)左右。為了保證系統(tǒng)能夠長期、安全、穩(wěn)定、可靠、高效的運(yùn)行，該系統(tǒng)應(yīng)該滿足以下具體的性能需求441系統(tǒng)處理的及時(shí)響應(yīng)性能在系統(tǒng)設(shè)計(jì)和開發(fā)過程中，要充分考慮系統(tǒng)當(dāng)前和將來可能承受的工作量，使系統(tǒng)的處理能力和響應(yīng)時(shí)間能夠滿足設(shè)計(jì)公司網(wǎng)站對信息處理的需求。442系統(tǒng)的開放及可擴(kuò)充性能在系統(tǒng)設(shè)計(jì)和開發(fā)過程中，應(yīng)該充分考慮以后的可擴(kuò)充性。要求系統(tǒng)提供足夠的手段進(jìn)行功能的調(diào)整和擴(kuò)充。系統(tǒng)要符合一定的規(guī)范，可以簡單的加入和減少系統(tǒng)的模塊，配置系統(tǒng)的硬件。通過軟件的修補(bǔ)、替換完成系統(tǒng)的升級和更新?lián)Q代。443系統(tǒng)的易維護(hù)性在系統(tǒng)設(shè)計(jì)和開發(fā)過程中，要求有良好的人機(jī)交互界面。要實(shí)現(xiàn)這一點(diǎn)，就要求系統(tǒng)應(yīng)該盡量使用用戶熟悉的術(shù)語和中文信息的界面；針對用戶可能出現(xiàn)的使用問題，要提供足夠的在線幫助，縮短用戶對系統(tǒng)熟悉的過程。444系統(tǒng)的先進(jìn)性在系統(tǒng)設(shè)計(jì)和開發(fā)過程中，要求有良好的人機(jī)交互界面。要實(shí)現(xiàn)這一點(diǎn)，就要求系統(tǒng)應(yīng)該盡量使用用戶熟悉的術(shù)語和中文信息的界面；針對用戶可能出現(xiàn)的使用問題，要提供足夠的在線幫助，縮短用戶對系統(tǒng)熟悉的過程。445系統(tǒng)的響應(yīng)速度在日常處理中，設(shè)計(jì)公司網(wǎng)站作品檢索的響應(yīng)速度為秒級，達(dá)到實(shí)時(shí)查詢的要求，并且及時(shí)反饋信息。在進(jìn)行統(tǒng)計(jì)分析時(shí)，根據(jù)數(shù)據(jù)量以及數(shù)據(jù)庫執(zhí)行效率的不同而從秒級到分鐘級，但原則上要保證操作人員不會(huì)因?yàn)樗俣葐栴}而影響工作效率。446安全性需求由于設(shè)計(jì)公司網(wǎng)站的作品數(shù)量較大，所以在對這些作品導(dǎo)入和查詢時(shí)要保證速度。在客戶的留言提交程中又要保證事務(wù)的完整性。對于整個(gè)系統(tǒng)，需要完整的權(quán)限控制，防止某些人惡意地攻擊系統(tǒng)，修改原始記錄。同時(shí)對于數(shù)據(jù)庫中的數(shù)據(jù)需要定時(shí)備份，防止系統(tǒng)數(shù)據(jù)丟失。此外，系統(tǒng)要求用戶在登錄是需要身份驗(yàn)證。5方案設(shè)計(jì)51總體設(shè)計(jì)網(wǎng)站設(shè)計(jì)有了一份詳盡的需求說明書后，就可以根據(jù)需求說明書，對網(wǎng)站進(jìn)行總體規(guī)劃，給出一份網(wǎng)站總體建設(shè)方案?？傮w規(guī)劃具體要明確網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說明；網(wǎng)站的欄目版塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件、硬件和技術(shù)分析說明；開發(fā)時(shí)間進(jìn)度表；維護(hù)方案；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些等。511系統(tǒng)層次圖描述所謂功能結(jié)構(gòu)圖就是將系統(tǒng)的功能進(jìn)行分解，按功能從屬關(guān)系表示的圖表。管理信息系統(tǒng)的各子系統(tǒng)可以看作是系統(tǒng)目標(biāo)下層的功能，對其中每項(xiàng)功能還可以繼續(xù)分解至更多的功能。從概念上講，上層功能包括（或控制）下層功能，越上層功能越籠統(tǒng)，越下層功能越具體。功能分解的過程就是一個(gè)由抽象到具體、由復(fù)雜到簡單的過程。圖中每一個(gè)框稱為一個(gè)功能模塊。圖5111系統(tǒng)層次結(jié)構(gòu)圖512網(wǎng)站架構(gòu)圖從用戶角度出發(fā)，每個(gè)用戶都有互不相同的操作界面。這些主要根據(jù)不同用戶組及其權(quán)限，表現(xiàn)在顯示不同的操作模塊及各個(gè)頁面之間的跳轉(zhuǎn)。下圖簡單示意了整個(gè)網(wǎng)站的網(wǎng)頁結(jié)構(gòu)。圖5121網(wǎng)站架構(gòu)圖52概念結(jié)構(gòu)設(shè)計(jì)概念結(jié)構(gòu)設(shè)計(jì)是將分析得到的用戶需求抽象為概念模型的過程。即在需求分析的基礎(chǔ)上，設(shè)計(jì)出能夠滿足用戶需求的各種實(shí)體以及它們之間的相互關(guān)系概念結(jié)構(gòu)設(shè)計(jì)模型。這樣才能更好地、更準(zhǔn)確地用某一DBMS實(shí)現(xiàn)這些需求。它是整個(gè)數(shù)據(jù)庫設(shè)計(jì)的關(guān)鍵。概念結(jié)構(gòu)的主要特點(diǎn)是能真實(shí)、充分地反映現(xiàn)實(shí)世界；易于理解、易于更改、易于向關(guān)系、網(wǎng)狀、層次等各種數(shù)據(jù)模型轉(zhuǎn)換。描述概念模型的有力工具是ER模型。平面設(shè)計(jì)公司網(wǎng)站系統(tǒng)主要模塊的ER圖如圖521所示圖521平面設(shè)計(jì)公司網(wǎng)站系統(tǒng)ER圖53邏輯結(jié)構(gòu)設(shè)計(jì)將概念模型轉(zhuǎn)化為關(guān)系模型，對于如圖521所示的平面設(shè)計(jì)公司網(wǎng)站系統(tǒng)ER圖，經(jīng)過轉(zhuǎn)化后的關(guān)系如表531所指，表中加下劃線的為關(guān)系的主鍵。表531平面設(shè)計(jì)公司網(wǎng)站系統(tǒng)關(guān)系表54物理結(jié)構(gòu)設(shè)計(jì)物理結(jié)構(gòu)設(shè)計(jì)又稱數(shù)據(jù)庫設(shè)計(jì)，是系統(tǒng)開發(fā)中關(guān)鍵的步驟之一。其設(shè)計(jì)質(zhì)量的好壞，數(shù)據(jù)結(jié)構(gòu)的優(yōu)劣，直接影響到最終系統(tǒng)的成敗。由于平面設(shè)計(jì)公司網(wǎng)站系統(tǒng)涉及較大的信息管理和各種操作，所以能否建立一個(gè)良好的數(shù)據(jù)組織關(guān)系與數(shù)據(jù)庫，使整個(gè)系統(tǒng)的數(shù)據(jù)之間可以相互共享所擁有的信息資源，可迅速、方便、準(zhǔn)確的調(diào)用和管理所需數(shù)據(jù)，是衡量系統(tǒng)開發(fā)工作好壞的重要指標(biāo)，也是系統(tǒng)的基本要求。我選用MYSQL作為數(shù)據(jù)庫管理系統(tǒng)，相應(yīng)的數(shù)據(jù)庫、數(shù)據(jù)表的設(shè)計(jì)應(yīng)該符合MYSQL的要求。字段的確定根據(jù)關(guān)系的屬性同時(shí)結(jié)合實(shí)際需求，字段名稱一般采用英文表示，字段類型的選取還需要參考數(shù)據(jù)字典。在進(jìn)行數(shù)據(jù)表設(shè)計(jì)時(shí)，注意主鍵不允許為空，若一個(gè)字段可以取NULL，則表示該字段可以不輸入數(shù)據(jù)。但對于允許不輸入數(shù)據(jù)的字段來說，最好給它設(shè)定一個(gè)默認(rèn)值，以免由于使用NULL值帶來的不便。541文章信息表的結(jié)構(gòu)設(shè)計(jì)表541文章信息表的結(jié)構(gòu)信息表542分類信息表的結(jié)構(gòu)信息543留言信息表的結(jié)構(gòu)設(shè)計(jì)表543留言信息表的結(jié)構(gòu)信息544網(wǎng)站設(shè)置信息表的結(jié)構(gòu)設(shè)計(jì)表544網(wǎng)站設(shè)置信息表的結(jié)構(gòu)信息546管理員信息表的結(jié)構(gòu)設(shè)計(jì)表545管理員信息表的結(jié)構(gòu)信息547訂單信息基本表548數(shù)據(jù)庫模型所創(chuàng)建的數(shù)據(jù)庫模型圖如圖546所示。圖546數(shù)據(jù)庫模型圖55系統(tǒng)詳細(xì)設(shè)計(jì)551管理員登錄模塊1模塊描述本模塊提供了管理員的系統(tǒng)登錄功能，管理員只有在合法登錄后臺以后才可以相關(guān)進(jìn)行管理操作。如果用戶名或密碼不正確，則不能登錄系統(tǒng)。2功能對登錄的合法性進(jìn)行鑒別，如果合法則用戶就可以進(jìn)入系統(tǒng)。如非法則不允許進(jìn)入系統(tǒng)，要求用戶重新輸入。3處理用戶提交登錄后，程序首先對用戶名和密碼組合后進(jìn)行MD5加密，然后調(diào)用遠(yuǎn)端服務(wù)方法進(jìn)行查詢處理，如果查詢數(shù)據(jù)庫后用戶名與密碼錯(cuò)誤則登錄不成功，如果用戶名與密碼均正確，則將SESSION變量中的ISADMIN的值改為“1”，標(biāo)記管理員登錄成功。管理員登錄流程圖如圖551所示圖551管理員登錄流程圖552用戶搜索模塊1模塊描述本模塊提供用戶對文章進(jìn)行搜索、并返回搜索結(jié)果。2功能根據(jù)用戶向系統(tǒng)提交的關(guān)鍵詞查詢數(shù)據(jù)庫，如果有結(jié)果則關(guān)鍵字高亮顯示并且分頁返回搜索結(jié)果，如果沒有結(jié)果則提示沒有相關(guān)信息。3處理用戶提交搜索關(guān)鍵字后，系統(tǒng)執(zhí)行數(shù)據(jù)庫查詢語句，并將結(jié)果集保存在數(shù)組中。如果數(shù)組為空，則提示用戶沒有相關(guān)信息，如果數(shù)組不為空，則調(diào)用HIGHLIGHTSTR,KEYWORDS,COLOR函數(shù)，將搜索結(jié)果中的關(guān)鍵字高亮顯示給用戶，并將搜索結(jié)果分頁顯示。用戶搜索流程圖如圖552所示圖552用戶搜索流程圖553用戶留言模塊1模塊描述本模塊提供給用戶留言并且提供管理員回復(fù)留言。2功能用戶向網(wǎng)站提交留言信息，先判斷提交信息的完整性。留言成功后，再交由管理員審核并且給出相應(yīng)的回復(fù)。3處理用戶向網(wǎng)站提交留言，首先先判斷用戶提交的信息是否完整，若完整再判斷用戶填寫的驗(yàn)證碼是否正確，若正確則提交留言成功。留言將交由網(wǎng)站管理員審核等待回復(fù)。管理查看到新的留言后，對留言進(jìn)行審核，若審核通過留言并且提交回復(fù)信息，則此時(shí)留言在前臺留言板顯示，如果審核不通過，則留言不在前臺顯示，但仍然保存在數(shù)據(jù)庫中。用戶留言流程圖如圖552所示圖553用戶留言流程圖554文章管理模塊1模塊描述本模塊提供給系統(tǒng)管理員用于文章的添加、修改和刪除。2功能在文章添加和修改過程中需要判斷提交文章信息的完整性，在文章刪除的過程中需要給出確認(rèn)提示，以免管理員誤操作。56主要功能函數(shù)簡介561取消HTML代碼函數(shù)FUNCTIONHTMLFILTERSTRINGIFIS_ARRAYSTRINGFOREACHSTRINGASKEYVALSTRINGKEYHTMLFILTERVALELSESTRINGPREG_REPLACE/D3,5|XAFAF094|AZAZAZ092,5/,STRING該函數(shù)的主要用途是將常見的HTML替換為編碼，來防止一些惡意用戶在提交留言的時(shí)候加入HTML，對網(wǎng)站造成攻擊，提升網(wǎng)站的安全性能。562MD5加密RETURNSTRINGFUNCTIONENCRYPTUSERNAME,USERPASS該函數(shù)通過調(diào)用PHP已經(jīng)編寫完成的MD5加密函數(shù)，將用戶名和密碼組合后再進(jìn)行加密，這樣能夠提升系統(tǒng)安全性。STRUSERNAMEUSERPASSRETURNEMPTYSTRMD5STRTOLOWERSTR563字符串截取FUNCTIONCUTSTRSTR,LEN,ADDTRUE/GETTHEDISPLAYWIDTHOFTHESTRINGI0J0STR_WIDTH0DOIFORDSTRI224STR_WIDTH2I3ELSEIFORDSTRI192STR_WIDTH2I2ELSESTR_WIDTHIWHILEI/IFTHEDISPLAYWIDTHISSHORTERTHANYOUWANT,RETURNTHESTRINGIFSTR_WIDTHRETURNSTRELSEI0J0NEWWORDDO/IFTHECHARACTERISACHINESEIFORDSTRI224NEWWORDSTRISTRI1STRI2II3JJ2/IFTHECHARACTERISASYMBLEELSEIFORDSTRI192NEWWORDSTRISTRI1II2JJ2/IFTHECHARACTERISAALPHAELSENEWWORDSTRIIJWHILEJRETURNNEWWORDELSERETURNNEWWORD該函數(shù)用于將一個(gè)較長的字符串按照給定要求截取并返回，當(dāng)文章標(biāo)題過長時(shí)，可以試用該函數(shù)進(jìn)行截取，來保證頁面的整齊、一致。564搜索結(jié)果高亮顯示FUNCTIONHIGHLIGHTSTR,KEYWORDS,COLORIFEMPTYKEYWORDSKEYWORDSSPLITTVAREREGIVAL,STR,REGSFINALREP該函數(shù)用于顯示搜索結(jié)果時(shí)，以加粗和色彩來顯示標(biāo)題中用戶搜索的關(guān)鍵字，這樣直觀明了，能夠提升用戶體驗(yàn)。STRSTR_IREPLACEREGS0,FINALREP,STRRETURNSTR6提供交互界面設(shè)計(jì)說明61前臺界面實(shí)現(xiàn)611網(wǎng)站首頁網(wǎng)站首頁要求給人美觀、大方的印象，并且能夠簡潔直觀地想訪問者展示整個(gè)網(wǎng)站的主要內(nèi)容，因此，除了導(dǎo)航條、大面積的LOGO之外，我還選擇了公司動(dòng)態(tài)、關(guān)于我們和精品案例三個(gè)模塊在首頁顯示。如下圖所示612精品案例展示作為平面設(shè)計(jì)公司網(wǎng)站的精品案例，自然需要以縮略圖的形式向用戶展示網(wǎng)站的作品，這樣才能夠吸引用戶點(diǎn)擊進(jìn)入查看，創(chuàng)造更深入的價(jià)值。如下圖所示613公司動(dòng)態(tài)展示以列表的形式顯示公司動(dòng)態(tài)和業(yè)內(nèi)新聞，簡潔明了。如下圖所示614搜索結(jié)果搜索結(jié)果關(guān)鍵字高亮顯示，并且以列表形式展示給用戶。如下圖所示615用戶留言用戶留言顯示要求直觀、大方，并且給管理員回復(fù)留下空間，隔行使用不同背景顏色的CSS代碼實(shí)現(xiàn)，以便區(qū)分不同的留言，也方便用戶查閱。如下圖所示留言添加表單要有明確的用戶填寫信息的提示，驗(yàn)證碼支持點(diǎn)擊刷新，是用戶提交留言更加方便。如下圖所示62后臺界面實(shí)現(xiàn)621管理員登陸界面深色調(diào)的用戶登陸歡迎界面，能夠讓管理員保持冷靜的思考方式進(jìn)行后臺的管理操作。如下圖所示622管理員首頁登陸成功后，在管理員首頁為管理員提供常用操作的快捷鏈接，可以有效地提升后臺管理效率。如下圖所示623欄目管理在欄目管理界面，可以查看現(xiàn)有的欄目信息，包括名稱、關(guān)鍵詞和描述等，此外在操作上可以添加、修改、刪除欄目，并且可以通過鏈接方便地添加該欄目下屬的文章。如下圖所示624文章管理在文章管理界面，由于文章數(shù)量較多，因此采用10條/頁的模式分頁顯示文章，這樣管理起來不需要翻屏就能一覽文章標(biāo)題。通過點(diǎn)擊標(biāo)題鏈接可以直接查看文章在前臺頁面的顯示情況，于此同時(shí)可以添加、修改和刪除文章。如下圖所示在刪除文章的時(shí)候，會(huì)給管理員確認(rèn)提示，只有確認(rèn)后文章才會(huì)被刪除，這樣可以有效防止管理員誤操作。如下圖所示625管理員設(shè)置管理員設(shè)置頁面以列表形式展示已有的管理員信息，為管理員提供添加、修改和刪除的操作鏈接，由于管理員負(fù)責(zé)網(wǎng)站的核心安全性能，因此在管理員操作界面會(huì)有警告提示，要求用戶謹(jǐn)慎操作。使用TAB界面切換管理員列表和添加管理員界面，美觀，實(shí)用。如果在添加管理員的過程中提交了已經(jīng)存在的管理員用戶名，系統(tǒng)也會(huì)給出警告，提示管理員該用戶名已存在。如下圖所示626留言管理考慮到留言數(shù)量會(huì)隨著網(wǎng)站運(yùn)營時(shí)間的增加而不斷增加，因此在后臺留言管理界面也加入了分頁顯示。并且管理員可以