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

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

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

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

4、做了詳細(xì)的介紹。信息中心包括：系部新聞、系部公告。這二個(gè)分別對系里面的一些新聞一些 通知起到了宣傳作用。2、網(wǎng)站模塊圖：系部簡介1 系部簡介：是對本系的歷史以及開了那些專業(yè)，對那些人才的需要較大。有多少教師等。2 師資隊(duì)伍：是對本系的教師進(jìn)行一定的介紹（如：共有教授多少） 。3 機(jī)構(gòu)設(shè)置：在這中又分為網(wǎng)絡(luò)教研、商務(wù)教研、信息教研、圖形教研、學(xué)生辦公，在對其每一個(gè)教研室的主要工作以及對專業(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 計(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、線查看學(xué)習(xí)課件、做配套的練習(xí)以及在線考試等。3 C語言程序設(shè)計(jì)：可以了解C語言程序設(shè)計(jì)的相應(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)時(shí)的時(shí)事新聞。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)建了一個(gè)數(shù)據(jù)庫（ jkx ） ， 這個(gè)數(shù)據(jù)庫里面有三張表（ admin、 bbs、 news）分別代表管理員、公告和新聞。這三張表的數(shù)據(jù)結(jié)

8、構(gòu)如下：（ 3） 、管理員登錄我們開始會在數(shù)據(jù)庫里面添加一個(gè)記錄，也就是管理員的用戶名和密碼。只有把用戶名和密碼都輸入正確才可以成功登錄否則都會出錯。主要代碼如下： <% '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)行增、刪、改、查操作。 。只要點(diǎn)擊相對應(yīng)的超級鏈接就可以實(shí)現(xiàn)了。 在這里面注冊是為了防止有人記住了注冊的網(wǎng)址而進(jìn)行注冊從而對網(wǎng)站造成不必要的麻煩。 而在這里面就不會了， 只要你沒有登錄你是不可能進(jìn)入到這個(gè)網(wǎng)頁的。（ 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" > 無新聞 </p><%end if%>當(dāng)我們點(diǎn)擊要修改新聞的名稱時(shí)就會自動彈出這個(gè)網(wǎng)頁。我們只需要要這里輸入標(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ù)錯誤 "elseif then(" 你輸入的標(biāo)題有務(wù)請<a href=""""> 重新輸入 </a>")end ifsql="select * from news where biaoti=" & SqlStr(Ubiaoti)' sql'set rs=(sql)%>（ 7） 、添加新聞只要點(diǎn)擊添加新聞就會彈出這個(gè)網(wǎng)頁。 只要在標(biāo)題和內(nèi)容里面添加相

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

23、個(gè)彈出菜單。如圖：這個(gè)頭文件是由我負(fù)責(zé)做的。 我把整個(gè)頭文件全部做好了之后把它放在公用文件夾里面每個(gè)網(wǎng)站都通過程序來調(diào)用這個(gè)頭文件。 而首頁這個(gè)網(wǎng)頁也是由我負(fù)責(zé)做的。系部概況這里面的網(wǎng)頁是由蔡挺負(fù)責(zé)的。 他負(fù)責(zé)把這里面的網(wǎng)頁做好了之后 給我。我再把他給我的網(wǎng)頁加入到整個(gè)網(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)頁加入到整個(gè)網(wǎng)站中。學(xué)生之家這里面的網(wǎng)頁是由馮誠負(fù)責(zé)的。他負(fù)責(zé)把這里面的網(wǎng)頁做好了之后給 我。我再把他給我的網(wǎng)頁加入到整個(gè)網(wǎng)站中。

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

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