基于dedecms內(nèi)容管理系統(tǒng)的企業(yè)網(wǎng)站畢業(yè)設(shè)計

1、<p>　　學(xué)生畢業(yè)論文（設(shè)計）</p><p>　　題目：基于DEDECMS內(nèi)容管理系統(tǒng)的企業(yè)網(wǎng)站 </p><p>　　姓 名 </p><p>　　學(xué) 號 </p><p>　　專 業(yè) 計算機應(yīng)用技術(shù) </p>

2、<p>　　系 部 信息技術(shù)系 </p><p>　　二０一四 年 五 月 六 日</p><p><b>　　畢業(yè)設(shè)計任務(wù)計劃書</b></p><p>　　1.1任務(wù)下達(dá)時間：</p><p>　　2014年12月20日</p><p>　　1.2完成項目的最遲期限

3、：</p><p><b>　　2015年6月5日</b></p><p><b>　　1.3進(jìn)度：</b></p><p><b>　　摘 要</b></p><p>　　當(dāng)前，隨著計算機技術(shù)與通信技術(shù)的發(fā)展，網(wǎng)絡(luò)的規(guī)模也逐漸增大。網(wǎng)絡(luò)的元素也隨之而不斷增加。有的利用其進(jìn)行

4、通信，有的用其作為商業(yè)用途，在網(wǎng)絡(luò)上進(jìn)行出售、收購、宣傳等用途。從而使得網(wǎng)絡(luò)越來越成為現(xiàn)今社會上必不可少的元素，而網(wǎng)站就是這個網(wǎng)絡(luò)里的一個很大的元素。</p><p>　　隨著時代的發(fā)展，生活水平的提高，人民對網(wǎng)絡(luò)也越來越重視，所以，大多數(shù)公司都建立的自己的公司網(wǎng)站，而本次畢業(yè)設(shè)計的題目就是基于dedecms的快速建站技術(shù)，在APMServ環(huán)境下，利用dedecms迅速、便捷的完成整個網(wǎng)站的設(shè)計。</p&g

5、t;<p>　　本次網(wǎng)站設(shè)計在內(nèi)容的組織安排上盡量做到結(jié)構(gòu)合理、內(nèi)容翔實、通俗易懂，有利于瀏覽網(wǎng)站的人理解本公司網(wǎng)站的大體結(jié)構(gòu)及公司性質(zhì)。</p><p>　　關(guān)鍵詞：APMServ；dedecms；互聯(lián)網(wǎng)；公司網(wǎng)站</p><p><b>　　Abstract</b></p><p>　　At present, with the

6、 rapid development of computer technology and communication technology, the network scale is gradually increasing. The elements of the network also will be increasing. Some use their communication, and some use it for co

7、mmercial use, sale, purchase, publicity and other applications on the network. So that the network is increasingly becoming an essential element of modern society, and the site where the network is a big element.</p&g

8、t;<p>　　With the development of the times, the improvement of the living standard, people pay more and more attention to the network, therefore, the majority of companies have established their own website, and th

9、e topic of this graduation design is the rapid construction technology based on dedecms, in the php+mysql environment, using dedecms rapid design, convenient to complete the entire site.</p><p>　　The organiz

10、ation of this website design in the content arrangement as far as possible reasonable structure, informative, easy to understand, have the general structure and the nature of the company to visit the website of the peopl

11、e to understand the company's Web site.</p><p>　　Keywords: APMServ; dedecms; Internet; website</p><p><b>　　目 錄</b></p><p><b>　　1 引言9</b></p><

12、;p>　　1.1 本課題的開發(fā)背景9</p><p>　　1.2 本課題要達(dá)到的設(shè)計目標(biāo)9</p><p>　　2 建站技術(shù)現(xiàn)狀及關(guān)鍵問題分析11</p><p>　　2.1 快速建站技術(shù)分析11</p><p>　　2.2 研究設(shè)計中的關(guān)鍵問題11</p><p><b>　　3 需求分析

13、14</b></p><p>　　3.1 用例圖14</p><p>　　3.2 網(wǎng)站功能14</p><p>　　3.3 可行性分析16</p><p>　　3.3.1 操作可行性16</p><p>　　3.4 系統(tǒng)的開發(fā)環(huán)境16</p><p>　　4 網(wǎng)站仿制分析

14、18</p><p>　　4.1 核心頁面仿制分析18</p><p>　　4.2 主要內(nèi)容類型20</p><p>　　4.3 所需模塊20</p><p>　　4.4 主題（風(fēng)格定位及配色方案，界面布局）20</p><p>　　4.5 用戶角色與權(quán)限22</p><p><

15、b>　　5 系統(tǒng)實現(xiàn)24</b></p><p>　　5.1 資料收集24</p><p>　　5.2 開發(fā)環(huán)境安裝25</p><p>　　5.3 創(chuàng)建模板28</p><p>　　5.4 創(chuàng)建欄目29</p><p>　　5.5 創(chuàng)建首頁30</p><p>　

16、　5.6 創(chuàng)建列表頁30</p><p>　　5.7 創(chuàng)建內(nèi)容頁30</p><p><b>　　6 系統(tǒng)測試32</b></p><p>　　6.1 測試方法簡介32</p><p>　　6.2 測試環(huán)境32</p><p>　　6.3 測試用例32</p><p

17、>　　7 結(jié)論與展望34</p><p><b>　　參考文獻(xiàn)35</b></p><p><b>　　致 謝36</b></p><p><b>　　引言</b></p><p>　　在信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網(wǎng)。而吸引瀏覽用戶

