專業(yè)綜合實訓(xùn)報告

1、重慶電力高等專科學(xué)校綜合實訓(xùn)計劃書 綜合實訓(xùn)任務(wù)書 綜合實訓(xùn)指導(dǎo)書2010/2011學(xué)年上期課程名稱：專業(yè)綜合實訓(xùn)系 別：計算機科學(xué)系年級專業(yè)：網(wǎng)絡(luò)0812學(xué)生姓名：吳 優(yōu)學(xué) 號: 0234指導(dǎo)教師：鄧譜、周燕編制人：周燕編制日期：2010年9月6日一、實訓(xùn)名稱專業(yè)綜合實訓(xùn)二、實訓(xùn)時間第 1 周第 4周三、實訓(xùn)地點重慶電力高等?？茖W(xué)校計科系機房四、實訓(xùn)目的本次實訓(xùn)的課題是計算機系網(wǎng)站建設(shè)，通過四周的專業(yè)綜合實訓(xùn)，使學(xué)生能理論聯(lián)系實踐， 進(jìn)一步加強學(xué)生對所學(xué)知識的實踐動手能力； 能熟練使用相關(guān)工具軟件進(jìn)行網(wǎng)站規(guī)劃、設(shè)計，網(wǎng)頁制作、客戶端編程、數(shù)據(jù)庫設(shè)計、服務(wù)器端編程。五、實訓(xùn)內(nèi)容1、網(wǎng)站規(guī)劃：用

2、戶需求1。需求分析（1 能了解計科系的大體情況（如：系部簡介、教師情況、專業(yè)情況， ）（ 2）能讓本系的同學(xué)在線學(xué)習(xí)（ 本系學(xué)生提出的意見 ）（ 3）可以從網(wǎng)站上得到一些及時的教學(xué)通知，可以看到一些關(guān)于系部的一些新聞等 （ 本系學(xué)生提出的意網(wǎng)見 ）（ 4）能讓本系同學(xué)查找到同學(xué)的信息（5） 可以從網(wǎng)站上了解各個專業(yè)， 即各個專業(yè)的專業(yè)名稱、 專業(yè)介紹、 專業(yè)課程、 負(fù)責(zé)教師、就業(yè)去向等。（6） 可以從網(wǎng)站上了解系部的一些教學(xué)成果功能需求我們所設(shè)計的網(wǎng)站基本上可以達(dá)到用戶的需求。我們導(dǎo)航上面有系部概況、專業(yè)介紹、教學(xué)研究、精品課程、學(xué)生之家、信息中心六個大模塊。而每個模塊下面分別有二級菜單。系部

3、概況包括：系部簡介、系部領(lǐng)導(dǎo)、發(fā)展歷程、組織機構(gòu)。這四個分別對系部的基本情況以及一些領(lǐng)導(dǎo)的基本情況和系里面的一些組織機構(gòu)都做了比較詳細(xì)的介紹。系部概況：專業(yè)介紹包括：網(wǎng)絡(luò)、信息、商務(wù)、圖形、軟件。這五個專業(yè)分別對每個專 業(yè)的基本情況、專業(yè)課程、負(fù)責(zé)教師和就業(yè)去向都做了詳細(xì)的介紹。 教學(xué)成果包括：學(xué)科建設(shè)、科研成果、優(yōu)秀課程。這三個分別對一些學(xué)科建 設(shè)、科研成果以及優(yōu)秀課程都做了詳細(xì)的介紹。 實踐教學(xué)包括：實踐項目、實踐設(shè)備、獲獎情況。這三個分別對實踐教學(xué)的 一些項目和設(shè)備以及獲獎的一些情況做了詳細(xì)的介紹。學(xué)生園地包括：學(xué)生組織、學(xué)生活動、學(xué)生作品。這三個分別對學(xué)生平時的 生活、學(xué)習(xí)、工作等方面

4、做了詳細(xì)的介紹。信息中心包括：系部新聞、系部公告。這二個分別對系里面的一些新聞一些 通知起到了宣傳作用。2、網(wǎng)站模塊圖：系部簡介1 系部簡介：是對本系的歷史以及開了那些專業(yè)，對那些人才的需要較大。有多少教師等。2 師資隊伍：是對本系的教師進(jìn)行一定的介紹（如：共有教授多少） 。3 機構(gòu)設(shè)置：在這中又分為網(wǎng)絡(luò)教研、商務(wù)教研、信息教研、圖形教研、學(xué)生辦公，在對其每一個教研室的主要工作以及對專業(yè)的教育教學(xué)工作專業(yè)介紹 1網(wǎng)絡(luò)：對該專業(yè)進(jìn)行相關(guān)的信息介紹，如：就業(yè)方向、學(xué)習(xí)方向等2 金融：對該專業(yè)進(jìn)行相關(guān)的信息介紹，如：就業(yè)方向、學(xué)習(xí)方向等3 圖形：對該專業(yè)進(jìn)行相關(guān)的信息介紹，如：就業(yè)方向、學(xué)習(xí)方向等4

