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