18、的則是視覺效果出色、信息量豐富、使用起來便捷的網(wǎng)站，所以網(wǎng)站設(shè)計尤為重要。</p><p>　　互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。 </p>

19、<p>　　面對日益加快的生活節(jié)奏和信息社會日新月異的變化，企業(yè)極需要一種快捷，便利的平臺來對外宣傳企業(yè)形象,介紹最新產(chǎn)品和及時售后服務(wù)。如何運用基于dedecms的快速建站技術(shù)來快速、便捷的完成一個企業(yè)網(wǎng)站，就是本次網(wǎng)站設(shè)計的主要目標(biāo)。</p><p><b>　　本課題的開發(fā)背景</b></p><p>　　所謂網(wǎng)站，就是指在因特網(wǎng)上，根據(jù)一定的規(guī)則

20、，使用HTML等工具制作的用於展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過瀏覽器來訪問網(wǎng)站，獲取自己需要的信息或者享受網(wǎng)絡(luò)服務(wù)。</p><p>　　本次網(wǎng)站設(shè)計的開發(fā)背景是基于dedecms的快速建站技術(shù)。此次的畢業(yè)設(shè)計，不但要能更加了解基于dedecms的快速建站技術(shù)和更好的使用它，還要能夠

21、利用dedecms來構(gòu)建一個結(jié)構(gòu)合理、內(nèi)容翔實、通俗易懂，利于瀏覽的企業(yè)網(wǎng)站。使人們能夠通過本企業(yè)網(wǎng)站，快速、清晰的認(rèn)識到本企業(yè)的主營項目及公司大體情況，以便于加深與本企業(yè)的合作。</p><p>　　本課題要達(dá)到的設(shè)計目標(biāo)</p><p>　　要設(shè)計一個完善的網(wǎng)站，需要對本網(wǎng)站要達(dá)到的目標(biāo)有明確的了解：</p><p>　?。?）本設(shè)計的主要目標(biāo)是開發(fā)一家企業(yè)網(wǎng)

22、站，用戶可以通過瀏覽本網(wǎng)站，來獲取一下本企業(yè)的基本信息，如：本企業(yè)的發(fā)展歷史、主營的產(chǎn)品以及企業(yè)新聞等，同時，還可以通過本網(wǎng)站了解到本公司的地理位置及聯(lián)系方式。</p><p>　　（2）按時并且保證質(zhì)量的完成基于dedecms的沈陽市新東試劑廠網(wǎng)站的設(shè)計與實現(xiàn)，并掌握制作網(wǎng)站的全部過程與技術(shù)。</p><p>　　（3）通過網(wǎng)站制作的過程，培養(yǎng)獨立設(shè)計網(wǎng)站的能力。</p>

23、<p>　　建站技術(shù)現(xiàn)狀及關(guān)鍵問題分析</p><p>　　本次網(wǎng)站設(shè)計是基于dedecms的沈陽市新東試劑廠網(wǎng)站的設(shè)計與實現(xiàn)，利用基于dedecms的快速建站技術(shù)實現(xiàn)，在網(wǎng)站設(shè)計的過程中，出現(xiàn)過很多問題，不過最終都被一個一個的攻克了。</p><p><b>　　快速建站技術(shù)分析</b></p><p>　　本次網(wǎng)站設(shè)計是在Wind

24、ows7環(huán)境下，安裝APMServ，接著配置dedecms，利用dedecms的快速建站技術(shù)來完成一個網(wǎng)站的設(shè)計，其中APMServ是一款由法國人開發(fā)的Apache Web服務(wù)器、PHP解釋器以及MySQL數(shù)據(jù)庫的整合軟件包。免去了開發(fā)人員將時間花費在繁瑣的配置環(huán)境過程，從而騰出更多精力去做開發(fā)。在windows下將Apache+PHP+Mysql 集成環(huán)境，擁有簡單的圖形和菜單安裝和配置環(huán)境。PHP擴展、Apache模塊，開啟/關(guān)閉鼠

25、標(biāo)點點就搞定，再也不用親自去修改配置文件了，WAMP它會去做。再也不用到處詢問php的安裝問題了，APMServ一切都搞定了。而Dedecms是使用PHP語言編寫的開源內(nèi)容管理框架（CMF），它由內(nèi)容管理系統(tǒng)（CMS）和PHP開發(fā)框架（Framework）共同構(gòu)成。連續(xù)多年榮獲全球最佳CMS大獎，是基于PHP語言最著名的WEB應(yīng)用程序。</p><p>　　研究設(shè)計中的關(guān)鍵問題</p><p&

26、gt;　　本次企業(yè)網(wǎng)站的設(shè)計與制作過程中，出現(xiàn)過很多問題：</p><p>　　問題一，在安裝wampserver的過程中，wampserver已經(jīng)安裝成功，但總是顯示為離線狀態(tài)，一旦切換為在線狀態(tài)，就會彈出對話框：Could not execute menu item(internal error)[Exception] Could not perform service action:服務(wù)未啟動。</p

27、><p>　　解決方案，根據(jù)電腦的系統(tǒng)，安裝匹配各自系統(tǒng)的補丁包，之后重新啟動wampserver服務(wù)器，即可切換為在線狀態(tài)。</p><p>　　問題二，配置dedecms時，會出現(xiàn)如圖2.1所示的錯誤：</p><p>　　圖2.1 dedecms配置錯誤1</p><p>　　解決方案，進(jìn)入到dedecms6的安裝目錄，并根據(jù)提示進(jìn)入到“.

