【文章內(nèi)容簡介】 、由于對網(wǎng)站進行更新時涉及隱私較多，要求要有較好的權限管理。 頁面簡單方便，支持在線留言功能。 在相應的權限下，刪除數(shù)據(jù)方便簡單，數(shù)據(jù)穩(wěn)定性好； 二、可行性分析 根據(jù)前面的設計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站做如下劃分： 首頁包含 七 個模塊： 首頁 個人 簡介 信息 展示 新聞中心 在線留言 聯(lián)系我們 管理員登錄 圖 個人網(wǎng)站 系統(tǒng)數(shù)據(jù)流圖（頂層 DFD圖） 三、功能需求 經(jīng)過以上詳細的用戶調(diào)查，在現(xiàn)行 個人網(wǎng)站 流程和數(shù)據(jù)分析的基礎上，基本可以確定系統(tǒng)設計必須達到的目標。 以下是 個人網(wǎng)站 必須具備的功能： 對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！ “風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”首 頁 在線留言 首頁 新聞中心 信息展示 管理員登錄 個人簡介 聯(lián)系我們 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 7 包括站點的 CI（標志，色彩，字體，標語）、 版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風格”。 四、 可行性分析 為了保證系統(tǒng)能夠長期、安全、穩(wěn)定、可靠、高效的運行， 個人網(wǎng)站 應該滿足以下的性能需求： 系統(tǒng)處理的準確性和及時性 系統(tǒng)處理的準確性和及時性是系統(tǒng)的必要性能。在系統(tǒng)設計和開發(fā)過程中，要充分考慮系統(tǒng)當前和將來可能承受的工作量，使系統(tǒng)的處理能力和響應時間能夠滿足學校對信息處理的需求。 系統(tǒng)的開放性和系統(tǒng)的可擴充性 個人 網(wǎng)站在開發(fā)過程中，應該充分考慮以后的可擴充性。例如用戶留言的需求也會不斷的更新和完善。 系統(tǒng)的易用性和易維護性 系統(tǒng)的標準性 系統(tǒng)在設計開發(fā)使用過程中都要涉及到很多計算機硬件、軟件。所有這些都要符合主流國際、國家和行業(yè)標準。 系統(tǒng)的先進性 目前計算系統(tǒng)的技術發(fā)展相當快，作為 個人 網(wǎng)站，在系統(tǒng)的生命周期盡量做到系統(tǒng)的先進，充分完成企業(yè)信息處理的要求而不至于落后。這一方面通過系統(tǒng)的開放性和可擴充性，不斷改善系統(tǒng)的功能完成。 系統(tǒng)的響應速度 原則是保證操作人員不會因為速度問題而影響工作效率。長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 8 第三章 個人網(wǎng)站的設計構思 一、 個人網(wǎng)站的主題與風格 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的 網(wǎng)站 ，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設計制作出優(yōu)秀的作品。 對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來 高強度的勞動，給網(wǎng)站的及時更新帶來困難。 “風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的 CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風格”。 風格是有人性的，通過網(wǎng)站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫 文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是一成不變的。 總之，有風格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認識，比如站點的品位，對瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為網(wǎng)站的特色加以重點強化、宣傳。總之，風格的形成不是一次定位的，你可以在實踐中不斷強化、調(diào)整、改進。 二、選擇有創(chuàng)意的內(nèi)容 好的內(nèi)容選擇需要有好的創(chuàng)意。作為網(wǎng)頁設計制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意， 網(wǎng)絡上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設計制作者也應當放棄這個創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶 ，記得“內(nèi)容為王”。 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 9 第四章 網(wǎng)站詳細設計 一、首頁設計 網(wǎng)站首頁采用靜、動相結合的方式，即靜態(tài)的主畫面和動態(tài)的圖片、透明輪換相結合，體現(xiàn)本 個人 的勃勃生氣；動態(tài)首頁方式包括圖片展 示、新聞中心、基地風采、在線留言等模塊利用 php 與數(shù)據(jù)庫結合的技術建立數(shù)據(jù)庫查詢所有信息，采用交互式的動態(tài)的 web 畫面來實現(xiàn)如圖 所示。 圖 二、二級頁面的設計 （一）、 個人 展示 在導航菜單中點擊“ 個人 展示”，可鏈接到產(chǎn)品展示的功能模塊，即可瀏覽全部的 個人信息 。 如圖 所示 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 10 圖 個人展示設計 （二）、在線留言模塊 在導航菜單中點擊“在線留言”可鏈接到在線留言的功能模塊。 如圖 所示 圖 在線留言 （三）、網(wǎng)站后臺管理界面 圖 網(wǎng)站后臺管理界面 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 11 三、數(shù)據(jù)庫的設計 （一）、數(shù)據(jù)庫的需求分析 進行整個數(shù)據(jù)庫設計必須準確了解與分析用戶需求（包括數(shù)據(jù)和處理）。用戶需求分析是整個設計過程的基礎，是最困難、最耗費時間的 一步。作為最基本的需 求分析做得是否充分與準確，決定了在其構建數(shù)據(jù)庫的速度和質(zhì)量。 用戶 需求具體體現(xiàn)在各種信息的提供、存儲、更新和查詢方面，這就要求數(shù)據(jù)庫結構能充分滿足各種信息的輸出與輸入。收集基本數(shù)據(jù)、數(shù)據(jù)結構及數(shù)據(jù)處理的流程，組成一份詳盡的 數(shù)據(jù)字典，為后面的具體設計打下基礎。以這種思想作為設計策略。 （二）、數(shù)據(jù)庫的物理設計 依據(jù)數(shù)據(jù)庫的原理，即可進行數(shù)據(jù)庫的物理設計。基于以上數(shù)據(jù)庫的邏輯設計，考慮程序設計的簡易性，同時考慮題目的時間，該系統(tǒng)的數(shù)據(jù)庫采用 Microsoft SQL Server 2020。本系統(tǒng)決定采用一個數(shù)據(jù)庫， 數(shù)據(jù)庫如下： 圖 數(shù)據(jù)庫的物理設計 （一） 圖 數(shù)據(jù)庫的物理設計（二） 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 12 （三）網(wǎng)站實現(xiàn)代碼 利用 javascript 腳本語言實現(xiàn)圖片輪換 table cellspacing = 0 cellpadding = 0 width=940 align=center border=0 tbody tr td align=middleSCRIPT language=javascript type=text/javascript var imgWidth=940。 //圖片寬 var imgHeight=262。 //圖片高 var textFromHeight=0。 //焦點字框高度 (單位為 px) var textStyle=f12。 //焦點字 class style (不是連接 class) var textLinkStyle=p1。 //焦點字連接 class style var buttonLineOn=ff8f33。 //button 下劃線 on 的顏色 var buttonLineOff=dbdbdd。 //button 下劃線 off 的顏色 var TimeOut=5000。 //每張圖切換時間 (單位毫秒 )。 var imgUrl=new Array()。 var imgLink=new Array()。var imgtext=new Array()。var imgAlt=new Array()。 var imgContent=new Array()。var adNum=0。var theTimer。 var firstTime=true。 焦點字框高度樣式表 開始 (39。style type=text/css39。)。 (39。focuseFrom{width:39。+(imgWidth)+39。margin: 0px。 padding:0px。height:39。+(imgHeight+textFromHeight)+39。px。 overflow:hidden。}39。)。 (39。txtFrom{height:39。+textFromHeight+39。px。lineheight:39。+textFromHeight+39。px。width:39。+imgWidth+39。px。overflow:hidden。}39。)。 (39。imgTitle{width:39。+imgWidth+39。top:39。+(textFromHeight+23)+39。px。height:18px}39。)。 (39。/style39。)。 (39。div id=focuseFrom39。)。 /SCRIPT SCRIPT language=javascript type=text/javascript imgUrl[1]=39。proimg/39。 imgtext[1]=39。長春瑄瑄情商樂園 39。 imgLink[1]=39。 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 13 imgAlt[1]=39。模板王 39。 imgUrl[2]=39。proimg/39。 imgtext[2]=39。JS 代碼 39。 imgLink[2]=39。 imgAlt[2]=39。JS 代碼 39。 imgUrl[3]=39。proimg/39。 imgtext[3]=39。導航菜單 39。 imgLink[3]=39。 imgAlt[3]=39。導航菜單 39。 imgUrl[4]=39。proimg/39。 imgtext[4]=39。Flash+XML39。 imgLink[4]=39。 imgAlt[4]=39。Flash+XML39。 imgUrl[5]=39。proimg/39。 imgtext[5]=39。模板王 39。 imgLink[5]=39。 imgAlt[5]=39。模板王 39。 /SCRIPT /td /tr /tbody/table 在線留言功能的實現(xiàn) ?php include ../config/。 include ../config/。 include ../config/。 include ../config/。 $conn = Connect_DB($DB_VARS_ARRAY)。 $userid=$_SESSION[39。SESSION_USERID39。]。 $page_now=$_GET[39。page_now39。]。 if(strlen($page_now)1){ $page_now=1。 } $sql=select * from admin。 $page_recs=15。//每頁顯示記錄數(shù) $rec=mysql_query($sql,$conn)。 $total_user=mysql_num_rows($rec)。 $pages=ceil($total_user/$page_recs)。 長春