專(zhuān)業(yè)綜合實(shí)訓(xùn)報(bào)告

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

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

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

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

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

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

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

8、構(gòu)如下：（ 3） 、管理員登錄我們開(kāi)始會(huì)在數(shù)據(jù)庫(kù)里面添加一個(gè)記錄，也就是管理員的用戶(hù)名和密碼。只有把用戶(hù)名和密碼都輸入正確才可以成功登錄否則都會(huì)出錯(cuò)。主要代碼如下： <% '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ù)錯(cuò)誤 "elseif not thensession("id")=rs("id")se

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

11、的條數(shù)， 當(dāng)我們選中某個(gè)新聞點(diǎn)擊刪除按鈕的時(shí)候這條新聞就被刪除了。主要代碼如下：<%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" > 無(wú)新聞 </p><%end if%>當(dāng)我們點(diǎn)擊要修改新聞的名稱(chēng)時(shí)就會(huì)自動(dòng)彈出這個(gè)網(wǎng)頁(yè)。我們只需要要這里輸入標(biāo)題就可以更改了。不管是標(biāo)題

17、還是內(nèi)容都可以修改， 但是這兩個(gè)都不可以 為空一但為空修改就不行了。主要代碼如下：<%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ù)錯(cuò)誤 "elseif then(" 你輸入的標(biāo)題有務(wù)請(qǐng)<a href=""""> 重新輸入 </a>")end ifsql="select * from news where biaoti=" & SqlStr(Ubiaoti)' sql'set rs=(sql)%>（ 7） 、添加新聞只要點(diǎn)擊添加新聞就會(huì)彈出這個(gè)網(wǎng)頁(yè)。 只要在標(biāo)題和內(nèi)容里面添加相

20、對(duì)應(yīng)的內(nèi)容。點(diǎn)擊添加按鈕就可以添加了。主要代碼如下：<%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)我們點(diǎn)擊系部公告的時(shí)候，它會(huì)自動(dòng)彈出這個(gè)網(wǎng)頁(yè)。當(dāng)我們選中了要?jiǎng)h除的標(biāo)題后點(diǎn)擊刪除按鈕就可以把這個(gè)公告刪除了。 其主要實(shí)現(xiàn)的代碼和系部新聞是一樣的。（ 9） 、修改公告點(diǎn)擊要修改的公告標(biāo)題就可以進(jìn)入修改網(wǎng)頁(yè)界面。 在這個(gè)網(wǎng)頁(yè)里面輸入新的內(nèi)容就可以對(duì)這個(gè)公告進(jìn)行修改了。 實(shí)現(xiàn)這個(gè)功能的主要代碼和系部新聞的修改差不多。（ 10） 、添加公告點(diǎn)擊添加公告就可以進(jìn)入添加公告的網(wǎng)頁(yè)。 在這里面輸入要添加的公告標(biāo)題和公告內(nèi)容點(diǎn)擊添加按鈕就可以添加了。 實(shí)現(xiàn)這個(gè)功能的主要代碼和添加系部新聞基本上一樣。（ 11） 、整個(gè)網(wǎng)站的頭文件這個(gè)網(wǎng)站的頭文件是一個(gè)導(dǎo)航。每一個(gè)超級(jí)鏈接都是一

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

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

25、庫(kù)相連的因?yàn)檫@里面的所有內(nèi)容都是從數(shù)據(jù)庫(kù)里面調(diào)出來(lái)的。這是一個(gè)通用的框架網(wǎng)頁(yè)， 每個(gè)公告點(diǎn)擊進(jìn)來(lái)之后都是這個(gè)網(wǎng)頁(yè)而里面的內(nèi)容卻是根據(jù)你所點(diǎn)擊的內(nèi)容而定的。 因?yàn)檫@里面的標(biāo)題和內(nèi)容都是通過(guò)程序從數(shù)據(jù)庫(kù)里面去調(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