28、/sites/default/”子目錄內(nèi)，在保留default.settings.php的前提下，重命名“default.settings.php”文件為“settings.php”即可。</p><p>　　問題三、在安裝dedecms時，出現(xiàn)過如圖2.2所示的錯誤：</p><p>　　圖2.2 dedecms配置錯誤2</p><p>　　問題四，在dedec

29、ms的danland主題下，只要新建表格，無論邊框設(shè)置為多少，在外觀上，總是顯示為1px，無法取消也無法加粗。</p><p>　　解決方法，進(jìn)入到./sites/all/themes/danland目錄下，打開style.css文件，將</p><p><b>　　這段代碼改為：</b></p><p>　　問題五，dedecms中danla

30、nd主題的背景色太單調(diào)了，想成別的背景圖片或背景色。</p><p>　　解決方法，進(jìn)入“./sites/all/themes/danland/images”目錄，將body.bg.gif替換掉，背景圖就可以更改了。</p><p><b>　　需求分析</b></p><p>　　要設(shè)計一個合格的企業(yè)網(wǎng)站，需要對本企業(yè)有足夠的了解，能夠理清企

31、業(yè)各個功能模塊間的聯(lián)系以及對本企業(yè)網(wǎng)站的定位有明確的了解。</p><p><b>　　用例圖</b></p><p>　　要設(shè)計并實現(xiàn)一個完善的網(wǎng)站，需要對網(wǎng)站各個角色的權(quán)限有充分的了解，下圖為本網(wǎng)站的用例圖：</p><p><b>　　圖3.1用例圖</b></p><p><b>

32、　　網(wǎng)站功能</b></p><p>　　本企業(yè)網(wǎng)站包含5大模塊，分別為首頁、公司簡介，服務(wù)，了解產(chǎn)品以及聯(lián)系我們。5個模塊的具體功能如下：</p><p>　?。?）首頁，首頁模塊主要對企業(yè)新聞和行業(yè)資訊進(jìn)行發(fā)布，對公司的基本信息進(jìn)行介紹，對公司產(chǎn)品進(jìn)行簡單的分類；</p><p>　?。?）公司簡介，該模塊的主要功能是對本企業(yè)進(jìn)行的細(xì)致詳盡的介紹，使

33、瀏覽的游客更容易記住本公司的特點及優(yōu)勢；</p><p>　?。?）服務(wù)，服務(wù)模塊的主要功能為說明購買本公司產(chǎn)品時的主要流程及注意事項，因此，本模塊下共有三個子模塊，分別為：產(chǎn)品購買流程、注意事項及產(chǎn)品購買說明；</p><p>　?。?）了解產(chǎn)品，了解產(chǎn)品模塊下，分為4個子模塊，其中，產(chǎn)品分類模塊功能為對本公司產(chǎn)品進(jìn)行詳細(xì)的分類，有助于游客對本公司產(chǎn)品的認(rèn)識，產(chǎn)品展示廳模塊作用為對本公司

34、產(chǎn)品進(jìn)行展示，定制化學(xué)品模塊功能是為游客量身定制合適的化學(xué)試劑，產(chǎn)品/新品推介功能為對公司產(chǎn)品的新品進(jìn)行詳細(xì)的介紹；</p><p>　?。?）聯(lián)系我們，該模塊的主要功能是介紹本企業(yè)的聯(lián)系方式，地理位置等信息。</p><p>　　本企業(yè)網(wǎng)站的模塊圖如圖3.2所示：</p><p>　　圖3.2網(wǎng)站欄目結(jié)構(gòu)圖</p><p><b>

35、;　　可行性分析</b></p><p>　　要建設(shè)一個合格的企業(yè)網(wǎng)站，僅僅只憑一點想法是不夠的，作為一名合格的網(wǎng)站建設(shè)人員，在建設(shè)網(wǎng)站的過程中，要考慮到很多問題的可行性，一旦有一點瑕疵，整個網(wǎng)站將無法完成。</p><p>　　3.3.1 操作可行性</p><p>　　本企業(yè)網(wǎng)站操作簡單，界面簡潔清晰，只有有一些計算機知識的人員，便可輕松的對本網(wǎng)站進(jìn)

36、行操作，并且兼容于任何網(wǎng)頁瀏覽器（如：Internet Explorer、火狐、360安全瀏覽器等）。</p><p>　　由此可見，該網(wǎng)站的操作是可行的，有必要開發(fā)本網(wǎng)站。</p><p>　　3.3.2技術(shù)可行性</p><p>　　要完成一個企業(yè)網(wǎng)站的設(shè)計與實現(xiàn)，需要考慮到技術(shù)的可行性，要求制作本網(wǎng)站的人員能夠掌握計算機技術(shù)，具有一定的dedecms開發(fā)網(wǎng)站的

37、基礎(chǔ)，并且對多媒體軟件有一定的熟悉（如：Adobe Fireworks CS4、Adobe Flash CS4等）。</p><p>　　3.3.3 經(jīng)濟可行性</p><p>　　由于本企業(yè)網(wǎng)站全程都是由本人自發(fā)建設(shè)，因此，無需太多的人力、物力，管理方便，可以說是零費用，同時，開發(fā)本網(wǎng)站的各個軟件（如：dedecms等）都是開源的，無需繳納任何費用，所以，本網(wǎng)站開發(fā)在經(jīng)濟上是可行的。&l

