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