【文章內(nèi)容簡(jiǎn)介】 一級(jí)數(shù)據(jù)流圖1用戶管理管理員學(xué)生3管理員操 作4留言管理2學(xué)生操作D1 管理用戶信息D2 學(xué)生用戶信息D3 留言信息 D10 作業(yè)信息D9 公告信息D8 業(yè)界動(dòng)態(tài)信息D7 相關(guān)網(wǎng)站信息D6 例題信息D5 課件信息D4 教學(xué)信息管理員學(xué)生用戶名 密碼權(quán)限用戶名 密碼權(quán)限圖 2 系統(tǒng)二級(jí)數(shù)據(jù)流圖4 系統(tǒng)的概要設(shè)計(jì) 系統(tǒng)的總體設(shè)計(jì)結(jié)構(gòu)本系統(tǒng)利用 技術(shù)和 Access 2022 數(shù)據(jù)庫(kù)構(gòu)建基于 Web 的開(kāi)放的、資源共享的、交互式的教學(xué)網(wǎng)站，該網(wǎng)站可以在基于 Windows 2022/XP/2022 系統(tǒng)構(gòu)建的局域網(wǎng)或 Inter 上使用。管 理 D10 作業(yè)信息D1 管理用戶信息D2 學(xué)生用戶信息 D3 留言信息 D4 教學(xué)信息 D5 課件信息 D6 例題信息D7 相關(guān)網(wǎng)站信息D8 業(yè)界動(dòng)態(tài)信息 D9 公告信息管理 答疑管理更新動(dòng)態(tài)更新公告更新作業(yè)信息注冊(cè)登錄提問(wèn)交流瀏覽學(xué)習(xí)下載學(xué)習(xí)參考學(xué)習(xí)網(wǎng)站瀏覽動(dòng)態(tài)瀏覽獲取公告內(nèi)容 查看本系統(tǒng)面向?qū)W生、管理員兩種身份的用戶，不過(guò)在系統(tǒng)中，把管理員的權(quán)限，下放給教師，所以老師同時(shí)擔(dān)任了管理員的角色。整個(gè)系統(tǒng)的功能框架圖如下圖 3 所示。圖 3 總體功能結(jié)構(gòu)圖 系統(tǒng)數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)通過(guò)以上的分析可以知道，系統(tǒng)主要涉及的實(shí)體有：學(xué)生、教師、留言、公告等，實(shí)體之間聯(lián)系復(fù)雜，現(xiàn)分析如下：（1）留言管理涉及的實(shí)體有：學(xué)生、教師、留言內(nèi)容。學(xué)生屬性有編號(hào)、用戶名、密碼、e_mail 。教師屬性有編號(hào)、用戶名、密碼、e_mail 。留言內(nèi)容屬性有編號(hào)、留言者、留言內(nèi)容、留言時(shí)間。這些實(shí)體之間的聯(lián)系如下：學(xué)生主要通過(guò)留言提問(wèn)，教師主要是回答留言。教學(xué)理論教學(xué) 案例教學(xué) 實(shí)踐教學(xué)資料課件 例題相關(guān)網(wǎng)站 業(yè)界動(dòng)態(tài)課業(yè)作業(yè)信息優(yōu)秀作品 作業(yè)提交后臺(tái)管理互動(dòng)Photoshop 教學(xué)網(wǎng)站留言板 公告 作業(yè)信息管理優(yōu)秀作品管理學(xué)生信息管理 業(yè)界動(dòng)態(tài)管理 公告管理實(shí)體聯(lián)系圖如圖 4 所示。圖 4 留言板 ER 圖（2）公告信息管理涉及的實(shí)體有：學(xué)生、教師、教學(xué)信息。學(xué)生屬性有編號(hào)、用戶名、密碼、e_mail 。教師屬性有編號(hào)、用戶名、密碼、e_mail 。教學(xué)信息屬性有編號(hào)、標(biāo)題、內(nèi)容。這些實(shí)體之間的聯(lián)系如下：①一位老師可以更新多條公告信息，一條公告信息只能由一名老師來(lái)進(jìn)行更新，因此教師和公告信息之間是一對(duì)多的聯(lián)系。②一位學(xué)生可以瀏覽多條公告信息，一條公告信息可以讓多個(gè)學(xué)生瀏覽，因此學(xué)生與公告信息之間是多對(duì)多的聯(lián)系。實(shí)體聯(lián)系圖如圖 5 所示。圖 5 公告信息管理 ER 圖（3）業(yè)界動(dòng)態(tài)信息管理涉及的實(shí)體有：學(xué)生、教師、動(dòng)態(tài)內(nèi)容。學(xué)生屬性有編號(hào)、用戶名、密碼、e_mail 。教師屬性有編號(hào)、用戶名、密碼、e_mail 。業(yè)界動(dòng)態(tài)信息屬性有編號(hào)、標(biāo)題、內(nèi)容。這些實(shí)體之間的聯(lián)系如下：教師更新動(dòng)態(tài)，學(xué)生瀏覽動(dòng)態(tài)。實(shí)體聯(lián)系圖如圖 6 所示。教師 學(xué)生郵箱用戶名編號(hào)郵箱密碼用戶名編號(hào)留言時(shí)間留言內(nèi)容留言者編號(hào)密碼回答 提問(wèn)留言內(nèi)容公告教師 學(xué)生更新 瀏覽公告內(nèi)容標(biāo)題編號(hào)圖 6 業(yè)界動(dòng)態(tài)信息管理 ER 圖5 詳細(xì)設(shè)計(jì)與系統(tǒng)實(shí)現(xiàn) 數(shù)據(jù)庫(kù)表詳細(xì)說(shuō)明表 1 學(xué)生信息/ 管理員信息表字段名 描述 類(lèi)型 長(zhǎng)度 是否空 是否主鍵ID 用戶 ID 號(hào) Bigint 4 否 是UserName 用戶名 Varchar 10 否 否Pwem密碼郵箱VarcharVarchar2020否否否否表 2 案例教學(xué)/ 理論教學(xué)資料表字段名 描述 類(lèi)型 長(zhǎng)度 是否空 是否主鍵ID 資料 ID 號(hào) Bigint 4 否 是tm 資料名稱(chēng) Varchar 10 否 否nr 資料內(nèi)容 備注 否 否表 3 留言信息表字段名 描述 類(lèi)型 長(zhǎng)度 是否空 是否主鍵ID 信息 ID 號(hào) Bigint 4 否 是author 用戶名 Varchar 10 否 否Liuyan 留言內(nèi)容 Varchar 255 否 否posttime 留言時(shí)間 datetime 否 否動(dòng)態(tài)內(nèi)容教師 學(xué)生更新 瀏覽動(dòng)態(tài)內(nèi)容標(biāo)題編號(hào)表 4 業(yè)界動(dòng)態(tài)表字段名 描述 類(lèi)型 長(zhǎng)度 是否空 是否主鍵ID 動(dòng)態(tài) ID 號(hào) Bigint 4 否 是tm 動(dòng)態(tài)名稱(chēng) Varchar 10 否 否nr 動(dòng)態(tài)內(nèi)容 備注 否 否表 5 公告表字段名 描述 類(lèi)型 長(zhǎng)度 是否空 是否主鍵ID 公告 ID 號(hào) Bigint 4 否 是tm 公告名稱(chēng) Varchar 10 否 否nr 公告內(nèi)容 備注 否 否 系統(tǒng)功能模塊的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 首頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)首頁(yè)包括了教學(xué)、資料、互動(dòng)、課業(yè)、后臺(tái)管理五個(gè)大板塊，點(diǎn)擊各個(gè)相應(yīng)的超鏈接，就會(huì)進(jìn)入相應(yīng)的功能頁(yè)面。首頁(yè)的頁(yè)面效果，如圖 7 所示。圖 7 首頁(yè)的頁(yè)面實(shí)現(xiàn)效果 教學(xué)模塊的設(shè)計(jì)與實(shí)現(xiàn)點(diǎn)擊首頁(yè)中的“教學(xué)”超鏈接，即可進(jìn)入教學(xué)模塊。教學(xué)模塊主要分為理論教學(xué)模塊、案例教學(xué)模塊、實(shí)踐教學(xué)模塊三個(gè)子功能模塊。這三個(gè)子模塊分別向?qū)W生提供理論知識(shí)、教學(xué)案例和課上教學(xué)視頻。教學(xué)模塊頁(yè)面實(shí)現(xiàn)效果如圖 8 所示。圖 8 教學(xué)模塊的頁(yè)面實(shí)現(xiàn)效果該模塊包攬了三個(gè)教學(xué)模塊的內(nèi)容，上面兩個(gè)模塊是理論教學(xué)和案例教學(xué)的一部分模塊，中間嵌入的是實(shí)踐教學(xué)中的視頻文件，按播放按鈕可以播放，最底下是一些優(yōu)秀的 PS 圖片，其中視頻文件的主要實(shí)現(xiàn)代碼是：iframe src=../wd/ name=a1 width=660 height=469 frameborder=0 id=a1 /iframe（1）理論教學(xué)模塊如圖 9 所示。圖 9 理論教學(xué)模塊該模塊記錄了 photoshop 理論知識(shí)，點(diǎn)擊鏈接可進(jìn)入相關(guān)知識(shí)內(nèi)容頁(yè)面，其實(shí)現(xiàn)主要代碼如下：script language=VB runat=serverSub Page_Load(Sender As Object, E As EventArgs)39。建立 Connection 對(duì)象Dim conn As NewOleDbConnection(Provider=。DataSource=amp。(../)) 39。建立 Connection 對(duì)象Dim adp As New OleDbDataAdapter(select * from aljx, conn)39。建立 DataAdapter 對(duì)象Dim ds As New DataSet() 39。建立 DataSet 對(duì)象(ds, tm) 39。填充 DataSet 對(duì)象=(tm).DefaultView 39。指定數(shù)據(jù)源() 39。執(zhí)行綁定()End Sub/scriptform runat=serverASP:DataGrid id=MyDataGrid HeaderStyleBackColor=lightblue width=390 height=290 AutoGenerateColumns=false runat=serverColumnsasp:HyperLinkColumn dataTextfield=tm HeaderText=photoshop 基礎(chǔ)知識(shí) DataNavigateUrlField=id DataNavigateUrlFormatString=?id={0}Target=_blank//Columns/asp:DataGrid/form（2）案例教學(xué)如圖 10 所示。圖 10 案例教學(xué)模塊 該模塊實(shí)現(xiàn)方法同理論教學(xué)，當(dāng)點(diǎn)擊該界面鏈接可以打開(kāi)案例界面，案例界面包括 Photoshop 案例的具體實(shí)現(xiàn)步驟，由于該界面實(shí)現(xiàn)主要代碼同理論教學(xué)界面在此不作贅述。（3）實(shí)踐教學(xué)模塊主要是 Photoshop 教學(xué)視頻，其中在教學(xué)模塊已有體現(xiàn)，再次不做贅述。 資料模塊的設(shè)計(jì)與實(shí)現(xiàn)資料模塊意在拓展學(xué)生的知識(shí)，開(kāi)闊學(xué)生的視野。資料模塊主要有課件、例題、相關(guān)網(wǎng)站、業(yè)界動(dòng)態(tài)四個(gè)子功能模塊。其中點(diǎn)擊課件鏈接可進(jìn)入課件界面，在該界面可以對(duì)課件進(jìn)行下載；點(diǎn)擊例題鏈接可以進(jìn)入例題界面，在該界面可以對(duì)例題進(jìn)行下載；點(diǎn)擊相關(guān)網(wǎng)站鏈接，可以進(jìn)入相關(guān)網(wǎng)站界面，在該界面主要是一些其他 Photoshop教學(xué)網(wǎng)站的網(wǎng)址，點(diǎn)擊可以瀏覽其他 Photoshop 教學(xué)網(wǎng)站；點(diǎn)擊業(yè)界動(dòng)態(tài)鏈接可以進(jìn)入業(yè)界動(dòng)態(tài)界面，在該界面主要是和 Photoshop 有關(guān)的新聞動(dòng)態(tài)。資料模塊頁(yè)面實(shí)現(xiàn)效果如圖 11 所示。圖 11 資料模塊資料模塊設(shè)計(jì)思路同教學(xué)模塊，從主頁(yè)點(diǎn)擊“資料”鏈接后進(jìn)入后資料模塊，點(diǎn)擊該模塊導(dǎo)航的課件、例題、相關(guān)網(wǎng)站、業(yè)界動(dòng)態(tài)四個(gè)鏈接可以分別進(jìn)入對(duì)應(yīng)的四個(gè)子功能模塊。其中課件子模塊主要提供教師教課課件的下載，例題子模塊主要提供，課本以及老師上課講解的例題的下載，相關(guān)網(wǎng)站主要是一些其他 Photoshop 教學(xué)網(wǎng)站的鏈接，供學(xué)生參考學(xué)習(xí)，業(yè)界動(dòng)態(tài)主要是給學(xué)生提供和 Photoshop 有關(guān)的新聞動(dòng)態(tài)，拓展學(xué)生知識(shí)面。（1）課件模塊如圖 12 所示。圖 12 課件模塊如圖所示點(diǎn)擊課件進(jìn)入可見(jiàn)模塊，點(diǎn)擊章節(jié)可進(jìn)行課件下載，下載的主要實(shí)現(xiàn)代碼如下：a href=../wd/第 1 章　初識(shí) Photoshop/a（2）例題模塊，其實(shí)現(xiàn)方法同課件模塊再次不做贅述。（3）相關(guān)網(wǎng)站如圖 13 所示。圖 13 相關(guān)網(wǎng)站模塊（4）業(yè)界動(dòng)態(tài)如圖 14，圖 15 所示。圖 14 業(yè)界動(dòng)態(tài)模塊一圖 15 業(yè)界動(dòng)態(tài)模塊二點(diǎn)擊相應(yīng)動(dòng)態(tài)則