38、t;/p><p><b>　　系統(tǒng)的開發(fā)環(huán)境</b></p><p>　　3.4.1 硬件環(huán)境</p><p>　　電腦型號：聯(lián)想 V480 20143 筆記本電腦。</p><p>　　處理器：英特爾 第三代酷睿 i5-3210M @ 2.50GHz 雙核。</p><p>　　主板：聯(lián)想 2

39、0143 (英特爾 Ivy Bridge - HM77 Express 芯片組)。</p><p>　　內(nèi)存：4 GB ( 海力士 DDR3 1600MHz )。</p><p>　　主硬盤：希捷 ST1000LM024 HN-M101MBB ( 1 TB / 5400 轉(zhuǎn)/分 )。</p><p>　　顯卡：NVIDIA GeForce GT 645M (

40、 2 GB / 聯(lián)想 )。</p><p>　　顯示器：LG LGD033F ( 14 英寸 )。</p><p>　　光驅(qū)：飛利浦-建興 DVD-RW DS8A8SH DVD刻錄機。</p><p>　　聲卡：瑞昱 ALC269 @ 英特爾 Panther Point High Definition Audio Controller。</p>

41、<p>　　網(wǎng)卡：瑞昱 RTL8168F PCI-E Gigabit Ethernet NIC / 聯(lián)想。</p><p>　　3.4.2 軟件環(huán)境</p><p>　　操作系統(tǒng)：Windows 7 旗艦版 64位 SP1 ( DirectX 11 )。</p><p>　　安裝環(huán)境：WampServer服務(wù)器。</p><p>

42、;　　開發(fā)工具：dedecms。</p><p>　　圖片處理工具：Adobe Fireworks CS4。</p><p>　　幻燈片制作工具：Adobe Flash CS4。</p><p><b>　　網(wǎng)站仿制分析</b></p><p>　　要仿做好一個網(wǎng)站，首先要明白怎么應(yīng)該怎么仿制這個網(wǎng)站，對網(wǎng)站的各個頁面功

43、能都有深入的了解，借鑒和吸取此網(wǎng)站的優(yōu)點，以便于仿制出帶有不同風(fēng)格的網(wǎng)站。</p><p><b>　　核心頁面仿制分析</b></p><p>　　此次仿制的網(wǎng)站為化學(xué)網(wǎng)站，其首頁如圖4.1所示：</p><p><b>　　圖4.1化學(xué)首頁</b></p><p>　　要仿制出此網(wǎng)站，需要對核心

44、頁面進(jìn)行分析，本網(wǎng)站的首頁中，在菜單欄的下方，有個幻燈片，因此，要在仿制的企業(yè)網(wǎng)站中添加一個幻燈片，并且，此網(wǎng)站的首頁中，還包含了新品推薦、企業(yè)新聞、行業(yè)資訊、關(guān)鍵詞搜索和產(chǎn)品檢索，在仿制此網(wǎng)站的首頁中，不但要包括此網(wǎng)站首頁的區(qū)塊，還要添加公司簡介和產(chǎn)品展示的區(qū)塊，同時，在頁面的左邊欄底部加上聯(lián)系我們區(qū)塊，如此，本網(wǎng)站的首頁便仿制完畢。</p><p>　　不過，該網(wǎng)站的核心頁面除首頁外，還有該公司的產(chǎn)品頁，如圖

45、4.2所示：</p><p><b>　　圖4.2化學(xué)產(chǎn)品頁</b></p><p>　　本頁面主要包括產(chǎn)品分類、產(chǎn)品展示廳、產(chǎn)品/新品推薦和定制化學(xué)品等幾大欄目，各個欄目都有各自的功能，其中，產(chǎn)品分類有利于瀏覽人員對本公司產(chǎn)品有個大致的了解，產(chǎn)品展示廳可以讓游客直看到本公司產(chǎn)品的全部圖片，而定制化學(xué)品可以讓對本企業(yè)感興趣的瀏覽人員更深入的了解本公司產(chǎn)品，產(chǎn)品/新品推

46、介則會讓游客對本公司的推薦產(chǎn)品有個直接的了解，因此，任何一個欄目都不能缺。</p><p>　　除以上兩個核心頁面外，該網(wǎng)站的另一個核心頁面為新聞中心頁，如圖4.3所示：</p><p>　　圖4.3化學(xué)新聞中心頁</p><p>　　該頁面的主要功能是對本企業(yè)與本行業(yè)的新聞進(jìn)行匯總，制成列表后，發(fā)布出來，讓瀏覽本網(wǎng)站的游客能夠?qū)Ρ酒髽I(yè)有更深的了解。</p&g

47、t;<p>　　只要將本網(wǎng)站的3大核心頁面仿制好，整個網(wǎng)站的內(nèi)容就會變的內(nèi)容充實，結(jié)構(gòu)合理，易于游客瀏覽。</p><p><b>　　主要內(nèi)容類型</b></p><p>　　要仿制本網(wǎng)站，要對該網(wǎng)站的各項內(nèi)容有深刻的了解，能夠清晰的理清本網(wǎng)站各個內(nèi)容的類型。以下為本網(wǎng)站的主要內(nèi)容類型：</p><p>　?。?）在首頁中，網(wǎng)站

48、的主要內(nèi)容有行業(yè)資訊列表、企業(yè)新聞列表、公司簡介及產(chǎn)品推薦，分別介紹了企業(yè)的各大新聞以及有關(guān)本行業(yè)的新聞、本公司信息和主營產(chǎn)品；</p><p>　?。?）公司簡介中，主要內(nèi)容為介紹本企業(yè)的詳細(xì)信息；</p><p>　?。?）產(chǎn)品頁中，主要內(nèi)容為介紹本公司主營產(chǎn)品；</p><p>　?。?）新聞中心頁中，主要內(nèi)容為公司新聞及行業(yè)資訊的整合；</p>

