企業(yè)網(wǎng)站建設-畢業(yè)論文

PAGEPAGE3目錄摘要 3第1章緒論 51.1網(wǎng)站的研究背景 51.2網(wǎng)站研究的內(nèi)容和目的 51.3網(wǎng)站建設論文內(nèi)容 5第2章企業(yè)網(wǎng)站主要技術 72.1ASP 72.2MicrosoftSQLServer2021 72.3Fireworksmx 72.4FLASH 72.5Dreamweaver 8第3章企業(yè)網(wǎng)站建設需求分析 93.1網(wǎng)站需求分析 93.1.1網(wǎng)站目標分析 93.2主頁html分析 93.2.1交互式頁面分析 103.3相關技術分析 103.3.1ASP特點 103.3.2SQLserver與access2021 103.3.3FireworksMX 103.3.4FlashMX 113.3.5DreavaweaverMX 113.4數(shù)據(jù)庫分析 123.5功能模塊分析 123.6網(wǎng)站發(fā)布、瀏覽、調(diào)試分析 12第4章網(wǎng)站的系統(tǒng)設計 134.1網(wǎng)站目標的設計 134.2主頁html設計 134.2.1LOGO和Banner 134.2.2前臺網(wǎng)站的主頁設計 144.2.3網(wǎng)站的分頁設計 144.2.4后臺網(wǎng)站的主頁設計 144.2.5網(wǎng)站的后臺管理分頁設計 144.2.6交互式頁面設計 144.3數(shù)據(jù)庫設計 144.3.1數(shù)據(jù)庫連接代碼的設計 154.3.2ASP的對象存取數(shù)據(jù)庫設計 164.4功能模塊的設計 164.4.1整體功能模塊的劃分 164.4.2各模塊間的關系設計 174.4.3特價商品模塊設計 184.4.4新品模塊上架設計 194.4.5商品分類模塊設計 204.4.6會員管理模塊設計 214.4.7銷售排行榜模塊設計 224.5網(wǎng)站發(fā)布、瀏覽、調(diào)試設計 234.5.1為什么Mozilla比IE更適合調(diào)試網(wǎng)站 234.5.2運用環(huán)境：當IE腳本信息太簡單時 234.5.3錯誤，就這樣被“揪出” 234.5.4嚴格模式，讓網(wǎng)頁顯示更“順暢” 23第5章企業(yè)網(wǎng)站實現(xiàn) 255.1網(wǎng)站目標實現(xiàn) 255.2主頁html實現(xiàn) 255.2.1主頁動態(tài)Flash的實現(xiàn) 255.3數(shù)據(jù)庫實現(xiàn) 265.3.1數(shù)據(jù)結構實現(xiàn) 265.3.2數(shù)據(jù)庫表實現(xiàn) 265.4功能模塊實現(xiàn) 285.4.1特價商品模塊實現(xiàn) 285.4.2新品上架模塊實現(xiàn) 285.4.3商品分類模塊實現(xiàn) 295.4.4會員管理模塊實現(xiàn) 295.4.5銷售排行榜模塊實現(xiàn) 315.5網(wǎng)站發(fā)布、瀏覽、調(diào)試的實現(xiàn) 315.6優(yōu)化方案 32第6章總結與展望 34結束語 35參考文獻 36致謝 38附錄 39摘要Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡已經(jīng)成為我們生活中不可缺少的一部分。隨著時代的發(fā)展，網(wǎng)絡逐漸成為最時尚、最快捷的交流工具。從2021年中國入世以來，全球經(jīng)濟一體化的趨勢對國有企業(yè)帶來巨大沖擊。為適應時代發(fā)展，借鑒國際先進的管理經(jīng)驗，為了加強管理，提高工作效率，深化改革，我公司于2021年建立了自己的網(wǎng)站和局域網(wǎng)。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在Internet應用中的地位顯而易見，本網(wǎng)站的個性化頁面生成系統(tǒng)是在Dreamweaver提供的完善的開發(fā)環(huán)境下，利用IIS+ASP技術來實現(xiàn)完成的。本文中數(shù)據(jù)庫服務器端采用了MicrosoftAccess數(shù)據(jù)庫作為ODBC(OpenDataBaseConnectivity)數(shù)據(jù)源，并進行數(shù)據(jù)庫存取等操作，從而使Web與數(shù)據(jù)庫緊密聯(lián)系起來。為了充分利用網(wǎng)絡資源，加強廠內(nèi)各個部門的聯(lián)系，加強合作，促進職工的學習熱情，提高職工的業(yè)務水平，建立此網(wǎng)站。關鍵詞：ASP，數(shù)據(jù)庫，ODBC,網(wǎng)站設計AbstractTherapiddevelopmentofInternetisthoroughlychangeourlives,workways,networkhasbecomeustheindispensablepartinlife.Alongwiththetimedevelopment,thenetworkgraduallybecomethemostfashionable,mostefficientcommunicationtools.SinceChina'sentryintowto,from2021,thetrendofglobaleconomicintegrationofstate-ownedenterprisetobringthehugeimpact.Toadapttothesocialdevelopment,fromtheinternationaladvancedmanagementexperience,inordertostrengthenthemanagement,improveworkefficiency,deepenreform,mycompanyin2021andsetuptheirownsiteandLAN.PostedontheInternetinformationmainlythroughthewebsitetorealize,obtaininginformationisalsointheInternetinaccordancewithcertainretrievalwillneedinformationfromthewebsiteanddownloaddown.ThereforewebsiteconstructionintheInternetapplicationstatusobviously,thiswebsitepersonalizedpagegenerationsystemisprovidedinthedevelopmentoftheperfectDreamweaverenvironment,useIIS+ASPtechnologytorealizefinish.Inordertomakefulluseofnetworkresources,strengthenthecontacteachdepartmentinfactory,strengthencooperation,promotetheworker'senthusiasm,improvetheirbusinesslevel,settingupthiswebsite.keywords：ASP,database,ODBC,websitedesign第1章緒論1.1網(wǎng)站的研究背景Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，WorldWideWeb(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已有上百萬個Web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網(wǎng)絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數(shù)據(jù)庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡已經(jīng)成為我們生活中不可缺少的一部分。為了加強管理，提高工作效率，借鑒國際先進的管理經(jīng)驗，深化改革，我公司于2021年建立了自己的網(wǎng)站和局域網(wǎng)。為了充分利用網(wǎng)絡資源，加強廠內(nèi)各個部門的聯(lián)系，加強合作，促進職工的學習熱情，提高職工的業(yè)務水平，建立此網(wǎng)站。1.2網(wǎng)站研究的內(nèi)容和目的信息時代的來臨拓寬了大家進行自我提升的途徑，同時也對大家的素質提出了更高的要求。被稱為當今社會的“天之驕子”的電腦主宰著世界的前進，而主宰電腦的我們則更應該多思考，多研究，多學習。只讀書的學習方式一去不復返，科技的日新月異，使我們不得不學習一種新的知識--計算機技術。怪不得有人說“不會電腦的人，將是新世紀的文盲”。足見網(wǎng)上學習的重要性。員工網(wǎng)上交流系統(tǒng)網(wǎng)站將作為一個員工的學習、交流的平臺，設立公司新聞，展示全公司風采，發(fā)布各種新聞、單位組織的活動、等信息；設立學習平臺實現(xiàn)網(wǎng)上學習，拓寬培訓途徑；隨著單位人事制度改革的深入，強化人才的管理，建立崗位競聘模塊；留言反饋、聯(lián)系我們的建立，便于于員工的互動和交流。1.3網(wǎng)站建設論文內(nèi)容本文中數(shù)據(jù)庫服務器端采用了MicrosoftAccess數(shù)據(jù)庫作為ODBC(OpenDataBaseConnectivity)數(shù)據(jù)源，并進行數(shù)據(jù)庫存取等操作，使Web與數(shù)據(jù)庫緊密聯(lián)系起來整個個性化頁面生成系統(tǒng)主要由使用Dreamweaver開發(fā)的關聯(lián)規(guī)則采掘系統(tǒng)和利用IIS+ASP技術實現(xiàn)的個性化Web頁面生成器兩部分組成。關聯(lián)規(guī)則采掘系統(tǒng)對數(shù)據(jù)庫中的歷史記錄進行分析，產(chǎn)生用戶關聯(lián)規(guī)則表；頁面生成器則負責記錄用戶行為和根據(jù)關聯(lián)規(guī)則表動態(tài)生成用戶個性化Web頁面。二者通過數(shù)據(jù)庫服務器和Web服務器連接。站內(nèi)瀏客：瀏覽網(wǎng)頁后知道本單位的概況，了解公司的組織結構；掌握和學習公司專業(yè)知識。管理人員：對網(wǎng)站進行管理，回復留言，發(fā)布新聞、及崗位競聘等內(nèi)容。查看崗位競聘信息，并與之聯(lián)系等。第2章企業(yè)網(wǎng)站主要技術2.1ASPASP(MicrosoftActiveServerPages)，是一套微軟開發(fā)的服務器端腳本環(huán)境，ASP內(nèi)含于IIS3.0和4.0以及更高的版本之中,通過ASP可以結合HTML網(wǎng)頁、ASP指令和ActiveX元件建立動態(tài)、交互且高效的WEB服務器應用程序。所有的程序都將在服務器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。因其有很多的優(yōu)點，所以我在燕京網(wǎng)上交流系統(tǒng)網(wǎng)站設計時選擇了它。2.2MicrosoftSQLServer2021MicrosoftSQLServer2021是企業(yè)級數(shù)據(jù)庫解決方案，與MicrosoftAccess2021相比，它極大地改進了可伸縮性、維護性和數(shù)據(jù)庫恢復功能。由于SQLServer基于客戶端/服務器體系結構，所以在通過遠程連接處理和發(fā)送數(shù)據(jù)的方式上與Access有很大的不同。SQLServer還提供了許多功能，使數(shù)據(jù)查詢、業(yè)務邏輯重用和數(shù)據(jù)備份等任務變得更簡單，更靈活。2.3FireworksmxFireworksmx是Macromedia公司推出的平面圖像設計和圖像處理軟件，它具有強大的圖像優(yōu)化功能和操作易用性，受到廣大平面圖形設計人員及網(wǎng)頁設計人員的青睞。利用它可制作如按鈕、背景圖片、材質紋理、網(wǎng)頁特效及網(wǎng)頁效果設計等。MX擁有可訂制的、直觀的、友好的界面?？捎喼频奶匦园ǎ好姘宀季?、快捷鍵和發(fā)布設定。用戶界面和Macromedia的其他工具一樣，這樣給使用者在應用方面帶來很大的好處。2.4FLASHFLASH是制作動畫的一個軟件工具，它可以通過文字、圖片、錄像、聲音等綜合手段形象的體現(xiàn)一個意圖，通常像我們看到的廣告片段一樣。一般利用Flash技術來包裝公司形象、進行產(chǎn)品宣傳等，通過網(wǎng)頁充分體現(xiàn)它的魅力，并可以達到非常好的效果。與以前版本相比較FlashMX有如下特點：2.5DreamweaverDreamweaver是Macromedia公司推出的一款“平民化”的網(wǎng)頁制作軟件，具有可視化編輯界面和強大的所見即所得網(wǎng)頁編輯功能。用戶不必編寫復雜的HTML源代碼，就可以生成跨平臺、跨瀏覽器的網(wǎng)頁。同時，Dreamweaver支持動態(tài)HTML，并采用了RoundtripHTML技術，從而奠定了在網(wǎng)頁高級設計功能方面的領先地位。在進行網(wǎng)頁設計過程中，動態(tài)HTML技術能夠讓用戶輕松設計復雜的交互式網(wǎng)頁，產(chǎn)生動態(tài)效果；而RoundtripHTML技術則可以支持HTML源編輯模式，不會產(chǎn)生冗余代碼，使網(wǎng)頁渲染速度加快。因此，Dreamweaver是一款可以滿足多層次需求，功能強大的可視化專業(yè)級網(wǎng)頁設計和制作工具。第3章企業(yè)網(wǎng)站建設需求分析網(wǎng)站的總體規(guī)劃，是從總體上對網(wǎng)站的架構進行整體規(guī)劃。因為只有這樣，才能在網(wǎng)站的制作與維護中對網(wǎng)站的功能有一個清晰的把握。此外，做好網(wǎng)站規(guī)劃，會對網(wǎng)站以后的功能擴展起到事半功倍的作用。3.1網(wǎng)站需求分析互聯(lián)網(wǎng)豐富多彩，這些信息大多通過網(wǎng)頁與用戶進行交互。網(wǎng)頁的實現(xiàn)形式多種多樣，無論是短小精悍的個人主頁，還是結構清晰、信息豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設計都要放在第一步，因為它直接關系到網(wǎng)站的功能是否完善，質量是否能夠達到保證。3.1.1網(wǎng)站目標分析網(wǎng)站建設目標說的通俗點就是網(wǎng)站建設的目的，即公司建設網(wǎng)站后想通過網(wǎng)站來得到什么好處?是展示企業(yè)形象?是提供一個與外界交流的網(wǎng)絡窗口?還是開展公司產(chǎn)品的網(wǎng)絡營銷?還是其它。確定網(wǎng)站建設目標之前，要先對公司的整個業(yè)務流程，從如何尋找產(chǎn)品的渠道到尋找到合適的目標客戶到向客戶宣傳產(chǎn)品的過程在到完成客戶簽單，這一整個流程中是否存在某些制約著公司發(fā)展的某個環(huán)節(jié)，那么要把他們挖掘出來。公司是為沒有客戶發(fā)愁還是往往在介紹產(chǎn)品時忙的不可開交?只有對自己企業(yè)有了充分的認識后，才能通過網(wǎng)站建設來解決這些實實在在存在的問題，這樣的網(wǎng)站建設成功以后，更有針對性，才是一個真正有用的網(wǎng)站。當然也可以為網(wǎng)站設定一個次要的輔助性的目標，比如網(wǎng)站是做婚紗攝影的，主要目標是讓瀏覽者在網(wǎng)上訂單，當主要目標沒有達成時，可以通過制作一份婚紗攝影電子雜志來吸引瀏覽者注冊，通過雜志的精美內(nèi)容來刺激瀏覽者消費呢?\o""網(wǎng)站建設的目標是很重要的，它對企業(yè)網(wǎng)站建設是非常有幫助的，可以讓網(wǎng)站擁有良好的用戶體驗。3.2主頁html分析一個好的主頁對于網(wǎng)站來說至關重要，它不僅可以使網(wǎng)站的整體效果上升層次，同時也方便網(wǎng)站的交流，同時也更容易達到網(wǎng)站建設者的目的。而一個主頁最顯眼的地方就是LOGO和banner。這是主頁的頭部，一個網(wǎng)址的打開，人們總是最先看見主頁的LOGO等，如何豐富主頁對于一個網(wǎng)站建設來說是門學問。針對本次的網(wǎng)站，要求要做到LOGO的醒目，而且開宗明義，能夠清楚的表達出網(wǎng)站的主旨是哪些，同時能夠帶有其特定的宣傳效果。3.2.1交互式頁面分析從用戶角度來說，交互設計是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術，它致力于了解目標用戶和他們的期望，了解用戶在同產(chǎn)品交互時彼此的行為，了解“人”本身的心理和行為特點，同時，還包括了解各種有效的交互方式，并對它們進行增強和擴充。交互設計還涉及到多個學科，以及和多領域多背景人員的溝通。通過對產(chǎn)品的界面和行為進行交互設計，讓產(chǎn)品和它的使用者之間建立一種有機關系，從而可以有效達到使用者的目標，這就是交互設計的目的。3.3相關技術分析3.3.1ASP特點使用VBScript、Jscript等簡單易懂的腳本語言，結合HTML代碼，即可快速地完成網(wǎng)站的應用程序。無須編譯，容易編寫，可在服務器端直接執(zhí)行。使用普通的文本編輯器，如Windows的記事本，即可進行編輯設計。（4）與瀏覽器無關,用戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽ActiveServerPages所設計的網(wǎng)頁內(nèi)容。（5)ActiveServerPages的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。（6）瀏覽器傳送到站點服務器的表單輸入訪問和編輯服務器的數(shù)據(jù)庫表。使用瀏覽器即可輸入、更新和刪除點服務器的數(shù)據(jù)庫中的數(shù)據(jù)3.3.2SQLserver與access2021雖然SQLserver有很多的優(yōu)點，但SQL用語創(chuàng)建大型數(shù)據(jù)庫操作復雜，涉及到的困難較多如數(shù)據(jù)庫的移動等。又因我所選擇開發(fā)的課題只是一個較小的課題，其數(shù)據(jù)庫主要應用到網(wǎng)上注冊、留言咨詢系統(tǒng)中。殺雞焉用宰牛刀？根據(jù)我的分析可以選擇簡單的Access2021數(shù)據(jù)庫作為我的網(wǎng)站開發(fā)的數(shù)據(jù)庫，因其操作非常簡單，可移動性好（隨著網(wǎng)站可隨意移到任何位置），界面直觀，經(jīng)常應用，使用熟練等特點使它成為我的首選。3.3.3FireworksMX突出功能介紹：圖像大小尺寸的處理:打開要處理尺寸大小的圖像，在Modify修改菜單中選擇ImageSize打開設置圖像尺寸大小的對話框，進行具體選項設置，改變圖像大小，節(jié)省占用空間。圖像優(yōu)化的處理:

