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