49、<p>　?。?）服務(wù)頁中，主要內(nèi)容為介紹要購買本公司的產(chǎn)品時的流程及主要事項；</p><p>　　（6）聯(lián)系我們頁中，主要內(nèi)容為本公司的地理信息及聯(lián)系方式。</p><p><b>　　所需模塊</b></p><p>　　作為仿制的網(wǎng)站，要做到如同原網(wǎng)站一般，內(nèi)容充實，結(jié)構(gòu)合理，便要對網(wǎng)站的各個模塊有足夠的認(rèn)識，本網(wǎng)站共有六大

50、模塊，分別為：</p><p>　?。?）首頁模塊中，本模塊的功能為介紹企業(yè)的基本信息，對重要的新聞進(jìn)行發(fā)布以及對最新產(chǎn)品進(jìn)行介紹；</p><p>　?。?）公司簡介模塊中，該模塊主要功能主要為對公司進(jìn)行詳細(xì)的介紹；</p><p>　?。?）服務(wù)模塊中，主要功能為對本公司產(chǎn)品的購買流程進(jìn)行細(xì)致的解釋；</p><p>　?。?）了解產(chǎn)品模

51、塊中，該模塊主要功能是對公司產(chǎn)品進(jìn)行全方面的介紹；</p><p>　?。?）新聞中心模塊中，本模塊主要對公司重大新聞及行業(yè)最新資訊進(jìn)行的整合與發(fā)布；</p><p>　?。?）聯(lián)系我們模塊中，該模塊主要功能為介紹公司地理位置及聯(lián)系方式。</p><p>　　主題（風(fēng)格定位及配色方案，界面布局）</p><p>　　本企業(yè)網(wǎng)站的主題為dede

52、cms中的danland主題，此主題的整體背景顏色為灰白色，導(dǎo)航欄的背景色為藍(lán)色，整個網(wǎng)站的風(fēng)格偏清凈、整潔，網(wǎng)站的大體結(jié)構(gòu)為左中右三欄或左右兩欄兩種結(jié)構(gòu)，這種頁面布局可以讓游客對本網(wǎng)站要表達(dá)的意圖一目了然，網(wǎng)站布局如圖4.4，圖4.5，圖4.6所示：</p><p>　　圖4.4網(wǎng)站布局圖1</p><p>　　圖4.5網(wǎng)站布局圖2</p><p>　　圖4.6網(wǎng)

53、站布局圖3</p><p><b>　　用戶角色與權(quán)限</b></p><p>　　設(shè)計并制作一個網(wǎng)站，要對訪問網(wǎng)站的每個人的權(quán)限有明確的定義，本網(wǎng)站的用戶角色共有3種，分別為游客，普通注冊用戶以及最高管理員，各個角色的權(quán)限如下所示：</p><p>　?。?）游客，只有瀏覽文章的功能；</p><p>　　（2）普通注

54、冊用戶，可以發(fā)布文章，修改本人發(fā)布的文章，刪除本人的文章；</p><p>　?。?）最高管理員，可以任意發(fā)布文章，修改和刪除任何人的文章，無需審批直接發(fā)表評論。</p><p>　　三種角色的權(quán)限設(shè)置如圖4.7所示：</p><p><b>　　圖4.7用戶權(quán)限</b></p><p><b>　　系統(tǒng)實現(xiàn)&

55、lt;/b></p><p>　　對于一個網(wǎng)站，只有想法而無實際行動是行不通的，想要將腦海中的理想網(wǎng)站設(shè)計并實現(xiàn)出來，不但要對設(shè)計的網(wǎng)站有足夠清晰的認(rèn)知，還要對該網(wǎng)站的各個方面的資料都有詳細(xì)的了解。如此，才會設(shè)計出合理的網(wǎng)站。</p><p><b>　　資料收集</b></p><p>　　想要將仿制的網(wǎng)站做的合理，完美，就要對本企業(yè)的

56、資料進(jìn)行全面的收集，以下為本人為了對于各個企業(yè)資料的收集情況：</p><p>　?。?）山東玉皇化工(集團(tuán))有限公司，收集到文檔材料8頁，該文檔材料包括公司的基本信息，公司的主營產(chǎn)品及公司的聯(lián)系方式，文檔字?jǐn)?shù)共5403字，收集到有關(guān)本企業(yè)的圖片共53張，包括公司產(chǎn)品圖片及公司地圖；</p><p>　　（2）中國化工集團(tuán)公司：收集到文檔材料17頁，其中包括公司簡介，主營產(chǎn)品及聯(lián)系方式，文

57、檔字?jǐn)?shù)為12864字，有關(guān)本企業(yè)的圖片共45張，包括主營產(chǎn)品的圖片及公司LOGO等；</p><p>　　（3）上海昊化化工有限公司：收集到文檔材料11頁，包括公司信息，公司產(chǎn)品信息及公司聯(lián)系方式，文檔字?jǐn)?shù)5521字，有關(guān)本企業(yè)圖片共43張，分別為產(chǎn)品圖片及公司地圖等；</p><p>　?。?）陜西北元化工集團(tuán)有限公司：收集到文檔材料10頁，分別為公司簡介，公司產(chǎn)品簡介及公司發(fā)展歷史等，

