【正文】 畢業(yè)技能綜合實訓(xùn)文 檔系別：軟件技術(shù)系 專業(yè)班級：08計應(yīng)1班姓名： 王瑜玲指導(dǎo)教師： 周春良 ， 趙 娜 實訓(xùn)成績：實訓(xùn)項目名稱：商業(yè)網(wǎng)站的開發(fā)與設(shè)計和VB應(yīng)用程序開發(fā)與設(shè)計實訓(xùn)文檔清單：（確認(rèn)后在方框內(nèi)打“√”）職業(yè)核心技能標(biāo)準(zhǔn)□實訓(xùn)報告（ERP實驗項目部分及網(wǎng)站設(shè)計與開發(fā)部分）□項目任務(wù)書（ERP實驗項目部分及網(wǎng)站設(shè)計與開發(fā)部分）□實訓(xùn)成果□實訓(xùn)進度安排（ERP實驗項目部分及網(wǎng)站設(shè)計與開發(fā)部分）□核心技能過程考核與實訓(xùn)成績評定□實訓(xùn)成果：圖紙□ 源代碼□ 其他□ 另附光盤□ 寧波大紅鷹學(xué)院軟件學(xué)院二0 0 年 月 日二、畢業(yè)技能綜合實訓(xùn)任務(wù)書計算機應(yīng)用技術(shù)專業(yè)實訓(xùn)項目：商業(yè)網(wǎng)站的開發(fā)與設(shè)計和VB應(yīng)用程序開發(fā)與設(shè)計 學(xué)生姓名： 王瑜玲 班級： 08計應(yīng)（1）班 學(xué)號： 082020101 項目類型： 動物之家網(wǎng) 指導(dǎo)教師： 周春良 實訓(xùn)目的：該實訓(xùn)項目是在以往各教學(xué)環(huán)節(jié)的基礎(chǔ)上，進一步理論聯(lián)系實際, 在實現(xiàn)實訓(xùn)項目的過程中加強掌握本專業(yè)相關(guān)課程中的知識，并幫助學(xué)生強化以前學(xué)到的知識，真正將知識轉(zhuǎn)化為實際技能，讓學(xué)生在進行實踐開發(fā)前一個演練；通過畢業(yè)技術(shù)綜合實訓(xùn)，使學(xué)生具有VB軟件開發(fā)、網(wǎng)頁制作網(wǎng)站構(gòu)建、網(wǎng)絡(luò)管理與維護等方面的綜合能力。畢業(yè)生可從事VB軟件開發(fā)、網(wǎng)頁制作、網(wǎng)絡(luò)管理、數(shù)據(jù)庫開發(fā)與維護、多媒體應(yīng)用等工作。畢業(yè)技能綜合實訓(xùn)項目簡介： 1）、商業(yè)網(wǎng)站的開發(fā)與設(shè)計通過完成一個商業(yè)網(wǎng)站的開發(fā)與設(shè)計，訓(xùn)練學(xué)生掌握設(shè)計含數(shù)據(jù)庫功能的ASP動態(tài)網(wǎng)頁的技術(shù)。2）、VB應(yīng)用程序開發(fā)與設(shè)計通過完成一個小型的基于數(shù)據(jù)庫系統(tǒng)的VB應(yīng)用程序設(shè)計與開發(fā)，訓(xùn)練學(xué)生使用VB語言編程的能力和數(shù)據(jù)庫設(shè)計能力。實訓(xùn)內(nèi)容及任務(wù)分配：1）、已知項目參數(shù)：網(wǎng)站的題目：動物之家網(wǎng)2）、需完成的任務(wù)（每人一題）：(1)、商業(yè)網(wǎng)站的開發(fā)與設(shè)計: 動物之家網(wǎng)不同種類的動物介紹瀕臨滅絕的動物動物保護法動物百科動物文學(xué)人類與動物的和諧問題友情鏈接論壇注冊，登錄 論壇發(fā)表主題，回復(fù)主題(2)、VB應(yīng)用程序開發(fā)與設(shè)計o 根據(jù)項目具體需求設(shè)計數(shù)據(jù)庫；o 完成應(yīng)用程序的結(jié)構(gòu)設(shè)計；o 完成系統(tǒng)的界面設(shè)計；o 實現(xiàn)各個功能模塊代碼；o 系統(tǒng)集成編譯運行。畢業(yè)技能綜合實訓(xùn)提交的成果（1）．實訓(xùn)報告一份，內(nèi)容包括：o 各階段實訓(xùn)過程記述；o 各階段完成內(nèi)容成果說明及展示；o 過程考核記錄；o 實訓(xùn)總結(jié)、致謝等；（2）．完成各階段項目的系統(tǒng)，階段結(jié)束時，將作品進行演示，并將作品刻錄光盤。三、實訓(xùn)進度安排與監(jiān)控記錄階段實訓(xùn)時間實訓(xùn)內(nèi)容完成進度情況指導(dǎo)教師簽字第一階段第14周商業(yè)網(wǎng)站的開發(fā)與設(shè)計導(dǎo)航效果實現(xiàn)功能模塊設(shè)計HTML技術(shù)ASP動態(tài)網(wǎng)頁設(shè)計技術(shù)數(shù)據(jù)庫技術(shù)多媒體技術(shù)第二階段第56周VB應(yīng)用程序開發(fā)與設(shè)計項目數(shù)據(jù)庫設(shè)計系統(tǒng)功能模塊設(shè)計系統(tǒng)各功能界面設(shè)計功能模塊代碼實現(xiàn)系統(tǒng)集成調(diào)試運行編制程序設(shè)計報告 寧波大紅鷹學(xué)院軟件學(xué)院畢業(yè)技能綜合實訓(xùn)四、實訓(xùn)報告 實訓(xùn)項目：商業(yè)網(wǎng)站的開發(fā)與設(shè)計和VB應(yīng)用程序開發(fā)與設(shè)計。完 成 人： 王瑜玲 系 別： 軟件技術(shù)系 專 業(yè)： 計算機應(yīng)用技術(shù)（計算機應(yīng)用方向）班 級： 08計應(yīng)（1）班 指導(dǎo)教師： 周春良 ， 趙 娜 1 目錄階段一：商業(yè)網(wǎng)站的開發(fā)與設(shè)計 1 XX網(wǎng)站功能描述 1 XX網(wǎng)站設(shè)計過程 1階段二：VB應(yīng)用程序開發(fā)與設(shè)計 12．1 XX系統(tǒng)功能描述 12．2界面設(shè)計過程 12．3功能代碼實現(xiàn) 22．4系統(tǒng)集成調(diào)試 2體會與致謝 2階段一：商業(yè)網(wǎng)站的開發(fā)與設(shè)計 動物之家網(wǎng)站功能描述一、該網(wǎng)站的功能介紹動物之家的首頁設(shè)計主要涵蓋：對動物這個大群體的基本了解，動物的分類，動物百科，動物文學(xué)，瀕臨滅絕的動物，動物保護法，人類與動物的和諧問題，友情鏈接，圖片欣賞以及論壇等內(nèi)容。首頁的主要目的是讓瀏覽者能一目了然的了解這個網(wǎng)站的主要內(nèi)容，并且能夠迅速的尋找到需要的目標(biāo)。其中，因為可以將動物的分類分為六類，所以我利用行為制作了一個下拉菜單。下拉菜單是網(wǎng)上最常見的效果之一，用鼠標(biāo)指針輕輕一點或者移過去，就會出現(xiàn)一個更加詳細的菜單，它不僅節(jié)省了網(wǎng)頁排版空間，使網(wǎng)頁布局簡潔有序，而且一個新穎美觀的下拉菜單還能為網(wǎng)頁增色不少。首頁說的通俗一點就是創(chuàng)建很多超級鏈接，是通往各個分頁面的橋梁，能夠?qū)崿F(xiàn)文檔件或文檔中的跳轉(zhuǎn)。在這張主頁中，我創(chuàng)建了文本，圖像熱區(qū)，鼠標(biāo)經(jīng)過等鏈接。例如：圖文并茂是網(wǎng)頁的一大特色，圖像不僅可以使網(wǎng)頁生動，形象，美觀，而且能使網(wǎng)頁中的內(nèi)容更加的豐富多彩，因此圖像在網(wǎng)頁中就占據(jù)了舉足輕重的作用，同一個圖像的不同部分能夠鏈接到不同的文檔，這個就是熱區(qū)鏈接。當(dāng)鼠標(biāo)指針移到熱區(qū)時就會變成手的形狀，當(dāng)鼠標(biāo)按下時，頁面就會跳轉(zhuǎn)到或打開設(shè)定的URL。同時，我利用了行為設(shè)置的“您好！歡迎光臨”的狀態(tài)欄文本。以上就組成了我簡潔的主頁。u 了解動物動物是自然界不容忽視的大家庭。該頁面將帶你系統(tǒng)的了解動物這個大家庭，例如：動物的“豐年”和“荒年”，動物的繁殖能力動物的牙齒，動物這個大家庭共有多少成員，根據(jù)不同的條件，可以將動物怎樣的劃分等等。正文上方的導(dǎo)航欄中包括如下信息：首頁，人類與動物的和諧問題，動物百科，動物文學(xué)，瀕臨滅絕的動物，動物保護法。頁面的右邊是一組各種各樣動物的照片，包括魚類，哺乳類，爬行類，昆蟲，鳥類，兩棲類。希望瀏覽者在看文字的同時，感受到動物世界的奇妙。u 動物的分類：兩棲動物，哺乳動物，爬行動物，昆蟲，魚類，鳥類兩棲動物頁面主要介紹：兩棲動物的概述，主要特征，歷史以及十種最怪異最瀕危的兩棲動物。以上頁面都運用了模板。利用模板可以將多個頁面中不同的部分，在模板中定義為可編輯部分。之后在制作時，利用模板生成一個子頁面，然后修改可編輯區(qū)域。極大的提高了工作效率。該頁面的功能設(shè)計相當(dāng)?shù)暮唵危簶?biāo)題欄的下面是圖片，圖片的右邊是一段文字，主要是對兩棲的認(rèn)識。下面是導(dǎo)航欄，包括兩棲動物的概述，主要特征，歷史以及十種最怪異最瀕危的兩棲動物。正文的內(nèi)容就是對這四大塊內(nèi)容的具體介紹。哺乳動物頁面主要介紹：概述，主要特征，皮膚，骨骼，肌肉，消化，呼吸，排泄，循環(huán)，神經(jīng)，感官，生殖。以上頁面都是運用模板來完成的。由標(biāo)題欄，圖片，導(dǎo)航欄，正文組成。爬行動物頁面主要介紹：生理學(xué)意義，爬行綱介紹，最大的蜥蜴。運用了模板，該頁面設(shè)計功能同兩棲動物。昆蟲頁面主要介紹：昆蟲的認(rèn)識，昆蟲的用途，俗稱，昆蟲之最。左邊為導(dǎo)航欄，右邊為正文內(nèi)容。魚類頁面主要介紹：概述，分類，構(gòu)造與生命活動，地理分布，醫(yī)學(xué)作用，生理特征。導(dǎo)航欄在上，正文內(nèi)容在下。鳥類頁面主要介紹：鳥類介紹，鳥類遷徙，侏羅紀(jì)鳥類，鳥中之最，鳥類欣賞。頁面功能同魚類。u 動物百科該頁面主要介紹一些關(guān)于動物有趣的百科知識，例如：食鳥蛛布下的羅網(wǎng)，螃蟹之最，水蜘蛛的“物理肺”，水下空氣泡住所，海底鴛鴦，海底動物的“激光武器”，螢火蟲的求愛信號，水母的身體，蚯蚓的功績，大王烏賊趣聞，蝸牛的唾液等等u 動物文學(xué)該頁面主要收集了一些唐宋的詩歌。都是大家的作品，例如：白居易，杜甫，李商隱。還有一些則是耳熟能詳?shù)?，例如：詠鵝。在這里還能接觸到我們一些不熟悉的作家，亦或是沒有讀到過的作品。會發(fā)現(xiàn)，在文學(xué)的殿堂里，動物也能描述的惟妙惟肖，栩栩如生。u 瀕臨滅絕的動物 該頁面介紹了十二種世界瀕臨滅絕的動物：北部白犀牛，白鰭豚，蘇門答臘虎，奧咯諾科鱷魚，僧海豹，小嘴狐猴，蘭海皮海龜，澳瑞納客鱷魚，泰國豬鼻蝙蝠，夏威夷蝸牛，斯比科斯鸚鵡，微型豬。并且介紹了動物滅絕的原因。u 圖片欣賞 主要插入了一個FLASH動畫。里面包含了十幾張清晰的圖片，供瀏覽者欣賞。圖片的切換采用了不同的方式?；蛏钊霚\出，或從左，或從右，或從上，或從下。這樣瀏覽者在觀看圖片時不會覺得千篇一律。論壇是一個比較理想的場所，網(wǎng)絡(luò)提供給我們的不只是一個獲取信息的來源，而且還是一個可以相互交流的空間，網(wǎng)上論壇正是一種供人們進行交流的網(wǎng)絡(luò)空間。它不受時間和空間的約束，論壇用戶可以發(fā)表自己的觀點，大家一起探討某個問題。用戶使用論壇，有一定的流程：用戶注冊登錄進入論壇，就某個話題（主題貼）展開討論，通過發(fā)貼功能發(fā)布新的話題，通過回貼的功能回復(fù)已有的話題。所以一個相對完善的網(wǎng)頁涵蓋一個論壇是非常必要的。創(chuàng)建一個動物之家論壇管理系統(tǒng)，具備發(fā)表帖子、回復(fù)帖子、帖子查詢功能。同時創(chuàng)建一個登錄界面和注冊界面。對該論壇的功能，我做了如下設(shè)計：u 創(chuàng)建后臺數(shù)據(jù)庫在SQL數(shù)據(jù)庫中創(chuàng)建一個數(shù)據(jù)庫，在該數(shù)據(jù)庫中建立三張表：用戶信息表中包含用戶名，密碼，確認(rèn)密碼三個字段；發(fā)表主題表中包含主題編號，發(fā)起人的姓名，發(fā)起人的IP地址，討論的主題，主題的詳細內(nèi)容，所選擇圖片的路徑，發(fā)表主題的日期和時間，主題的瀏覽和回復(fù)次數(shù)。回復(fù)主題表中包含主題編號，發(fā)言者姓名，發(fā)言者的IP地址，回復(fù)的主題，所選擇圖片的路徑，回復(fù)主題的日期和時間，回復(fù)的詳細內(nèi)容，主題編號（與發(fā)表主題表中的相同）。u 登錄頁面 訪問者只有輸入了自己的用戶名和密碼，該頁面才能跳轉(zhuǎn)到論壇的主頁面。登錄頁面由兩個文本框用于輸入用戶名和密碼；登錄，全部重寫，退出按鈕及一個注冊超鏈接組成。如果用戶名或者密碼為空，則出現(xiàn)提示框告知“用戶名或者密碼不能為空，請重新輸入！”，若用戶民和密碼與數(shù)據(jù)庫中的不一致，則出現(xiàn)提示框告知“您輸入的用戶民或密碼有誤，請重新輸入！”；若成功登錄，頁面會直接跳轉(zhuǎn)到論壇主頁面；若訪問者沒有注冊過用戶名和密碼，點擊注冊，將自動鏈接到注冊用戶信息的頁面。該頁面包括用戶名，密碼，確認(rèn)密碼三個文本框和提交，全部重寫，退出三個按鈕。該界面與登錄界面不同的是，如果您的用戶名已經(jīng)注冊過將會出現(xiàn)提示框“您的用戶名已經(jīng)存在，請重新輸入!”，如果第一次輸入的密碼與確認(rèn)密碼不同，將會出現(xiàn)提示框“您輸入的密碼不一致，請重新輸入！”順利注冊，會出現(xiàn)注冊成功頁面，該頁面可以鏈接到登錄頁面。u 論壇主頁面進入該頁面，在右上角會看到例如：木木，上午好！歡迎進入動物之家論壇！該頁主要是用來實現(xiàn)查看討論主題功能。它以分頁的形式顯示當(dāng)前已有的討論主題，每頁顯示五個主題，每個主題以超鏈接的形式顯示，可以通過單擊某個主題來查看詳細的討論內(nèi)容并發(fā)表意見，也可以通過單擊頁面下部的超鏈接在不同的分頁之間跳轉(zhuǎn)。如果在發(fā)表主題表中不包含任何記錄，則顯示“當(dāng)前沒有討論主題！”，此時可以通過單擊“發(fā)表新帖”鏈接進入到發(fā)起主題的頁面。同時使用應(yīng)用程序事件，在頁面上顯示目前在線的人數(shù)。利用window對象的有關(guān)方法實現(xiàn)在狀態(tài)欄顯示滾動文本“歡迎進入動物之家論壇！”u 發(fā)表主題頁面在發(fā)表主題頁面時用到了表單。在發(fā)起討論主題中訪問者可以在這里輸入作者，主題，頭像選擇，內(nèi)容。點擊提交按鈕，相應(yīng)的信息就會交給保存主題處理。u 保存主題頁面該頁面的主要任務(wù)是，先檢查作者，主題和內(nèi)容的值，如果其中有任何一個為空字符串，則重新定向到發(fā)起討論主題頁面。如果這些字符都不是字符串，則鏈接到數(shù)據(jù)庫，并將該討論主題及其相關(guān)的信息保存到對應(yīng)的表中。保存數(shù)據(jù)后，可以單擊返回論壇首頁，也可以直接單擊關(guān)閉窗口按鈕。其中訪問者的IP地址是通過讀取服務(wù)器環(huán)境變量REMOTE_ADDR獲得的。發(fā)表主題的時間日期也是讀取了當(dāng)前系統(tǒng)的日期時間。