【正文】 夾下的內(nèi)容。 從織夢(mèng)官網(wǎng)下載一個(gè)免費(fèi)的 DedeCMS 素材壓縮包，解壓后，提取 uploads 這個(gè)文件夾放在 文 件 夾 下 ， 接 著 啟 動(dòng) wampserver 環(huán) 境 ， 進(jìn) 入 mysql頁面，點(diǎn)擊確定后，進(jìn)入一個(gè) DedeCMS安裝界面，如圖 41。 41 安裝 Dedecms 環(huán)境 點(diǎn)擊繼續(xù)后，就是環(huán)境檢測(cè)頁面，繼續(xù)就是參數(shù)配置，不要添加密碼 ，如果有需要編輯數(shù)據(jù)庫名稱的則編輯名稱，這里是沒有編輯的，一直繼續(xù)，到安裝成功后，打開 admin,密碼為 admin） ,織夢(mèng)系統(tǒng)安裝好之后，將做好的前臺(tái)頁面文件夾 sp 拷貝到 /uploads/templets下，將 sp 文件夾中的 images、 JS、 style\以及主頁面 文件拷貝一份到uploads 目錄下。 織夢(mèng)后臺(tái)欄目及內(nèi)容 添加 欄目添加 選擇如圖 42 所示的網(wǎng)站欄目管理進(jìn)行添加欄目 圖 42 網(wǎng)站欄目管理 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 16 添加女裝、今日新品、今日品牌、運(yùn)動(dòng)、母嬰、美妝、居家、鞋包、男裝、熱銷新品等頂級(jí)欄目，接著在各個(gè)頂級(jí)欄目中添加子欄目。如圖 43 所示： 圖 43 欄目列表 將各個(gè)欄目以及子欄目的高級(jí)選項(xiàng)的模板改成自己的模板，如圖 44 所示： 圖 44 模板選擇 文章添加 在欄目中添加文章，如圖 45 所示： 圖 45 添加文章 為各個(gè)欄目添加文章后，選擇生成按鈕進(jìn)行更新，如圖 46： 第四章 動(dòng)態(tài)網(wǎng)頁后臺(tái)管理 17 圖 46 更新網(wǎng)站 在更新主頁 HTML 欄選擇主頁模板為自己的模板，如圖 47： 圖 47 選擇主頁模板 選擇系統(tǒng)欄目中的系統(tǒng)基本參數(shù)，將模板默認(rèn)風(fēng)格改成自己的模板名稱，來使前臺(tái)主頁能夠顯示出自己所制作的的模樣。如圖 48 所示： 圖 48 默認(rèn)模板風(fēng)格 分別更新文檔、更新欄目、更新主頁。 DedeCMS 標(biāo)記使用 織夢(mèng)模板引擎是一種使用 XML 名字空間形式的模板解析器，想要讓前臺(tái)靜態(tài)頁面變成動(dòng)態(tài)頁面，一定要用到織夢(mèng)模板引擎的代碼，所以要在前臺(tái)幾個(gè)頁面中插入標(biāo)記代碼。 首頁 DedeCMS 標(biāo)記代碼插入 使用 DW 打開 uploads/templets/sp 下的 頁面。這個(gè)頁面需要插入修改標(biāo)記代碼的有導(dǎo)航欄部分、圖片素材、 CSS 樣式表。 導(dǎo)航欄部分：這里以一個(gè)女裝欄目展示，代碼如圖 42 所示： 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 18 圖 42 導(dǎo)航標(biāo)記代碼插入 這段標(biāo)記代碼可實(shí)現(xiàn)導(dǎo)航欄和后來 添加欄目的對(duì)接 。要注意的是 type 以及typeid 的更換。 圖片部分：在所有圖片鏈接路徑前添加以下標(biāo)記代碼： {dede:}/ 來 使圖片能夠在使用 Dedecms 的情況下能顯示。 CSS 樣式表部分：在演示表鏈接地址前添加標(biāo)記代碼： {dede:}/ 為了樣式能夠在動(dòng)態(tài)首頁下被應(yīng)用。 列表頁 DedeCMS 標(biāo)記代碼插入 這個(gè)頁面需要插入修改標(biāo)記代碼的有導(dǎo)航欄部分、圖片素材、 CSS 樣式表、以及中間 左右部分的內(nèi)容欄。導(dǎo)航欄、圖片素材、 CSS 樣式表標(biāo)記代碼都與 一樣修改，這里需要注意的就是內(nèi)容欄的標(biāo)記代碼插入。 在如圖 43 所示位置添加標(biāo)記代碼： ul class=c1 ico2 {dede:arclist row=7 orderby=click} lia href=[field:arcurl/][field:title/]/a/li {/dede:arclist} /ul 圖 43 列表左邊欄 來實(shí)現(xiàn)中間左部分內(nèi)容的顯示。 在如圖 44 的所示位置添加標(biāo)記代碼： {dede:field name=39。position39。/} 圖 44 列表位置欄 來顯示當(dāng)前瀏覽者所在的位置。 在 newlist 位置添加標(biāo)記代碼： div class=newlist ul {dede:list pagesize=39。1039。} li span[[field:pubdate function=MyDate(39。ymd39。,@me)/]]/span b[[field:typelink/]]/b a href=[field:arcurl/] class=title[field:title/]/a 第四章 動(dòng)態(tài)網(wǎng)頁后臺(tái)管理 19 /li {/dede:list} /ul /div 這段代碼的作用就是可以實(shí)現(xiàn)右邊部分顯示當(dāng)前欄目所有的內(nèi)容，以列表的形式來呈現(xiàn)。 分別更新欄目、更新主頁。 最終效果如圖 45 顯示： 圖 45 列表頁效果展示 內(nèi)容頁 DedeCMS 標(biāo)記代碼插入 這個(gè)頁面與 list_article 像似，同樣要改變導(dǎo)航欄，圖片的標(biāo)記代碼以及CSS 樣式表的標(biāo)記代碼，中間左邊的標(biāo)記代碼內(nèi)容和列表頁一樣。只是中間右邊部分插入的標(biāo)記代碼不同，同樣的也要有 “您現(xiàn)在的位置 : {dede:field name=39。position39。/}”。 在 content 盒子中，插入標(biāo)記代碼： {dede:} 這是為了讓一個(gè)內(nèi)容能夠詳細(xì)的在一個(gè)頁面中顯示出來。 分別更新文檔、更新欄目、更新主頁。最終效果如圖 46 所示： 圖 46 內(nèi)容頁效果展示 最后就完成了買買網(wǎng)的前后臺(tái)頁面的交互設(shè)計(jì)與實(shí)現(xiàn)?；窗残畔⒙殬I(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 20 第五章 總結(jié)與展望 時(shí)至今日，幾個(gè)月的項(xiàng)目設(shè)計(jì)終于可以畫上一個(gè)句號(hào)了，沒有接受任務(wù)以前覺得畢業(yè)設(shè)計(jì)只是對(duì)這學(xué)期所學(xué)知識(shí)的單純總結(jié)，但是通過這次做畢業(yè)設(shè)計(jì)發(fā)現(xiàn)自己的看法有點(diǎn)太片面。畢業(yè)設(shè)計(jì)不僅是對(duì)前面所學(xué)知識(shí)的一種檢驗(yàn)， 而且也是對(duì)自己能力的一種提高。 查資料是做畢業(yè)設(shè)計(jì)的前期準(zhǔn)備工作，好的開端就相當(dāng)于成功了一半，去圖書館借閱的資料對(duì)本次項(xiàng)目起了很大的作用，包括網(wǎng)站配色， JS 效果顯示等等。同時(shí)也在網(wǎng)站上觀看相關(guān)視頻以及文檔等等。不管通過哪種方式查的資料都是有利用價(jià)值的，要一一記錄下來以備后用。 通過本次買買網(wǎng)項(xiàng)目的組件和設(shè)計(jì)，我明確知道了一個(gè)完整的網(wǎng)站所要包括的部分以及要實(shí)現(xiàn)的功能，從目標(biāo)確立，到環(huán)境、應(yīng)用、管理和擴(kuò)展性分析，從邏輯結(jié)構(gòu)設(shè)計(jì)、拓?fù)鋱D總體設(shè)計(jì)到硬件、軟件的選型，思路從茫然到清晰，設(shè)計(jì)稿從無到有的漸變讓我成長了許 多，不僅僅了解了更多的網(wǎng)絡(luò)知識(shí)，更讓我們學(xué)會(huì)了思考，學(xué)會(huì)就地分析解決問題。本項(xiàng)目實(shí)現(xiàn)了購物網(wǎng)站的簡(jiǎn)易管理，在項(xiàng)目上還有很多不足，在不斷優(yōu)化之后，雖說改善了很多，但是需要改進(jìn)的地方依舊存在。提高審美觀點(diǎn)，可使用 photoshop、等圖片處理工具修飾圖片，力求給用戶提供美觀友好的界面；簡(jiǎn)化程序代碼，可使不同界面之間能共享一些方法、函數(shù)和變量，對(duì)于相同的功能模塊可生成程序包供其它界面引用，這樣就會(huì)提高系統(tǒng)的運(yùn)行速度；使用數(shù)據(jù)庫連接池技術(shù)提高數(shù)據(jù)庫操作的性能；數(shù)據(jù)庫的關(guān)系模式可以進(jìn)一步規(guī)范化，減少冗余，這些都是我不 足的地方。 雖然，畢業(yè)設(shè)計(jì)只有短暫的幾個(gè)月，但卻使我充分認(rèn)識(shí)到自身還存在很多不足的地方，還需要不斷的努力來充實(shí)自己、完善自己，只有這樣才能學(xué)無止境，以求得更大的發(fā)展。 致 謝 21 致 謝 學(xué)習(xí)生活快要結(jié)束了，轉(zhuǎn)眼到了畢業(yè)季。一晃而過，揮手走過的歲月，心中倍感充實(shí)，當(dāng)我寫完這篇畢業(yè)論文的時(shí)候，有一種如釋重負(fù)的感覺，感慨良多，以前的自己覺得自己所學(xué)的東西不用想都不會(huì)，三年學(xué)習(xí)下來，發(fā)現(xiàn)自己能夠?qū)W會(huì)，這次做項(xiàng)目之前覺得太難了，根本無從下手，幾個(gè)月下來，隨著項(xiàng)目的一步步實(shí)現(xiàn)，論文內(nèi)容的一次次增多，內(nèi)心滿足無比。 首先 誠摯感謝指導(dǎo)老師錢兆樓老師，本論文在錢老師的悉心指導(dǎo)下完成的。老師嚴(yán)謹(jǐn)細(xì)致、耐心堅(jiān)持的工作態(tài)度給予我無盡的啟迪，無比感謝錢老師的指導(dǎo)。還有教過的所有老師們，本項(xiàng)目能夠順利完成歸功于各位老師的課程教導(dǎo)， 我受益匪淺。在此向 各位 老師表示深深的感謝和崇高的敬意。 學(xué)友情深，情同兄妹。三年的風(fēng)風(fēng)雨雨，我們一同走過，充滿著關(guān)愛，給我留下了值得珍藏的最美好的記憶 感謝三年中陪伴在我身邊的同學(xué)、朋友，感謝他們?yōu)槲姨峁┑挠幸娴慕ㄗh和意見，有了他們的支持、鼓勵(lì)和幫助，我才能充實(shí)的度過了三年的學(xué)習(xí)生活。 這次畢業(yè)設(shè)計(jì)使我得到了很大 的成長，同時(shí)也是我人生路上最寶貴的財(cái)富之一，再次感謝我的老師以及我優(yōu)秀的同學(xué)們。 在我即將完成學(xué)業(yè)之際，我深深地感謝我的家人給予我的全力支持！ 最后，衷心地感謝在百忙之中評(píng)閱論文和參加答辯的各位專家、教授 ! 參考文獻(xiàn) 22 參考文獻(xiàn) [1] PHP+CMS+Dreamweaver 網(wǎng)站設(shè)計(jì)實(shí)例教程 .人民郵電出版社 . [2] 眾妙之門 — 網(wǎng)站 UI 設(shè)計(jì)之道 .人民郵電出版社， 2021. [3] 平面設(shè)計(jì)法則 .中國青年出版社 ,2021. [4] JavaScript 王者歸來 .清華大學(xué)出版社 ,2021. [5] 精通 CSS+DIV 網(wǎng)頁樣式與布局 .人民郵電出版社 ,2021. [6] 網(wǎng)頁設(shè)計(jì)制作與上級(jí)指導(dǎo) .清華大學(xué)出版社 ,2021. [7] 基于 Web 的編程技術(shù) .鐵道電出版社 ,2021. [8] HTML 完全手冊(cè)與速查辭典 .北京 .科學(xué)出版社 ,2021. [9]中文 Dreamweaver 8 網(wǎng)頁設(shè)計(jì)與實(shí)訓(xùn)教程 .冶金工業(yè)出版社， 2021. [10]網(wǎng)頁設(shè)計(jì)與制作 .中國石油大學(xué)出版社， 2021