58、文檔字?jǐn)?shù)9032字，有關(guān)本企業(yè)的圖片共47張，包括公司主營產(chǎn)品圖片及本公司地圖等；</p><p>　　（5）南京古田化工有限公司：共收集到文檔材料23頁，分別為公司歷史，公司簡介，企業(yè)新聞，產(chǎn)品信息及聯(lián)系方式，文檔字?jǐn)?shù)為10927字，有關(guān)本企業(yè)的圖片共45張，包括產(chǎn)品圖片，公司地理位置及公司LOGO等。</p><p>　　以下為本人收集到的各個公司的材料匯總：</p>&

59、lt;p><b>　　表5.1資料收集</b></p><p><b>　　開發(fā)環(huán)境安裝</b></p><p>　　要進(jìn)行網(wǎng)站的制作，首先，要對網(wǎng)站的開發(fā)軟件進(jìn)行安裝，本次網(wǎng)站設(shè)計與制作是基于dedecms進(jìn)行的，因此，需要安裝wampserver開發(fā)軟件。</p><p>　　雙擊“wampserver2.2e-

60、php5.3.13-httpd2.2.22-mysql5.5.24-x64”出現(xiàn)安裝界面，點擊next進(jìn)行下一步安裝。</p><p>　　選取“I accept the agreement”，并點擊“next”按鈕，進(jìn)入到下一步。</p><p>　　使用默認(rèn)路徑“c:\wamp”，并點擊“Next”按鈕，進(jìn)入下一步。</p><p>　　點擊“Install”按

61、鈕，進(jìn)行安裝。</p><p>　　最后一步，點擊“Finish”按鈕，即完成安裝。</p><p>　　安裝完成后，點擊啟動圖標(biāo)，會在托盤出現(xiàn)Wamp Server的圖標(biāo)，如下圖所示：</p><p><b>　　圖5.1托盤圖標(biāo)</b></p><p>　　點擊wampserver托盤圖標(biāo)，在彈出的菜單中選擇“Loc

62、alhost”。</p><p>　　出現(xiàn)如下界面，說明已經(jīng)安裝成功，如下圖所示：</p><p><b>　　圖5.2本地服務(wù)頁</b></p><p>　　在任務(wù)欄Wamp Server圖標(biāo)處，左鍵彈出菜單，并選擇“www目錄（W）”，同時將解壓后的Dedecms6.28復(fù)制到此目錄下，并將目錄名稱更改為“dedecms6”。</p&

63、gt;<p>　　在wampserver托盤圖片處選擇Localhost，并選擇“dedecms6”，如下圖所示：</p><p>　　圖5.3選擇Dedecms6</p><p>　　下載的版本默認(rèn)為英文版本，所以將進(jìn)入到英文安裝界在，并在界面中選擇“Install Dedecms in English”進(jìn)行安裝。</p><p>　　安裝過程，界面

64、會提示更改“default.settings.php”文件，進(jìn)入到dedecms6的安裝目錄，并根據(jù)提示進(jìn)入到相應(yīng)的子目錄內(nèi)，重命名為“settings.php”文件即可。</p><p>　　刷新頁面，進(jìn)入到下一步，并在界面上輸入所要安裝的數(shù)據(jù)庫的名稱，數(shù)據(jù)庫操作用戶名及密碼，并點擊“Save and continue”按鈕繼續(xù)安裝。</p><p>　　此時會出現(xiàn)數(shù)據(jù)庫錯誤，原因是My

65、SQL中，并沒有dedecms6庫，在任務(wù)欄左鍵點擊Wamp Server圖標(biāo)，選擇“phpMyAdmin”菜單項。</p><p>　　點擊“數(shù)據(jù)庫”菜單項，在“新建數(shù)據(jù)庫”輸入創(chuàng)建的庫名“dedecms6”，并點擊“創(chuàng)建”按鈕，如下圖所示：</p><p>　　圖5.4創(chuàng)建dedecms6庫</p><p>　　數(shù)據(jù)庫創(chuàng)建完成后，回到錯誤頁面，并點擊“Save

66、and continue”按鈕，如下圖所示：</p><p><b>　　圖5.5數(shù)據(jù)庫配置</b></p><p>　　之后，成功進(jìn)入到dedecms的主頁面，如下圖所示：</p><p><b>　　圖5.6安裝成功</b></p><p><b>　　創(chuàng)建模板</b>&l

67、t;/p><p>　　本次基于dedecms的沈陽市新東試劑廠網(wǎng)站的設(shè)計與實現(xiàn)，用到的模板為danland主題，本主題的菜單欄使用簡單、方便，無需額外的設(shè)置導(dǎo)航欄位置，整體背景偏灰白，很符合本企業(yè)網(wǎng)站的風(fēng)格，且本主題區(qū)塊設(shè)置起來方便、快捷，整個主題模板的分欄非常容易，對設(shè)計并實現(xiàn)該網(wǎng)站有大的作用，本主題首頁自帶幻燈片，因此，設(shè)計網(wǎng)站時，不需要考慮重新插入幻燈片插件，只要將該主題的幻燈片圖片替換掉，就可以完成本網(wǎng)站的幻

68、燈片制作，大大減少了制作網(wǎng)站的時間。下圖為用本主題設(shè)計的網(wǎng)頁：</p><p>　　圖5.7 danland主題網(wǎng)頁</p><p><b>　　創(chuàng)建欄目</b></p><p>　　本企業(yè)網(wǎng)站共有5大欄目，分別為企業(yè)簡介、產(chǎn)品介紹、新聞中心、服務(wù)及聯(lián)系我們欄目，其中，企業(yè)簡介欄目主要是介紹本企業(yè)的各個方面的信息，由圖片及文字組成，大體結(jié)構(gòu)為左