主要是協(xié)調(diào)圖像的質量和圖像大小之間的關系，以便提高圖像在網(wǎng)頁中的下載速度。具體步驟：打開圖像，在Window窗口菜單中選擇Optimize打開優(yōu)化面板，進行具體優(yōu)化設置，可以通過改變圖像格式，實現(xiàn)優(yōu)化處理。使用切割化設置:將圖像分割成多個板塊，然后在對不同的板塊使用不同的優(yōu)化設置。具體步驟：打開圖像，在View菜單中選擇SliceOverlay項勾選，然后單擊ShowHotspotsandSlices（顯示熱區(qū)和切割）按鈕，對圖像進行切割處理，將一幅圖像切割成若干小圖像，提高網(wǎng)頁瀏覽圖像速度。3.3.4FlashMX類似文件夾的組織和層操作，timeline的強化可以讓你的工作更快速、工作量更少。比如：改善的鼠標指針變形，多幀的修改長短、剪切和粘貼可以更加方便的使用timeline。通過易用的工具可以對圖像對象進行斜拉、旋轉、縮放和變形。當你改變shapes,symbols,和graphicelements時，新的工具可以加強你的創(chuàng)造力。使用動態(tài)蒙板可以產(chǎn)生復雜的效果。利用movieclip建立動態(tài)的效果，也可以利用ActionScript控制蒙板。3.3.5DreavaweaverMXDreavaweaverMX軟件具有以下特色。出色的工作界面，將所有與Dreamweaver關聯(lián)的窗口都融入一個多重文檔窗口中，用戶可以隨時查看各種資源。并且可以設置單個或多個面板自由顯示，使用戶更精確地掌握網(wǎng)頁制作的細微之處。擁有更強大的協(xié)作能力，能夠與Macromedia公司的其他網(wǎng)頁制作軟件，如FlashMX、FireworksMX等協(xié)調(diào)一致工作，從而使得輕松制作網(wǎng)頁成為可能。提供了更為強大的多媒體處理功能，在設計DHTML(DynamicHTML)和CSS(CascadingStyleSheets)方面表現(xiàn)得極為出色。它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互性操作，在這方面超過了FrontPageXP、Hotdog和Homesite等著名網(wǎng)頁設計軟件，成為目前最為流行的網(wǎng)頁設計工具。允許在Dreamweaver中直接制作FlashText、FlashButton插件，同時全面支持ASP、ASP.NET、JSP、PHP、XML、VXML和CFML等代碼，支持目前流行的大部分網(wǎng)絡設計代碼。增強了庫和模板功能，使用戶可以直接建立具有專業(yè)界面和代碼的網(wǎng)頁。3.4數(shù)據(jù)庫分析數(shù)據(jù)庫是系統(tǒng)設計的另一個關鍵環(huán)節(jié)，數(shù)據(jù)庫技術使信息資源管理最有效的手段。數(shù)據(jù)庫設計是指對一個給定的應用環(huán)境，構造最優(yōu)的數(shù)據(jù)庫模式，建立數(shù)據(jù)庫及其應用系統(tǒng)，有效存儲數(shù)據(jù)，滿足用戶要求和處理要求。數(shù)據(jù)庫結構設計的好壞將直接對應用系統(tǒng)的效率及實現(xiàn)效果產(chǎn)生影響。設計數(shù)據(jù)庫系統(tǒng)時首先充分了解各個方面的需求，包括現(xiàn)有的及將來可能增加的需求。由于本系統(tǒng)面向的對象有3個，即用戶，會員和管理員，所以在數(shù)據(jù)庫需求分析中就要考慮三方面因素。3.5功能模塊分析一個好的網(wǎng)站肯定是有各種類型的功能模塊組成。不同模塊有著各自不同的作用，是溝通網(wǎng)站與用戶的一個基本橋梁。而功能模塊分為前臺模塊和后臺模塊，主要分別控制著前臺一些網(wǎng)站的基本功能和后臺的功能，達到實現(xiàn)網(wǎng)站作用的目的。同時也更好的發(fā)揮網(wǎng)站的作用。3.6網(wǎng)站發(fā)布、瀏覽、調(diào)試分析雖然InternetExplorer（簡稱IE）在瀏覽器市場中占據(jù)著優(yōu)勢性份額，但并不是說它強大到無可挑剔的地步，除了安全隱患問題，在站長進行網(wǎng)站調(diào)試時，也暴露出IE的嚴重不足。其實，很多站長都利用Mozilla這款老牌的Web瀏覽器來調(diào)試自己的網(wǎng)站，它可以快速、高效、即時地找出網(wǎng)頁中存在的問題。第4章網(wǎng)站的系統(tǒng)設計由需求分析得知，可以將網(wǎng)站功能分為前臺和后臺兩類，由此模塊也分為兩大類：前臺模塊和后臺模塊。4.1網(wǎng)站目標的設計網(wǎng)站目標必須是可以通過網(wǎng)絡來精確測量的，比如對公司產(chǎn)品的展示，有多少人查看了公司產(chǎn)品信息，對哪種產(chǎn)品關注度最高。在比如又有多少人下載了公司的試用軟件，優(yōu)惠券。而不能是直接讓客戶到公司來購買產(chǎn)品這種泛泛的不容易監(jiān)測的目標。只有對目標的完成率有了準確的測量才能更好的開展網(wǎng)站推廣，網(wǎng)站營銷的工作!可能很多公司在整個產(chǎn)品的效果過程中存在過多的問題，都想通過網(wǎng)站建設來解決，愿望是美好的，但現(xiàn)實是，只能選擇一個主要的目標，一個準確的首要目標才能準確的指導網(wǎng)站建設。根據(jù)這一宗旨，本網(wǎng)站主要針對云南戈藍汽車服務的特色確立為一個綜合型服務網(wǎng)站，主要起到宣傳互動作用。4.2主頁html設計4.2.1LOGO和Banner網(wǎng)站的LOGO和Banner是網(wǎng)站的標志，由標志圖片，網(wǎng)站名稱，宣傳語和宣傳圖片組成。其中，網(wǎng)站標志和網(wǎng)站名稱是用FirewoksMX軟件設計實現(xiàn)的；宣傳語和宣傳圖片是用FlashMX軟件設計實現(xiàn)的。代碼如下（部分）：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/2021/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset={dede:global.cfg_soft_lang/}"/><title>{dede:global.cfg_webname/}</title><metaname="description"content="{dede:global.cfg_description/}"/><metaname="keywords"content="{dede:global.cfg_keywords/}"/><linkhref="{dede:global.cfg_templets_skin/}/style/dedecms.css"rel="stylesheet"media="screen"type="text/css"/><scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script><scriptlanguage="javascript"type="text/javascript"src="{ded4.2.2前臺網(wǎng)站的主頁設計在網(wǎng)站中設計中，為保持各個頁面的連貫性，采用分塊設計。設計Head.asp作為各個網(wǎng)頁的頭部；設計Foot.asp作為網(wǎng)頁的頁腳。頭部與頁腳的色調(diào)以藍色調(diào)為主，醒目，突出重點。中間內(nèi)容部分以白色作為基色調(diào)。能夠把內(nèi)容鮮明的體現(xiàn)出來。4.2.3網(wǎng)站的分頁設計網(wǎng)站的分頁是由主頁鏈接的目標頁，其內(nèi)容為主頁鏈接的詳細內(nèi)容展開。本網(wǎng)站中設置了一級、二級子頁，個個欄目的內(nèi)容。各級子頁面保持與主業(yè)面的風格，實現(xiàn)了網(wǎng)站的統(tǒng)一。4.2.4后臺網(wǎng)站的主頁設計在網(wǎng)站中設計中，為保持各個頁面的連貫性，采用分塊設計。后臺設計采用了與前臺相同的技術。但頁面風格不同。4.2.5網(wǎng)站的后臺管理分頁設計網(wǎng)站的后臺以紅色為基調(diào)，首頁不再顯示各分頁面的內(nèi)容。后臺進入需要登陸。總之后臺管理的設計思想是盡量直接實現(xiàn)各種功能，不需其他技巧就能完成后臺管理，使其不需要多少的計算機專業(yè)技能，也能輕松勝任。4.2.6交互式頁面設計交互式頁面利用ASP、FLASH以及數(shù)據(jù)庫技術有機的結合，達到方面用戶瀏覽網(wǎng)頁，方便管理員管理網(wǎng)站的目的。4.3數(shù)據(jù)庫設計在設計網(wǎng)站的后臺數(shù)據(jù)庫時我采用的數(shù)據(jù)庫是MicrosoftAccess2021，建立后綴為“.mdb”的庫文件。在網(wǎng)站中前臺與后臺管理系統(tǒng)共同使用一個數(shù)據(jù)庫sjhhsjb.asp，來完成各自的任務。用.asp將數(shù)據(jù)庫封裝，加強了數(shù)據(jù)庫的安全性。在數(shù)據(jù)庫中共有12張表，與前臺有關的表有4張表（User表正在建設中），后臺管理相關有11張表。得到上面的數(shù)據(jù)項和數(shù)據(jù)結構以后，就可以設計出能夠滿足用戶需求的各種實體，以及他們之間的關系，為后面的邏輯結構設計打下基礎。這些實體包含各種具體信息，通過相互之間的作用形成數(shù)據(jù)的流動。本系統(tǒng)根據(jù)上面的設計規(guī)劃出的實體有：管理員信息實體、版主信息實體、用戶信息實體、帖子實體、短消息實體、公告信息實體、版面信息實體。管理員信息實體圖如圖4.1所示。管理員用戶名管理員用戶名密碼權限圖4.1管理員信息實體圖數(shù)據(jù)庫系統(tǒng)總體聯(lián)系圖如圖4.2所示。用戶發(fā)送記錄發(fā)表發(fā)布公告從屬包含版面分類從屬版面日志廣告mm11m用戶發(fā)送記錄發(fā)表發(fā)布公告從屬包含版面分類從屬版面日志廣告mm11mm11m11111帖子4.3.1數(shù)據(jù)庫連接代碼的設計要使用后臺數(shù)據(jù)庫的數(shù)據(jù)，必須先進行數(shù)據(jù)庫的連接與打開，要連接數(shù)據(jù)庫我們必須使用ADO對象群的Connection對象。asp數(shù)據(jù)庫的連接有2種方法：1、可以使用DSN在Web應用程序和數(shù)據(jù)庫之間建立ODBC連接。DSN是一種名稱，它包含使用ODBC驅動程序連接到指定數(shù)據(jù)庫所需的全部參數(shù)。2、可以使用非DSN連接在Web應用程序和數(shù)據(jù)庫之間創(chuàng)建ODBC或OLEDB連接。即連接字符串。使用連接字符串來創(chuàng)建該連接,連接字符串包含Web應用程序在服務器上連接到數(shù)據(jù)庫所需的全部信息。Dreamweaver在網(wǎng)頁的服務器端腳本中插入該字符串，以便讓應用程序服務器在隨后進行處理。下面是一個連接字符串示例：Driver={MicrosoftAccessDriver(*.mdb)};DBQ=d:\abc\wwwroot\myweb\data.mdb后臺數(shù)據(jù)庫的連接因非DSN連接簡單我選擇了非DSN連接，由于連接方法相同，我在每個交互式系統(tǒng)中都建立了一個conn.asp連接和打開數(shù)據(jù)庫文件，以供其他動態(tài)網(wǎng)頁文件包含應用。代碼如下：<%SetConn.Open"DBQ="&Server.MapPath("data\data.mdb")&";Driver={MicrosoftAccessDriver(*.mdb)}"%>4.3.2ASP的對象存取數(shù)據(jù)庫設計在ASP中，用來存取數(shù)據(jù)庫的對象統(tǒng)稱ADO（ActiveDataObjects），主要含有三種對象：Connection、Recordset、Command。Connection：負責打開或連接數(shù)據(jù)。Recordset：負責存取數(shù)據(jù)表。Command：負責對數(shù)據(jù)庫執(zhí)行行動查詢命令。4.4功能模塊的設計4.4.1整體功能模塊的劃分用戶在前臺的注冊，登錄，以及修改個人的注冊信息組合成注冊登錄模塊；用戶瀏覽板塊，瀏覽主題帖列表，查看圖片信息組成瀏覽模塊；用戶發(fā)布信息，回信息，編輯自己發(fā)布的需求信息組成發(fā)帖回帖模塊；管理員編輯信息，刪除信息，轉移信息，置頂文章和指定精華帖子組成管理帖子模塊。以上4個模塊組成前臺的功能模塊。后臺模塊都是與管理員相關的，設置網(wǎng)站參數(shù)單獨為網(wǎng)站設置模塊；創(chuàng)建，修改和刪除版塊為管理版塊模塊；添加，刪除和設置權限為管理用戶模塊。如圖4.3所示是網(wǎng)站的功能模塊圖。會員注冊登錄模塊會員注冊登錄模塊汽車廣告模塊新聞娛樂版模塊發(fā)布信息模塊網(wǎng)站設置模塊管理板塊模塊管理用戶模塊前臺模塊后臺模塊網(wǎng)站系統(tǒng)圖4.3網(wǎng)站的功能模塊圖4.4.2各模塊間的關系設計每個模塊的功能，真實反映需求，通過對需求的認真分析，可以設計出符合要求的單獨模塊。但是，關鍵在于對系統(tǒng)架構的把握，把零散的功能模塊用一條主線串聯(lián)起來，構建完整的系統(tǒng)。管理用戶模塊與注冊登錄模塊關聯(lián)，是由同一類對象——用戶決定的，注冊后獲得論壇的身份，成為用戶，所有的用戶需要接受管理員管理，用戶登錄證明自己在論壇中的身份，如圖4.4所示。注冊登錄注冊登錄用戶管理用戶圖4.4管理用戶模塊與注冊登錄模塊關系圖弄清楚模塊間的關系，就可以設計出論壇系統(tǒng)的整體架構，如圖4.5所示。注冊登錄注冊登錄管理用戶用戶管理板塊選擇版塊發(fā)布供需管理信息瀏覽供需搜索管理員圖4.5系統(tǒng)的整體架構圖根據(jù)系統(tǒng)的入口不同，可分為前臺系統(tǒng)和后臺系統(tǒng)。前臺系統(tǒng)包括注冊登錄模塊、瀏覽模塊、發(fā)帖回帖模塊、管理帖子模塊；后臺包括管理用戶模塊、管理板塊模塊。至此，網(wǎng)站系統(tǒng)的架構部分設計完成了，需要進一步設計具體的數(shù)據(jù)庫結構，確定系統(tǒng)的數(shù)據(jù)基礎。4.4.3特價商品模塊設計（1）查詢數(shù)據(jù)表中的特價商品。特價商品信息同商品基本信息同時保存在商品信息表tb_goods中，以字段sale標識，當sale字段的值為1時，代表該商品為特價商品。在網(wǎng)站首頁中查詢特價商品的代碼如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();//創(chuàng)建并實例化connDB的一個對象ResultSetrs_sale=conn.executeQuery("selecttop2ID,GoodsName,price,nowprice,picturefromtb_goodswheresale=1orderbyINTimedesc");%>特價商品頁面sale.jsp中查詢特價商品的代碼如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();ResultSetrs=conn.executeQuery("selectID,GoodsName,Introduce,price,nowprice,picturefromtb_goodswheresale=1orderbyGoodsName");（2）制作顯示特價商品信息部分。在網(wǎng)站首頁中顯示特價商品信息采用了分欄技術，也就是應用if語句結合求模運算符實現(xiàn)在一個單元格中同時顯示兩列數(shù)據(jù)。關鍵代碼如下：<%ints=1;while(rs_sale.next()){ sale_ID=rs_sale.getInt(1); s_goodsname=rs_sale.getString(2); s_price=rs_sale.getFloat(3); s_nowprice=rs_sale.getFloat(4); s_picture=rs_sale.getString(5); if(s%2==1){ %>……//此處省略顯示商品信息的代碼<%}else{%></td><tdwidth="2%"align="center"valign="top">……//此處省略顯示商品信息的代碼 <%} s++;}%></td>4.4.4新品模塊上架設計新品上架信息同商品基本信息同時保存在商品信息表tb_goods中，以字段newGoods標識，當newGoods字段的值為1時，代表該商品為上架新品。在網(wǎng)站首頁中查詢新上架商品的代碼如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();ResultSetrs_new=conn.executeQuery("selecttop4ID,GoodsName,nowprice,introduce,picturefromtb_goodswherenewGoods=1orderbyINTimedesc");%>4.4.5商品分類模塊設計實現(xiàn)以樹狀菜單的形式顯示商品的大、小分類信息的關鍵是獲取商品的大分類信息，并分別查詢出每個大類所對應的小分類信息，再通過<div>標記和JavaScript自定義函數(shù)實現(xiàn)<div>結點的顯示和隱藏，關鍵代碼（部分）如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();ResultSetrs_superType=conn.executeQuery("selectID,superTypefromV_TypegroupbyID,superTypeorderbysuperTypedesc");%>……//此處省略了部分HTML代碼 <%intID_superType=0; StringsuperType=""; intm=1; while(rs_superType.next()){ ID_superType=rs_superType.getInt(1); superType=rs_superType.getString(2); Stringsql="select*fromV_TypewhereID="+ID_superType; ResultSetrs_subType=conn.executeQuery(sql); StringsubType=""; intsubID=0; rs_subType.last(); intsubType_RC=rs_subType.getRow(); rs_subType.first();%><tr> <td> <%if(subType_RC<=0){%>   <imgsrc="images/jian_null.gif"width="38"height="16"border="0"> <%=superType%> <%}else{ %> <ahref="Javascript:ShowTR(img<%=m%>,OpenRep<%=m%>)"> <imgsrc="images/jia.gif"border="0"alt="展開"id="img<%=m%>"></a> <ahref="Javascript:ShowTR(img<%=m%>,OpenRep<%=m%>)"><%=superType%></a> <%} %>4.4.6會員管理模塊設計在前臺的會員管理模塊中主要包括會員注冊、會員登錄、會員資料修改3部分。由于會員資料修改同會員注冊的實現(xiàn)方法類似，只是調(diào)用的SQL語句不同，所以此處只給出會員注冊和會員登錄進行介紹。會員注冊模塊由兩個頁面組成，一個是用于收集用戶輸入的注冊信息的會員注冊頁面，另一個用于將會員注冊信息保存到數(shù)據(jù)表中的處理頁。會員注冊頁面主要由表單元素組成，比較簡單。將會員注冊信息保存到數(shù)據(jù)表中，首先使用JavaBean中的member類保存客戶端輸入的會員信息，再通過調(diào)用memberDaoImpl中的insert方法將會員信息保存到會員信息表中。在保存會員信息時，還需要判斷會員名是否存在，必須保證會員名稱的惟一性。保存會員信息的完整代碼如下：<%@pageimport="com.wgh.DB.connDB"%><%@pageimport="com.wgh.dao.MemberDaoImpl"%><jsp:useBeanid="member"scope="request"class="commerce.member"><jsp:setPropertyname="member"property="*"/>//一次性為JavaBean的所有屬性賦值</jsp:useBean><%connDBconn=newconnDB();request.setCharacterEncoding("gb2312");//編碼轉換Stringusername=member.getUsername();ResultSetrs=conn.executeQuery("select*fromtb_Memberwhereusername='"+username+"'");if(rs.next()){ out.println("<scriptlanguage='javascript'>alert('該用戶名已經(jīng)存在，請重新注冊 ！');window.location.href='register.jsp';</script>");}else{ intret=0;MemberDaoImplins_member=newMemberDaoImpl();//創(chuàng)建GoodsDaoImpl對象的實例并實例化該對象ret=ins_member.insert(member);//執(zhí)行JavaBean“GoodsDaoImpl”中的方法添加商品信息 if(ret!=0){out.println("<scriptlanguage='javascript'>alert('用戶注冊成功 ！');window.location.href='index.jsp';</script>");}else{out.println("<scriptlanguage='javascript'>alert('用戶注冊失敗 ！');window.location.href='register.jsp';</script>");}4.4.7銷售排行榜模塊設計銷售排行頁面主要是將訂單視圖中的數(shù)據(jù)按GoodsName、GoodsID字段分組并統(tǒng)計銷售數(shù)量，再按統(tǒng)計后的銷售數(shù)量降序排列，最后再使用SQL語句中的top關鍵字取出銷售量最高的前10種商品。關鍵代碼如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();Stringusername=(String)session.getAttribute("username");ResultSetrs=conn.executeQuery("selecttop10GoodsID,GoodsName,sum(number)assumNumfromV_order_detailgroupbyGoodsName,GoodsIDorderbysumNumdesc");intgoodsID=-1;StringgoodsName="";%>4.5網(wǎng)站發(fā)布、瀏覽、調(diào)試設計4.5.1為什么Mozilla比IE更適合調(diào)試網(wǎng)站和IE不同的是，Mozilla不但可以用于網(wǎng)頁瀏覽、網(wǎng)頁編輯，更為重要的是Mozilla內(nèi)置了強大的調(diào)試工具，能方便、高效地對站點網(wǎng)頁進行JavaScript糾錯、Cookie管理、源代碼查看、DOM查看和頁面信息查詢等，這些都是IE不容易做到的。4.5.2運用環(huán)境：當IE腳本信息太簡單時在網(wǎng)頁編寫中使用JavaScript是司空見慣的事情了，當JavaScript出現(xiàn)問題時，在IE瀏覽器中只會彈出一個簡單的錯誤提示對話框，告訴你該網(wǎng)頁有錯誤，出錯提示信息過于簡單，而且無法進行管理，滿足不了調(diào)試網(wǎng)頁工作的需要。這種情況下，我們就可以利用Mozilla來解決。4.5.3錯誤，就這樣被“揪出”Mozilla內(nèi)置了“JavaScript控制臺”，只要你在網(wǎng)頁調(diào)試時打開JavaScript控制臺，就可以看到被記錄下的JavaScript錯誤提示信息，方便大家找出錯誤所在，起到即時修正網(wǎng)頁錯誤的目的。如何利用Mozilla內(nèi)置的“JavaScript控制臺”來快速定位問題所在？其實非常簡單。使用Mozilla瀏覽器進行網(wǎng)站調(diào)試時，依次點擊“工具→Web開發(fā)→JavaScript控制臺”項目后，彈出“JavaScript控制臺”對話框，在列表框中記錄著網(wǎng)頁的JavaScript出錯信息，并且每項錯誤信息都詳細地記錄著出錯的文件名、JavaScript錯誤所在行號，以及錯誤出現(xiàn)時的上下文，這樣一來就很容易找出JavaScript出錯位置和錯誤原因。此外，你還可以右鍵點擊錯誤項目，在彈出的菜單中選擇“復制”項目，將JavaScript出錯信息復制到剪貼板中，以便保存到其他文件中。提示：雖然JavaScript控制臺功能強大，但也有不足之處，這就是無法將所有的JavaScript出錯項目保存到一個文件中，只能逐條手工保存。4.5.4嚴格模式，讓網(wǎng)頁顯示更“順暢”網(wǎng)頁調(diào)試中，除了JavaScript錯誤信息外，還有一種出錯信息，就是“嚴格的JavaScript警告”信息。雖然這種“JavaScript警告”沒有JavaScript錯誤信息嚴重，但它也會嚴重地影響到網(wǎng)頁的顯示速度，要想讓你的網(wǎng)站做得完美，這種JavaScript警告錯誤也必須剔除。默認情況下，Mozilla是不記錄“嚴格的JavaScript警告”信息，必須手工激活該功能。在Mozilla瀏覽器主窗口中，點擊“編輯→首選項”后，彈出首選項對話框，切換到“調(diào)試”項目欄，選中“顯示嚴格的JavaScript警告信息”選項，最后點擊“確定”按鈕。這樣“JavaScript控制臺”就會記錄下這些警告信息，方便用戶查找JavaScript問題所在，優(yōu)化你的網(wǎng)頁，讓它顯示得更順暢。第5章企業(yè)網(wǎng)站實現(xiàn)根據(jù)的前面的分析設計可以得到網(wǎng)站具體需要實現(xiàn)功能。5.1網(wǎng)站目標實現(xiàn)當前期的工作完成，網(wǎng)站建設的目標基本實現(xiàn)。下面介紹的就是具體實現(xiàn)后的頁面截圖。同時，網(wǎng)站的一些基本功能也將實現(xiàn)。5.2主頁html實現(xiàn)5.2.1主頁動態(tài)Flash的實現(xiàn)運用PhotoshopCS4制作一個簡單的動態(tài)FlashLOGO。要求能夠熟練的掌握該軟件的使用方法，熟悉制作流程。1、啟動開始菜單中的PS軟件2、單擊歡迎屏幕中的“Flash文件”或單擊新建文件，選擇屬性。3、選擇“文件”|“導入”|“導入到舞臺”命令，打開“導入”對話框，找到并選擇配套資料中的圖片“image.jpg”，然后單擊“打開”按鈕。4、新建一個圖層2，并將另外一個素材圖片導入5、在時間軸面板的圖層1中的第50幀處右擊，然后在彈出菜單中選擇“插入關鍵幀”命令，在第50幀插入一個關鍵幀。6、在時間軸面板的圖層2的第15幀處右擊，在彈出菜單中選擇“插入關鍵幀”命令，在第15幀插入一個關鍵幀。7、單擊圖層2的第15幀，然后在圖片上右擊，選擇彈出菜單中的“任意變形”命令，在出現(xiàn)變形句柄后使用鼠標適當調(diào)整圖片內(nèi)容的位置和大小8、單擊圖層2的第1幀，使用鼠標適當調(diào)整圖片的位置和大小9、在文本“屬性”面板中，單擊左下角的“添加濾鏡”按鈕，然后選擇彈出菜單中的“投影”命令，為文本添加默認的黑色投影10、用與前面所述步驟類似的方法創(chuàng)建文本投影，并創(chuàng)建傳統(tǒng)補間動畫11、最后輸出動畫、選擇“文件”|“導出”|“導出影片”命令，打開“導出影片”對話框，然后選擇一個存放導出影片的位置，并為文件命名12、單擊“保存”按鈕，完成影片的導出13、將所制作影片插入網(wǎng)頁中即可主頁前臺生成效果為圖5.1：圖5.1前臺網(wǎng)站主頁生成效果5.3數(shù)據(jù)庫實現(xiàn)5.3.1數(shù)據(jù)結構實現(xiàn)針對網(wǎng)站的需求，通過企業(yè)的管理過程中內(nèi)容和流程的分析，網(wǎng)站的數(shù)據(jù)庫網(wǎng)站的數(shù)據(jù)庫User表ShijiUser表Shiji表Publish表Luntan表L說明可否為空數(shù)據(jù)類型列名說明可否為空數(shù)據(jù)類型列名圖5.2數(shù)據(jù)庫結構圖5.3.2數(shù)據(jù)庫表實現(xiàn)首先將網(wǎng)站管理信息系統(tǒng)的數(shù)據(jù)庫概念結構轉化為SQL2021數(shù)據(jù)庫系統(tǒng)所支持的實際數(shù)據(jù)模型，即：數(shù)據(jù)庫的邏輯結構。luntan表表5.1luntan列名數(shù)據(jù)類型可否為空說明ID自動編號NOTNULLtitle文本NOTNULL文章標題publisher文本NULL 文章發(fā)布人detail文本NULL文章具體內(nèi)容publish表表5.2publish列名數(shù)據(jù)類型可否為空說明ID自動編號NOTNULLname文本NOTNULL圖片名稱content文本NULL圖片具體內(nèi)容title文本NULL圖片內(nèi)容標題publisher文本NOTNULL發(fā)布人shiji表表5.3shiji列名數(shù)據(jù)類型可否為空說明ID自動編號NOTNULLdaytime文本NOTNULL事記時間content文本NOTNULL事記內(nèi)容user表表5.4user列名數(shù)據(jù)類型可否為空說明ID自動編號NOTNULLname文本NOTNULL管理員登錄名passwd文本NOTNULL 管理員密碼5.4功能模塊實現(xiàn)5.4.1特價商品模塊實現(xiàn)特價商品模塊共有兩個入口，一個是網(wǎng)站導航條中的【特價商品】導航按鈕，另一個是網(wǎng)站前臺的居中位置，分欄列出了商城中特價商品中最新的兩條特價商品信息，單擊特價商品展區(qū)中的“More…”超鏈接可以進入到特價商品頁面，在該頁面中將列出商城中的全部特價商品。主要包括商品圖片、名稱、原價、現(xiàn)價等信息。同時設置了【購買】按鈕和【詳細信息】按鈕，分別用于將商品信息添加至購物車和查看商品詳細信息。特價商品模塊在網(wǎng)站首頁的設計效果如圖5.3所示。圖5.3特價商品模塊在網(wǎng)站首頁的設計效果5.4.2新品上架模塊實現(xiàn)新品上架模塊也有兩個入口，一個是網(wǎng)站導航條中的【新品上架】導航按鈕，另一個是網(wǎng)站前臺的居中位置，列出了商城中上架新品中的最新上市的4條商品信息，單擊新品上架展區(qū)中的“More…”超鏈接可以進入到新品上架頁面，在該頁面中將列出商城中的全部上架新品。主要包括商品圖片、名稱、現(xiàn)價等信息。同時設置了【購買】按鈕和【查看詳細信息】按鈕，分別用于將商品信息添加至購物車和查看商品詳細信息。下面只以首頁中的新品上架為例進行介紹。新品上架模塊在網(wǎng)站首頁中的設計效果如圖5.4所示。圖5.4新品上架模塊在網(wǎng)站首頁中的設計效果5.4.3商品分類模塊實現(xiàn)為了方便用戶查詢所需商品信息，在網(wǎng)站中設置了商品分類顯示模塊。在網(wǎng)站首頁的右側以樹狀菜單的形式列出了商品的大、小分類信息，用戶單擊大類別結點可以顯示出該類的所有小類信息，單擊小類結點可以進入到分類商品顯示頁面查看該類別的全部商品信息，在分類商品顯示頁面中，單擊商品名稱可以查看相應商品的詳細信息。如果用戶已經(jīng)登錄，還可以直接將商品信息添加至購物車中。商品分類模塊的頁面設計效果如圖5.5所示。圖5.5商品分類模塊的頁面設計效果5.4.4會員管理模塊實現(xiàn)會員注冊的入口位于網(wǎng)站首頁的左側。用戶單擊【注冊】按鈕即可進入到會員注冊頁面，該頁面的設計效果如圖5.6所示。圖5.6會員注冊頁面設計效果會員登錄用于網(wǎng)站會員登錄本網(wǎng)站進行購物或查看訂單情況。會員登錄入口位于網(wǎng)站首頁的左側，頁面運行結果如圖4所示。下面給出會員登錄頁面的設計效果圖和會員登錄后的會員登錄頁面的運行結果，分別如圖5.7、圖5.8所示。圖5.7會員登錄頁面的設計效果圖5.8會員登錄后的會員登錄頁面的運行結果當用戶在登錄窗口中輸入用戶名和密碼后，單擊【登錄】按鈕，系統(tǒng)將對輸入的用戶名和密碼進行驗證，如果用戶輸入的用戶名存在并且凍結字段的值不為1，則判斷用戶輸入的密碼是否正確，如果密碼正確，則重新進入網(wǎng)站首頁，顯示登錄用戶的用戶名、【修改資料】按鈕、【退出登錄】按鈕，否則提示登錄失敗。5.4.5銷售排行榜模塊實現(xiàn)用戶單擊網(wǎng)站導航條中的“銷售排行”超鏈接，將進入到銷售排行頁面，銷售排行頁面的設計效果如圖5.9所示。圖5.9銷售排行頁面設計效果商品銷售排行頁面運行結果如圖5.10所示。圖5.10商品銷售排行頁面運行結果5.5網(wǎng)站發(fā)布、瀏覽、調(diào)試的實現(xiàn)5.5.1發(fā)布將網(wǎng)站的所有文件夾和文件保存到設定的主目錄中即可。5.5.2設置主目錄選擇控制面板→管理工具→Internet服務管理器→右擊默認站點→選擇屬性→設置主目錄。5.5.3瀏覽在IIS中選擇默認Web站點中的首頁default文檔，右鍵選擇瀏覽。5.5.4網(wǎng)站調(diào)試實現(xiàn)一個站點制作好后，在細節(jié)上肯定還有一些值得調(diào)節(jié)的地方，比如無效鏈接，Java、Cookie錯誤等等，所以網(wǎng)站調(diào)試是一個不容忽視的環(huán)節(jié)。只要利用瀏覽器就可以完成這項工作。在Cookie文件中保存著網(wǎng)站和用戶的很多機密信息，因此在網(wǎng)站調(diào)試工作中，Cookie調(diào)試也是一個不可掉以輕心的環(huán)節(jié)。因為IE提供的Cookie管理或調(diào)試功能太弱了。要想管理或調(diào)試Cookie只能采取比較笨拙的方法，如在WindowsXP系統(tǒng)中，進入到“%USERPROFILE%Cookies”文件夾，手工去查看、編輯或刪除Cookie文件所包含的信息，非常不方便。IE唯一可以做的是，一次性地清空所有的Cookie文件。如圖5.11圖5.11Cookie文件刪除5.6優(yōu)化方案我們?yōu)g覽網(wǎng)頁實際上是將虛擬主機中的網(wǎng)頁內(nèi)容下載到本地硬盤，再用瀏覽器解釋查看的。下載網(wǎng)頁的快慢在顯示速度上占了很大比重，所以，網(wǎng)頁本身所占的空間越小，那么瀏覽速度就會越快。這就要求在做網(wǎng)頁的時候遵循一切從簡的原則，如:不要使用太大的Flash動畫、圖片等資源。干凈、簡潔的頁面會給人一種思路明朗的感覺。技術優(yōu)化主要分為代碼優(yōu)化、目錄結構優(yōu)化和針對搜索引擎的優(yōu)化三個部分。這一部分的優(yōu)化工作主要是由網(wǎng)站開發(fā)人員測試提出方案完成的，而且有一定的規(guī)則，所以相對要簡單一些只是時間問題。第6章總結與展望網(wǎng)頁的Title標簽最好與主題、頁面中的主關鍵字相匹配，不應該寫得太多，通常的Title寫法，標題+站名。META標簽中的"description"描述，是對一個網(wǎng)頁概況的介紹，這些信息可能會出現(xiàn)在搜索結果中，因此需要根據(jù)網(wǎng)頁的實際情況來設計，盡量避免與網(wǎng)頁內(nèi)容不相關的“描述”，另外，最好對每個網(wǎng)頁有自己相應的描述(至少是同一個欄目的網(wǎng)頁有相應的描述)，而不是整個網(wǎng)站都采用同樣的描述內(nèi)容，因為一個網(wǎng)站有多個網(wǎng)頁，每個網(wǎng)頁的內(nèi)容肯定是不同的，如果采用同樣的description，顯然會有一些網(wǎng)頁內(nèi)容沒有直接關系，這樣不僅不利于搜索引擎對網(wǎng)頁的排名，也不利于用戶根據(jù)搜索結果中的信息來判斷是否點擊進入網(wǎng)站獲取進一步的信息。META標簽中的"Keywords"，與META標簽中的"description"類似，"Keywords"也是用來描述一個網(wǎng)頁的屬性，只不過要列出的內(nèi)容是“關鍵詞”，而不是網(wǎng)頁的介紹。這就意味著，要根據(jù)網(wǎng)頁的主題和內(nèi)容選擇合適的關鍵詞。在選擇關鍵詞時，除了要考慮與網(wǎng)頁核心內(nèi)容相關之外，還應該是用戶易于通過搜索引擎檢索的，過于生僻的詞匯不太適合做META標簽中的關鍵詞。關于META標簽中關鍵詞的設計，要注意不要堆砌過多的關鍵詞，羅列大量關鍵詞對于搜索引擎檢索沒有太大的意義，對于一些熱門的領域(也就是說同類網(wǎng)站數(shù)量較多)，甚至可能起到副作用。最好使用DIV+CSS布局，這樣做可以使頁面代碼精簡，因為DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在Spider爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，Spider就會認為這個頁面無法訪問，影響收錄及權重。結束語通過這次畢業(yè)設計，使我受到了一次用專業(yè)知識、專業(yè)技能分析和解決問題的全面系統(tǒng)的鍛煉。使我在綜合知識的選用方面，在企業(yè)網(wǎng)站開發(fā)的基本思想、方法方面，以及在常用代碼設計思路技巧的掌握方面都能向前邁了一大步。在這次的畢業(yè)設計中，讓我深深地體現(xiàn)到進行網(wǎng)站開發(fā)不是一件簡單的事情，它需要設計者具有全面的專業(yè)知識、縝密的思維、嚴謹?shù)墓ぷ鲬B(tài)度以及較高的分析問題、解決問題的能力，而我在很多方面還有欠缺。我會在以后工作的使用過程中，根據(jù)工作的具體要求不斷的修改，完善，爭取使該系統(tǒng)慢慢趨向完美。參考文獻[1]孫東梅：《Dreamweaver8+ASP完美動態(tài)網(wǎng)站設計》，電子工業(yè)出版社；2021年5月第一次印刷[2]陳建偉李美軍施建強：《ASP動態(tài)網(wǎng)站開發(fā)教程》，第一版：清華大學出版社；2021年一月[3]宋顏浩費文華：《asp+sqlserver網(wǎng)絡應用系統(tǒng)開發(fā)與實例》，第一版：中國水利水電出版社；2021年4月[4]肖志剛張維韓璐：《ASP動態(tài)網(wǎng)頁設計應用培訓教程》，第一版：電子工業(yè)出版社；2021年1月[5]溫明：《ASP網(wǎng)站建設實錄》，紅旗出版社；2021年2月第一次印刷[6]苗雪蘭劉瑞新王懷峰：《數(shù)據(jù)庫系統(tǒng)原理及應用教程》，第一版：機械工業(yè)出版社；2021年7月[7]邵麗萍張后揚郭春芳：《網(wǎng)站編程技術實用教程》，第一版：清華大學出版社；2021年1月[8]楊世錫趙輝：《ASP+SQLServer動態(tài)網(wǎng)站開發(fā)從基礎到實踐》，第一版：電子工業(yè)出版社；2021年8月[9]劉小東

陳艷玲：《DreamweaverMX2021與ASP動態(tài)網(wǎng)頁設計實訓教程》，第一版：上?？茖W普及出版社；2021年7月[10]立雅科技：《DreamweaverMX&ASP網(wǎng)頁整合大全》，第一版:電子工業(yè)出版社；2021年8月[11]吳濤：《網(wǎng)站全程設計技術（修訂本）》，北京：清華大學出版社；北京交通大學出版社[12]張華、賈志娟：《asp項目開發(fā)實踐》，中國鐵道出版社[13]沈大林主編：《中文Flash8案例教程》，中國鐵道出版社[14]龍馬工作室編：《ASP+SQLServer組建動態(tài)網(wǎng)站實例精講》，北京：人民郵電出版社[15]趙增敏編：《ASP動態(tài)網(wǎng)頁設計》，電子工業(yè)出版