【正文】 寧寧 波波 大大 紅紅 鷹鷹 學學 院院 軟軟 件件 學學 院院 二二 0 0 年年 月月 日日 2 二 、 畢業(yè)技能綜合實訓任務書 計算機應用技術 專業(yè) 實訓 項目： 商業(yè)網站的開發(fā)與設計和 VB應用程序開發(fā) 與 設計 學生姓名： 王瑜玲 班級： 08 計應（ 1）班 學號： 082020xx1 項目類型： 動物之家 網 指導教師： 周春良 實訓目的： 該實訓項目 是在以往各教學環(huán)節(jié)的基礎上，進一步理論聯(lián)系實際 , 在實現實訓項目的過程中加強掌握本專業(yè)相關課程中的知識，并幫助學生強化以前學到的知識，真正將知識轉化為實際技能，讓學生在進行實踐開發(fā)前一個演練 ； 通過畢業(yè)技術綜合實訓，使學生具有 VB軟件開發(fā)、網頁制作網站構建、網絡管理與維護等方面的綜合能力。畢業(yè)生可從事 VB軟件開發(fā)、網頁制作、網絡管理、數據庫開發(fā)與維護、多媒體 應用等工作。 2）、 VB應用程序開發(fā)與設計 通過完成一個小型的基于數據庫系統(tǒng)的 VB 應用程序設計與開發(fā)，訓練學生使用 VB 語言編程的能力和數據庫設計能力 。 畢業(yè)技能綜合實訓 提交的成果 （ 1） ．實訓報告一份，內容包括： o 各階段 實訓過程記述 ； o 各階段完成內容成果說明及展示； o 過程考核記錄； o 實訓總結、致謝等； （ 2） ． 完成各階段項目的系統(tǒng)，階段結束時，將作品進行演示，并將作品刻錄光盤。 完 成 人： 王瑜玲 系 別： 軟件技術系 專 業(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ā)與設計 動物之家網站功能描述 一、該網站的功能介紹 動物之家的 首頁 設計主要涵蓋：對 動物 這 個大群體的基本了解 ，動物 的分類，動物百科，動物文學，瀕臨滅絕的動物，動物保護法，人類與 動物的和諧 問題 ，友情鏈接，圖片欣賞 以及論壇等內容 。其中，因為可以將動物的分類分為六類，所以我利用行為制作了一個下拉菜單。 首頁說的通俗一點就是創(chuàng)建很多超 級鏈接，是通往各個分頁面的橋梁，能夠實現文檔件或文檔中的跳轉。例如：圖文并茂是網頁的一大特色，圖像不僅可以使網頁生動，形象，美觀，而且能使網頁中的內容更加的豐富多彩，因此圖像在網頁中就占據了舉足輕重的作用，同一個圖像的不同部分能夠鏈接到不同的文檔，這個就是熱區(qū)鏈接。同時，我利用了行為設置的“您好！歡迎光臨”的狀態(tài)欄文本。 ? 了解動物 動物是自然界 不容忽視的大家庭。正文上方的導航欄中包括如下信息：首頁，人類與動物的和諧問題，動物百科，動物文學，瀕臨滅絕的動物，動物保護法。希望瀏覽者在看文字的同時，感受到動物世界的奇妙。以上頁面都運用了模板。之后在制作時，利用模板生成一個子頁面，然后修改可編輯區(qū)域。該頁面的功能設計相當的簡單：標題欄的下面是圖片，圖片的右邊是一段文字，主要是對兩棲的認識。正文的內容就是對這四大塊內容的具體介紹。以上頁面都是運用模板來完成的。 爬行動物 頁面主要介紹： 生理學意義，爬行綱介紹，最大的蜥蜴 。 昆蟲 頁面主要介紹： 昆蟲的認識，昆蟲的用途，俗稱，昆蟲之最 。 魚類 頁面主要介紹：概述，分類，構造與生命活動，地理分布，醫(yī)學作用，生理 特征 。 鳥類 頁面主要介紹： 鳥類介紹，鳥類遷徙，侏羅紀鳥類，鳥中之最， 鳥類 欣賞 。 ? 動物百科 該頁面主要介紹一些關于動物有趣的百科知 識，例如：食鳥蛛布下的羅網，螃蟹之最，水蜘蛛的“物理肺”，水下空氣泡住所，海底鴛鴦，海底動物的“激光武器”，螢火蟲的求愛信號，水母的身體，蚯蚓的功績，大王烏賊趣聞，蝸牛的唾液等等 ? 動物文學 該頁面主要收集了一些唐宋的詩歌。還有一些則是耳熟能詳的，例如：詠鵝。會發(fā)現，在文學的殿堂里，動物也能描述的惟妙惟肖，栩栩如生。并且介紹了動物滅絕的原因。里面包含了十幾張清晰的圖片，供瀏覽者欣賞?；蛏钊霚\出，或從左，或從右，或從上，或從下。 論壇是一個比較理想的場所， 網絡提供給我們的不只是一個獲取信息的來源，而且還是一個可以相互交流的空間，網上論壇正是一種供人們進行交流的網絡空間。 用戶使用論壇，有一定 3 的流程：用戶注冊登錄進入論壇，就某個話題（主題貼）展開討論，通過發(fā)貼功能發(fā)布新的話題，通過回貼的功能回復已有的話題。 創(chuàng)建一個 動物之家 論壇管理系統(tǒng)，具備發(fā)表帖子、回復帖子、帖子查詢功能。對該論壇的功能，我做了如下設計： ? 創(chuàng)建后臺數據庫 在 SQL 數據庫中創(chuàng)建一個數據庫，在該數據庫中建立三張表：用戶信息表中包含用戶名，密碼，確認密碼三個字段；發(fā)表主題表中包含主題編 號，發(fā)起人的姓名，發(fā)起人的 IP 地址，討論的主題，主題的詳細內容，所選擇圖片的路徑，發(fā)表主題的日期和時間，主題的瀏覽和回復次數。 ? 登錄頁面 訪問者只有輸入了自己的用戶名和密碼，該頁面才能跳轉到論壇的主頁面。如果用戶名或者密碼為空，則出現提示框告知“用戶名或者密碼不 能為空，請重新輸入！”，若用戶民和密碼與數據庫中的不一致，則出現提示框告知“您輸入的用戶民或密碼有誤，請重新輸入！”；若成功登錄，頁面會直接跳轉到論壇主頁面；若訪問者沒有注冊過用戶名和密碼，點擊注冊，將自動鏈接到注冊用戶信息的頁面。該界面與登錄界面不同的是，如果您的用戶名已經注冊過將會出現提示框“您的用戶名已經存在，請重新輸入 !”，如果第一次輸入的密碼與確認密碼不同，將會出現提示框“您輸入的密碼不一致，請重新輸入！”順利注冊，會出現注 冊成功頁面，該頁面可以鏈接到登錄頁面。它以分頁的形式顯示當前已有的討論主題，每頁顯示五個主題，每個主題以超鏈接的形式顯示，可以通過單擊某個主題來查看詳細的討論內容并發(fā)表意見，也可以通過單擊頁面下部的超鏈接在不同的分頁之間跳轉。同時使用應用程序事件，會話事件以及 ，在頁面上顯示目前在線的人數。在發(fā)起討論主題中訪問者可以在這里輸入作者，主題，頭像選擇，內容。 ? 保存主題頁面 該頁面的主要任務是，先檢查作者，主題和內容的值，如果其中有任何一個為空字符串，則重新定向到發(fā)起討論主題頁面。保存數據后，可以單擊返 回論壇首頁，也可以直接單擊關閉窗口按鈕。發(fā)表主題的時間 日期也是讀取了當前系統(tǒng)的日期時間。 若該主題沒有回復帖子，將會在原創(chuàng)帖子下面顯示“當前沒有回復！”當然訪問者也可以在該頁面單擊超鏈 接發(fā)表新帖或者返回首頁。其中數據處理的內容包括兩個部分：第一部分是能夠更新發(fā)表主題表的回復次數字段，使它當前主題的瀏覽次數上加 1。另外，我還設計了一個返回主頁面的超鏈接，可以方便訪問者訪問。瀏覽者 第一次進入你的主頁時，他們通常不是在尋找值得閱讀的地方，他們可能正在尋找可供 選擇的東西，以超文本術語說即是可用鼠標點取的詞句、圖像、按鈕等等，接下來是閱讀文字，選定一個可選項，按鼠標鍵，下頁出現后又重復此過程。所以我運用了各式各樣的超鏈接。 整個頁面的排版都是由表格來固定的， 表格邊框設為零 ，顯得整齊劃一，干凈清楚。 用 Photoshop 處理 圖片， 使其 與 主題相 一致 。小標題采用 加粗加大的 黑 色字 ，這樣制作 不僅 豐富了頁面內容， 而且 使整 張網頁 條理清晰 ，一目了然 。下面我就對文字應用 CSS 樣式進行介紹： 1. 在“ CSS 樣式”面板中單擊“新建 CSS 規(guī)則”按鈕，打開“新建 CSS規(guī)則”對話框。 4. 選中文字，然后單擊“屬性”面板的“樣式”下拉列表中的“ title”選項，這樣樣式就應用到文字里了。 2. 單擊“創(chuàng)建”按鈕，創(chuàng)建一個空白網頁。 4. 在對話框中，選擇“分類 ”列表框中的“外觀”選項，設置背景顏色。將模板另存為即可 6. 當需要修改時，直接修改模板，關閉時會問你是否更新，選是，所有利用模板做的頁面就會自動更新，大大提高了建站的效率。在電子商務流行的今天，表單的作用更是不容忽視的。表單主要包括文本域，按鈕，復選框和單選按鈕以及插入列表和菜單等。 二、 數據庫設計（ ER圖 范式以及原因 主健和外健 數據源） ER圖如下所示： 7 Users( username, password, repassword ) 因為數據庫表中不包含已在其它表中已包含的非主關鍵字信息，屬性不依賴于其它非主屬性，它消除了部分函數依賴和傳遞依賴，所以 users 用戶表滿足第三范式 ，其中主鍵為 username。 Replies(re_id , author , ip_addr , theme , pic_path , content , reply_time , art_id) 因為表中不包含已在其他表中已包含的非主關鍵字信息且數據無冗余，所以 replies 回復表滿足第三 范式 ，其中主鍵為 re_id 和 art_id。添加 服務器 過程非常簡單， 打開“控制面板 〉 添加 /刪除程序”選項，選擇“添加 /刪除 windows 組件”，選中彈出對話框中的“ Inter 信息服務 (IIS)選項”（ 如圖所示 ） ，按照系統(tǒng)提示進行安裝即可。Persist Security Info=False。Initial Catalog=luntan。 amp。 39。 amp。 39。amp。39。 (39。 username amp。,39。 pwd amp。,39。 repwd amp。) set rst=(asql, ,adcmdtext) % ? 查看討論主題 13 ? 時間日期顯示代碼 今天是 % =year(date) %年 % =month(date) %月 % =day(date) %日 % =wd(date) % ,% =time() % ? 分頁 顯示代碼 當前主題數 % = % 每頁 % = %個主題 當前頁次 % =currentpage %/% = % 頁 % for i=1 to if i=cint(currentpage) then % [font color=red% =i %/font] 14 % else %