69、邊欄+主要內(nèi)容，創(chuàng)建欄目時主要由page頁完成；產(chǎn)品介紹欄目由區(qū)塊及page頁組合完成，主要內(nèi)容為公司產(chǎn)品的分類、公司產(chǎn)品圖片瀏覽及公司產(chǎn)品簡介，大體結(jié)構(gòu)為左中右三欄結(jié)構(gòu)，新聞中心欄目由page頁完成，欄目內(nèi)容為本公司及有關(guān)本行業(yè)的各種重大新聞，整個欄目的大體結(jié)構(gòu)為左邊欄+新聞列表，服務(wù)欄目主要介紹購買本公司產(chǎn)品時的流程及注意事項，整體結(jié)構(gòu)為左邊欄+內(nèi)容，主要由page完成創(chuàng)建，聯(lián)系我們是介紹本公司聯(lián)系方式的欄目，由page頁完成，整個

70、欄目只有介紹本公司的聯(lián)系方式這一內(nèi)容。</p><p><b>　　創(chuàng)建首頁</b></p><p>　　本網(wǎng)站首頁有4大部分，以下為網(wǎng)站首頁各大部分的詳細(xì)介紹：</p><p>　?。?）網(wǎng)站頭部+幻燈片，本網(wǎng)站首頁頂部由網(wǎng)站LOGO及網(wǎng)站名稱組成，導(dǎo)航欄下方為本網(wǎng)站首頁的幻燈片，因為danland主題首頁自帶幻燈片，因此，無需加入新的幻燈片

71、模塊，只需要將下載好的圖片替換掉原幻燈片圖片即可；</p><p>　?。?）左邊欄，本網(wǎng)站首頁左邊欄由搜索、新品推薦及聯(lián)系我們組成，搜索欄可以對本網(wǎng)站的各個文章進(jìn)行模糊搜索，新品推薦處的鏈接可以進(jìn)入該產(chǎn)品的詳細(xì)介紹頁，點擊聯(lián)系我們可以瀏覽本公司的聯(lián)系方式；</p><p>　?。?）內(nèi)容，首頁內(nèi)容處由產(chǎn)品展示、公司簡介、行業(yè)資訊及企業(yè)新聞組成，其中，行業(yè)資訊及企業(yè)新聞都可以進(jìn)入新聞列表頁

72、，產(chǎn)品展示處由于加了一段代碼，因此，可以進(jìn)行循環(huán)滾動；</p><p>　?。?）右邊欄，右邊欄由產(chǎn)品檢索和注意事項組成，注意事項處的鏈接可以使游客對化學(xué)產(chǎn)品有足夠的認(rèn)識，產(chǎn)品檢索則可以鏈接到產(chǎn)品的各個分類頁面。</p><p><b>　　創(chuàng)建列表頁</b></p><p>　　本網(wǎng)站共有產(chǎn)品列表及新聞列表兩處列表頁，其中，新聞列表分為行業(yè)資

73、訊和企業(yè)新聞，行業(yè)資訊是對本行業(yè)的重大新聞進(jìn)行發(fā)布，企業(yè)新聞是對發(fā)生在本公司的新聞進(jìn)行編輯與發(fā)布，新聞列表主要由page組成，產(chǎn)品列表頁則由產(chǎn)品展示、產(chǎn)品分類、定制化學(xué)品及產(chǎn)品/新品推介組成，產(chǎn)品展示是對本公司的主要產(chǎn)品進(jìn)行展示，產(chǎn)品分類為公司的各種產(chǎn)品進(jìn)行了詳細(xì)的分類，定制化學(xué)品是為對本企業(yè)產(chǎn)品有興趣的游客所設(shè)立的欄目，產(chǎn)品/新品推介則是對本公司新品的發(fā)布奠下基礎(chǔ)，產(chǎn)品列表主要由page頁及區(qū)塊組成，整個列表頁的大體結(jié)構(gòu)為左中右三欄結(jié)

74、構(gòu)。</p><p><b>　　創(chuàng)建內(nèi)容頁</b></p><p>　　本網(wǎng)站的內(nèi)容頁分別由公司簡介頁、聯(lián)系我們頁、新聞內(nèi)容頁和產(chǎn)品介紹頁組成。每個內(nèi)容頁都是由page創(chuàng)建并完成的，其中，公司簡介頁主要介紹本企業(yè)的詳細(xì)信息，聯(lián)系我們頁的內(nèi)容是對本公司的聯(lián)系方式進(jìn)行介紹，新聞內(nèi)容頁則是對發(fā)布的各個新聞進(jìn)行詳細(xì)的解析，產(chǎn)品介紹頁是對公司產(chǎn)品的信息、功能等進(jìn)行細(xì)致的介紹。

75、</p><p><b>　　系統(tǒng)測試</b></p><p><b>　　測試方法簡介</b></p><p>　　打開WampServer軟件之后，通過360安全瀏覽器進(jìn)入到本人基于dedecms設(shè)計并實現(xiàn)的網(wǎng)站，要測試本網(wǎng)站的功能是否完善，需要通過發(fā)布文章，測試文章是否可以正常發(fā)布，點擊超鏈接，測試鏈接是否能夠正確的