5、 商務(wù)：對該專業(yè)進(jìn)行相關(guān)的信息介紹，如：就業(yè)方向、學(xué)習(xí)方向等5 信息：對該專業(yè)進(jìn)行相關(guān)的信息介紹，如：就業(yè)方向、學(xué)習(xí)方向等6 信管：對該專業(yè)進(jìn)行相關(guān)的信息介紹，如：就業(yè)方向、學(xué)習(xí)方向等進(jìn)行介紹就業(yè)方向、學(xué)習(xí)方向等 就業(yè)方向、學(xué)習(xí)方向等 就業(yè)方向、學(xué)習(xí)方向等 就業(yè)方向、學(xué)習(xí)方向等 就業(yè)方向、學(xué)習(xí)方向等 就業(yè)方向、學(xué)習(xí)方向等3、 科學(xué)研究1 科研成果 ：對科學(xué)研究進(jìn)行一定的介紹，對成果進(jìn)行展示，及相關(guān)的介紹。4、 精品課程1 計算機網(wǎng)絡(luò)：可以了解計算機網(wǎng)絡(luò)的教師、教材、教學(xué)環(huán)境、實訓(xùn)基地等，還可以在網(wǎng)上查看學(xué)習(xí)課件和做配套的練習(xí)2 計算機應(yīng)用基礎(chǔ)：可以了解計算機應(yīng)用基礎(chǔ)的相應(yīng)教師、教材等，還可以在

6、線查看學(xué)習(xí)課件、做配套的練習(xí)以及在線考試等。3 C語言程序設(shè)計：可以了解C語言程序設(shè)計的相應(yīng)教師、教材、課程設(shè)置、 教學(xué)內(nèi)容等，還可以在線查看學(xué)習(xí)課件、做配套的練習(xí)以及在線考試等5、 學(xué)生之家2 學(xué)生活動：文藝演出、3 評優(yōu)評獎：4 日常管理：5 組織社團(tuán)：介紹學(xué)生會、團(tuán)總支、學(xué)管委等6、 信息中心1 新聞：能讓我們了解當(dāng)時的時事新聞。2 公告：能讓我們知道系部的一些相應(yīng)的公告信息。3、繪制網(wǎng)頁平面草稿4、各功能模塊的使用幫助：（ 1） 、文件夾規(guī)劃我 們 從一 開始 就 決 定 了 文 件 夾 的 規(guī) 劃 。 xibu_introduce 系 部 簡 介 ） major_introduce（

7、 專 業(yè) 介 紹 ） science_study （ 科 學(xué) 研 究 ） Medical_Physiology（ 精 品 課 程 ） student_home （ 學(xué) 生 之 家 ） information_center （ 信息中心 ） Public （公共文件） Database（ 數(shù)據(jù)庫 ） Admin（ 管理員 ） index（ 首頁 ） images（ 圖片文件 ） css （css 樣式 ） js （java 程序 ）（ 2） 、數(shù)據(jù)庫和表我們創(chuàng)建了一個數(shù)據(jù)庫（ jkx ） ， 這個數(shù)據(jù)庫里面有三張表（ admin、 bbs、 news）分別代表管理員、公告和新聞。這三張表的數(shù)據(jù)結(jié)

8、構(gòu)如下：（ 3） 、管理員登錄我們開始會在數(shù)據(jù)庫里面添加一個記錄，也就是管理員的用戶名和密碼。只有把用戶名和密碼都輸入正確才可以成功登錄否則都會出錯。主要代碼如下： <% 'on error resume next set conn = （""） path = （"./database/"） "driver=Microsoft Access Driver （*.mdb）;pwd=;dbq=" & path sql="select * from admin where name="&sq

9、lstr(uname)&" and pwd="&sqlstr(pwd)'sql="insertintouser(username,pwd)values("&sqlstr(Uname)&","&sqlstr(Upwd)&")" ' sql set rs=(sql)if err<>0 then" 數(shù)據(jù)錯誤 "elseif not thensession("id")=rs("id")se

