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