76、鏈接到指定頁面，搜索欄搜索文章功能，測試是否可以準(zhǔn)確的搜索文章等功能進(jìn)行測試。</p><p><b>　　測試環(huán)境</b></p><p>　　本次網(wǎng)站測試的環(huán)境開發(fā)軟件為wampserver，通過360安全瀏覽器進(jìn)入到本人基于dedecms設(shè)計并制作的網(wǎng)站。</p><p><b>　　測試用例</b></p&

77、gt;<p>　　一個網(wǎng)站是否可以正常運行，需要對網(wǎng)站的各個方面進(jìn)行詳細(xì)的測試，以下為該網(wǎng)站各個模塊的測試實例。</p><p>　　首頁中，產(chǎn)品展示的跑馬燈效果及鏈接是否正確，新聞列表及公司簡介處鏈接是否正常，左邊欄及右邊欄處的鏈接是否正常。</p><p>　　表6.1首頁模塊測試實例</p><p>　　產(chǎn)品列表頁中，需要測試產(chǎn)品分類的鏈接是否正

78、常，產(chǎn)品展示頁的跑馬燈效果是否正常滾動。</p><p>　　表6.2產(chǎn)品列表模塊測試實例</p><p>　　新聞列表模塊中，需要測試通過新聞列表的標(biāo)題能否進(jìn)入到新聞內(nèi)容，能否發(fā)布新的新聞。</p><p>　　表6.3新聞列表模塊測試實例</p><p>　　服務(wù)模塊中，需要測試圖片是否正常顯示，服務(wù)模塊的鏈接是否正常。</p>

79、;<p>　　表6.4服務(wù)模塊測試實例</p><p><b>　　結(jié)論與展望</b></p><p>　　2015年1月，我開始了我的畢業(yè)設(shè)計工作，時至今日，設(shè)計基本完成。從最初的茫然，到慢慢的進(jìn)入狀態(tài)，再到對思路逐漸的清晰，整個寫作過程難以用語言來表達(dá)。歷經(jīng)了幾個月的奮戰(zhàn)，緊張而又充實的畢業(yè)設(shè)計終于落下了帷幕?；叵脒@段日子的經(jīng)歷和感受，我感慨萬千，在

80、這次畢業(yè)設(shè)計的過程中，我擁有了無數(shù)難忘的回憶和收獲。</p><p>　　畢業(yè)設(shè)計剛剛開始時，空有想法，卻不知如何下手，看著其他人慢慢的進(jìn)入狀態(tài)，心里很是著急，我將這一困難告訴了指導(dǎo)老師，在老師細(xì)心的指導(dǎo)下，終于使我對自己現(xiàn)在的工作方向和方法有了掌握。在搜集資料的過程中，我在網(wǎng)上查找各類相關(guān)資料，將這些寶貴的資料全部記在U盤上，盡量使我的資料完整、精確、數(shù)量多。然后我將收集到的資料仔細(xì)整理分類，及時拿給老師與同學(xué)

81、進(jìn)行溝通。2月初，資料已經(jīng)查找完畢了，我開始著手網(wǎng)站的設(shè)計與實現(xiàn)。在制作網(wǎng)站過程中遇到困難我就及時上網(wǎng)找資料或者去想老師請教，并和同學(xué)互相交流。在大家的幫助下，困難一個一個解決掉，網(wǎng)站也慢慢成型。3月初，網(wǎng)站已經(jīng)大致完成，在設(shè)計初期，由于沒有設(shè)計經(jīng)驗，覺得無從下手，空有很多設(shè)計思想，卻不知道應(yīng)該如何寫，經(jīng)過老師的指導(dǎo)，同學(xué)的幫忙。我的設(shè)計終于完成了。</p><p>　　在本網(wǎng)站的開發(fā)過程中，由于本人是初次開發(fā)網(wǎng)

82、站，在知識、經(jīng)驗方面都存在著不足。另外，在整個開發(fā)的過程中，時間也比較倉促。因此，該網(wǎng)站必然會存在一些缺陷和不足，但我相信在以后的學(xué)習(xí)生活中定能一步一步的去克服這些，使企業(yè)網(wǎng)站的功能越來越完善。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　方擎. Dedecms高手建站技術(shù)手冊. 電子工業(yè)出版社, 2010</p><p>

83、;　　范淦凱, 胡昊天, 鈕闖. Dedecms 6 水滴架站全機能攻略. 碁峰資訊股份有限公司, 2009</p><p>　　葛紅儒. Dedecms實戰(zhàn) (平裝)機械工業(yè)出版社, 2013</p><p><b>　　致 謝</b></p><p>　　畢業(yè)論文暫告收尾，這也意味著我在湖南環(huán)境生物職業(yè)技術(shù)學(xué)院藝術(shù)設(shè)計系3年的學(xué)習(xí)生活既將

84、結(jié)束。回首既往，自己一生最寶貴的時光能于這樣的校園之中，能在眾多才華橫溢的老師們的熏陶下度過，實是榮幸之極。在這三年的時間里，我在學(xué)習(xí)上和思想上都受益非淺。這除了自身努力外，與各位老師、同學(xué)和朋友的關(guān)心、支持和鼓勵是分不開的 網(wǎng)站制作是枯燥繁瑣而又富有挑戰(zhàn)的。但老師的諄諄誘導(dǎo)、同學(xué)的出謀劃策，是我堅持完成設(shè)計的動力源泉。在此，我特別要感謝教導(dǎo)我網(wǎng)頁制作的老師。沒有他們的悉心教導(dǎo)我也不可能這么快掌握網(wǎng)站制作這門技能，所以在此我要衷心地感