10、ssion("a")=1""else%><p>用戶名密碼輸入錯誤，請重新 <a href=""> 登錄</a>! </p><%end if%>（ 4） 、登錄成功登錄成功后我們可以對系部新聞、系部公告進(jìn)行增、刪、改、查操作。 。只要點擊相對應(yīng)的超級鏈接就可以實現(xiàn)了。 在這里面注冊是為了防止有人記住了注冊的網(wǎng)址而進(jìn)行注冊從而對網(wǎng)站造成不必要的麻煩。 而在這里面就不會了， 只要你沒有登錄你是不可能進(jìn)入到這個網(wǎng)頁的。（ 5） 、查看、刪除新聞我們點擊系部新聞就可以查看當(dāng)前新聞

11、的條數(shù)， 當(dāng)我們選中某個新聞點擊刪除按鈕的時候這條新聞就被刪除了。主要代碼如下：<%on error resume nextset conn = ("")path = ("././Database/")"driver=Microsoft Access Driver (*.mdb);pwd=;dbq=" & pathif ("shanchu")=" 刪除 " thenid=request("fx")if id<>"" thenid=

12、split(id,", ")sql="delete from news where id in (" & id(0)for i=1 to ubound(id)sql=sql & "," & id(i)nextsql=sql & ")"(sql)end ifend ifsql="select * from news"set rs=(sql)' sql%><h3 align="center" class="STYLE1

13、"> 新聞管理 </h3><form id="form1" name="form1" method="post" action=""><%if not then%><table width="635" height="61" border="1" align="center" bordercolor="#3300FF" bgcolor="#FFFFC

14、C"> <tr><td width="79" align="center" bgcolor="#FFCCCC">選擇 </td><td width="540" align="center" bgcolor="#FFCCCC">新聞標(biāo)題 </td></tr><%do while not %><tr><td width="79" align=&

15、quot;center"><input name="fx" type="checkbox id="fx" value="<%=rs("id")%>" /></td><td width="540" align="center"><%=rs("biaoti")%></td></tr><% loop%></table><p

16、align="center" class="STYLE1"><input name="shanchu" type="submit" id="shanchu" value=" 刪除"/></p><%else%><p align="center" > 無新聞 </p><%end if%>當(dāng)我們點擊要修改新聞的名稱時就會自動彈出這個網(wǎng)頁。我們只需要要這里輸入標(biāo)題就可以更改了。不管是標(biāo)題

17、還是內(nèi)容都可以修改， 但是這兩個都不可以 為空一但為空修改就不行了。主要代碼如下：<%Ubiaoti = ("biaoti")id=("id")on error resume nextset conn =("")path = ("././Database/")"driver=Microsoft Access Driver (*.mdb);pwd=;dbq=" & pathwsql="select * from news where biaoti=" &

18、SqlStr(Ubiaoti) set userrs=(wsql)if ("submit")=" 修改 " thenUbiaoti = ("biaoti")Uneirong = ("neirong")sq="update news set biaoti=" & sqlstr(Ubiaoti) & ",neirong=" sqlstr(Uneirong) & " where id=" & id(sq)" 修改成功 &

19、quot;' sq'end ifif err<>0 then" 數(shù)據(jù)錯誤 "elseif then(" 你輸入的標(biāo)題有務(wù)請<a href=""""> 重新輸入 </a>")end ifsql="select * from news where biaoti=" & SqlStr(Ubiaoti)' sql'set rs=(sql)%>（ 7） 、添加新聞只要點擊添加新聞就會彈出這個網(wǎng)頁。 只要在標(biāo)題和內(nèi)容里面添加相

20、對應(yīng)的內(nèi)容。點擊添加按鈕就可以添加了。主要代碼如下：<%if session("a")<>1 then("./")()end if%><body><%Ubiaoti = ("biaoti")Uneirong = ("neirong")on error resume nextset conn = ("")path = ("././Database/")"driver=Microsoft Access Driver (*.mdb

21、);pwd=;dbq=" & pathnews(biaoti,neirong)sql="insertintovalues("&sqlstr(Ubiaoti)&","&sqlstr(Uneirong)&")" ' sql (sql) if err<>0 then"<p align=""center""> 添加失敗 </p>"else" 添加成功 "end if%&g

22、t;（ 8） 、查看、刪除公告當(dāng)我們點擊系部公告的時候，它會自動彈出這個網(wǎng)頁。當(dāng)我們選中了要刪除的標(biāo)題后點擊刪除按鈕就可以把這個公告刪除了。 其主要實現(xiàn)的代碼和系部新聞是一樣的。（ 9） 、修改公告點擊要修改的公告標(biāo)題就可以進(jìn)入修改網(wǎng)頁界面。 在這個網(wǎng)頁里面輸入新的內(nèi)容就可以對這個公告進(jìn)行修改了。 實現(xiàn)這個功能的主要代碼和系部新聞的修改差不多。（ 10） 、添加公告點擊添加公告就可以進(jìn)入添加公告的網(wǎng)頁。 在這里面輸入要添加的公告標(biāo)題和公告內(nèi)容點擊添加按鈕就可以添加了。 實現(xiàn)這個功能的主要代碼和添加系部新聞基本上一樣。（ 11） 、整個網(wǎng)站的頭文件這個網(wǎng)站的頭文件是一個導(dǎo)航。每一個超級鏈接都是一

23、個彈出菜單。如圖：這個頭文件是由我負(fù)責(zé)做的。 我把整個頭文件全部做好了之后把它放在公用文件夾里面每個網(wǎng)站都通過程序來調(diào)用這個頭文件。 而首頁這個網(wǎng)頁也是由我負(fù)責(zé)做的。系部概況這里面的網(wǎng)頁是由蔡挺負(fù)責(zé)的。 他負(fù)責(zé)把這里面的網(wǎng)頁做好了之后 給我。我再把他給我的網(wǎng)頁加入到整個網(wǎng)站中。專業(yè)介紹這里面的網(wǎng)頁是由張耀做的。他也是負(fù)責(zé)把網(wǎng)頁做好，做好了之后給我由我來進(jìn)行整體連接?？茖W(xué)研究和精品課程這里面的網(wǎng)頁是由關(guān)平負(fù)責(zé)的。 他負(fù)責(zé)把這里面的網(wǎng)頁 做好了之后給我。我再把他給我的網(wǎng)頁加入到整個網(wǎng)站中。學(xué)生之家這里面的網(wǎng)頁是由馮誠負(fù)責(zé)的。他負(fù)責(zé)把這里面的網(wǎng)頁做好了之后給 我。我再把他給我的網(wǎng)頁加入到整個網(wǎng)站中。

24、信息中心是整個網(wǎng)站的核心部分所以是由我負(fù)責(zé)的。 在這個模塊里面涉及到了很多的內(nèi)容。 因為這里面的新聞和公告都是要進(jìn)入數(shù)據(jù)庫中然后再從數(shù)據(jù)庫中把數(shù)據(jù)調(diào)出來的。 而且管理員也要通過網(wǎng)頁來對新聞和公告進(jìn)行增加、 刪除、 修改等操作。（ 12） 、整個網(wǎng)站的底部文件這也是由我做好了之后放入公用文件夾里面讓每一個網(wǎng)頁進(jìn)行調(diào)用。（ 13） 、首頁在這個首頁里面左邊可以顯示出最新的多條新聞和公告。 這新聞和公告都是通過程序從數(shù)據(jù)庫中調(diào)出來的。 右邊是關(guān)于系部的一個簡單的介紹。 下邊是我們系部一些老師的相片和職位的一些描述。（ 15） 、信息中心系部公告這個網(wǎng)頁是用來顯示系里面所有的公告。 這個頁面也是和數(shù)據(jù)

25、庫相連的因為這里面的所有內(nèi)容都是從數(shù)據(jù)庫里面調(diào)出來的。這是一個通用的框架網(wǎng)頁， 每個公告點擊進(jìn)來之后都是這個網(wǎng)頁而里面的內(nèi)容卻是根據(jù)你所點擊的內(nèi)容而定的。 因為這里面的標(biāo)題和內(nèi)容都是通過程序從數(shù)據(jù)庫里面去調(diào)的。主要程序和其它的調(diào)用程序差不多。如下：<%on error resume nextset conn = ("")path = ("./Database/")"driver=Microsoft Access Driver (*.mdb);pwd=;dbq="& pathsql="select top 15

26、* from news order by id desc" set rs=(sql)' sql'%><table width="330" height="26" border="0"align="left" cellpadding="0" cellspacing="0" ><%do while not %><tr><td width="22"height="26align=

27、"right"><img src="images/" width="22" height="20" /></td><td width="308" align="left" class="bk"><ahref="?id=<%=rs("id")%>"class="bb"><%=rs("biaoti")%><a></td>&l