“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)網(wǎng)站緒論1.1課題背景由于時(shí)代的飛速發(fā)展和進(jìn)步，人們的生活時(shí)間變得碎片化，以至于沒(méi)有固定的充足時(shí)間進(jìn)行學(xué)習(xí)，而如今社會(huì)對(duì)人們的要求也越來(lái)越高，導(dǎo)致人們對(duì)學(xué)習(xí)的要求變得越來(lái)越高，于是人們希望在自己碎片化的時(shí)間里能夠進(jìn)行更多的學(xué)習(xí)。對(duì)于那些離開(kāi)學(xué)校多年的人群來(lái)說(shuō)，學(xué)習(xí)是一件很奢侈的事情，他們需要將更多的生活時(shí)間用在事業(yè)和家庭之中，但是知識(shí)的缺乏讓他們?cè)谑聵I(yè)上沒(méi)有更多的提升空間，在家庭中與自己的孩子充滿了代溝，不能夠很好的相互交流，于是他們需要學(xué)習(xí)，讓他們的知識(shí)儲(chǔ)備得到提升，也能夠?qū)⒆约核槠臅r(shí)間更好的利用起來(lái)。網(wǎng)絡(luò)已經(jīng)被這個(gè)時(shí)代的人們認(rèn)同，網(wǎng)絡(luò)不再是危害我們身心健康的產(chǎn)物，它已經(jīng)蛻變成我們了解這個(gè)時(shí)代的工具，進(jìn)一步學(xué)習(xí)的平臺(tái)，提升自己能力的最佳選擇。于是網(wǎng)頁(yè)的美觀程度將會(huì)決定用戶使用網(wǎng)站時(shí)的用戶體驗(yàn)和使用時(shí)間[1]。而網(wǎng)絡(luò)教學(xué)是網(wǎng)絡(luò)與學(xué)習(xí)相互結(jié)合的最佳選擇，是這個(gè)時(shí)代對(duì)于學(xué)習(xí)的新產(chǎn)品[2-3]。課程教學(xué)網(wǎng)站雖然只是一門(mén)課程的教學(xué)，但是根據(jù)人們對(duì)學(xué)習(xí)的需求可以進(jìn)行其他課程學(xué)習(xí)的開(kāi)發(fā)，將網(wǎng)站的課程更加完善，讓人們能夠?qū)W到更多課程的知識(shí)。1.2研究現(xiàn)狀現(xiàn)如今對(duì)于網(wǎng)絡(luò)教學(xué)來(lái)說(shuō)最大的問(wèn)題來(lái)說(shuō)就是網(wǎng)絡(luò)教學(xué)手段尚未被人們充分接受，要使網(wǎng)絡(luò)教學(xué)能夠很好的發(fā)展，首先要更新人們的教學(xué)觀念和對(duì)網(wǎng)絡(luò)的看法。在中華歷史幾千年以來(lái)的教育中，我們的教師在以往傳統(tǒng)的教育模式以及教育觀念下教學(xué)，在此過(guò)程中積累了相當(dāng)豐富的教學(xué)經(jīng)驗(yàn)，因此他們對(duì)傳統(tǒng)的教學(xué)模式和教學(xué)觀念產(chǎn)生相當(dāng)深厚的感情，他們很多人不是十分贊同改變這種教學(xué)方式，不愿意接受新的教學(xué)方式。而現(xiàn)當(dāng)代中國(guó)高等教育朝著多元化的方向發(fā)展，網(wǎng)絡(luò)教學(xué)作為一種新出現(xiàn)的教育方式，推動(dòng)著中國(guó)高等教育向多元化方向發(fā)展[4-5]。而現(xiàn)當(dāng)代被人們所知曉并認(rèn)可的著名網(wǎng)上教學(xué)網(wǎng)站有MOOC()、智慧樹(shù)在線教育()等等，這些網(wǎng)絡(luò)教育平臺(tái)已經(jīng)被大家熟知和接受，并且現(xiàn)如今發(fā)展?fàn)顩r也是十分良好。并且在現(xiàn)在這個(gè)教育背景下，網(wǎng)絡(luò)課程設(shè)計(jì)研究方面的著作也非常多，武法提的《網(wǎng)絡(luò)課程設(shè)計(jì)與開(kāi)發(fā)》書(shū)中介紹了網(wǎng)絡(luò)課程設(shè)計(jì)與開(kāi)發(fā)的理論基礎(chǔ)，也對(duì)網(wǎng)絡(luò)課程設(shè)計(jì)各環(huán)節(jié)的具體細(xì)節(jié)進(jìn)行了詳細(xì)的描述，對(duì)網(wǎng)絡(luò)課程的設(shè)計(jì)者有了一定的實(shí)踐指導(dǎo)[6-8]。1.3系統(tǒng)研究?jī)?nèi)容“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)網(wǎng)站是“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程的學(xué)習(xí)平臺(tái)，人們可以通過(guò)這個(gè)平臺(tái)對(duì)該課程進(jìn)行進(jìn)一步的學(xué)習(xí)，不再是局限于坐在教室里的學(xué)習(xí)，可以在網(wǎng)絡(luò)上對(duì)該課程進(jìn)行學(xué)習(xí)，并且在網(wǎng)站上可以與老師、同學(xué)進(jìn)行學(xué)習(xí)的進(jìn)一步探討和交流。整個(gè)網(wǎng)站針對(duì)三種用戶，包括教師、學(xué)生和管理員。管理員的功能有個(gè)人信息修改，密碼修改，課程資料的管理，系統(tǒng)用戶的管理，與系統(tǒng)其他用戶之間的交流。教師的功能有個(gè)人信息修改，密碼修改，課程資料的管理，發(fā)布課程作業(yè)以及對(duì)學(xué)生提交的作業(yè)進(jìn)行批改，回答學(xué)生留言，與系統(tǒng)其他用戶之間的交流。學(xué)生的功能有個(gè)人信息修改，密碼修改，課程資料下載，上傳完成的作業(yè)，向教師留言，與系統(tǒng)其他用戶之間的交流。2相關(guān)技術(shù)2.1PHPPHP為"PHP:HypertextPreprocessor"的縮寫(xiě)。PHP作為一種通用的開(kāi)源腳本語(yǔ)言，它吸收了C語(yǔ)言、Java和Perl的特點(diǎn)，再混合自創(chuàng)的語(yǔ)法，便形成了其獨(dú)特的語(yǔ)法特點(diǎn)。因?yàn)槠涮攸c(diǎn)的優(yōu)勢(shì)，所以PHP更加利于人們對(duì)其的學(xué)習(xí)，使用更加的廣泛，然后主要適用于Web開(kāi)發(fā)領(lǐng)域[9]。把PHP與其他的編程語(yǔ)言相比較，我發(fā)現(xiàn)PHP擁有足夠的優(yōu)勢(shì)：首先它具有相對(duì)開(kāi)放的源代碼；其次跨平臺(tái)性較強(qiáng)，由于它是運(yùn)行在服務(wù)器的腳本語(yǔ)言，所以可以在所有操作系統(tǒng)中運(yùn)行；最后它的執(zhí)行效率較高，對(duì)系統(tǒng)的資源消耗較少。并且PHP幾乎支持了所有的數(shù)據(jù)庫(kù)以及操作系統(tǒng)，其功能也是十分完善強(qiáng)大的[10]。2.2MySQLMySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，MySQL現(xiàn)在作為最流行的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)之一，在WEB應(yīng)用方面，MySQL已經(jīng)成為最好的關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)應(yīng)用軟件[11]。MySQL數(shù)據(jù)庫(kù)擁有多種版本，針對(duì)不同的用戶群體，版本的功能也有相應(yīng)的不同，讓使用者可以根據(jù)自己的使用要求從而選擇不同的版本來(lái)進(jìn)行使用。MySQL數(shù)據(jù)庫(kù)由于其一系列的優(yōu)勢(shì)，尤其是其開(kāi)放源碼這一顯著的特點(diǎn)，會(huì)被更多的中小型網(wǎng)站選擇其作為自己的網(wǎng)站數(shù)據(jù)庫(kù)[12-13]。2.3HTMLHTML是在1990年被創(chuàng)立的一種標(biāo)記語(yǔ)言，而不是編程語(yǔ)言，能夠獨(dú)立于各種操作系統(tǒng)平臺(tái)，是我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)必須使用的工具[14]。當(dāng)我們使用HTML語(yǔ)言的時(shí)候，我們只需要將所需要表達(dá)的信息按照它特定的規(guī)則寫(xiě)成HTML文件，再通過(guò)瀏覽器來(lái)對(duì)文件進(jìn)行識(shí)別，就可以將這些HTML文件“翻譯”成肉眼可見(jiàn)的信息，也就是現(xiàn)在所見(jiàn)到的網(wǎng)頁(yè)[15]。3系統(tǒng)分析3.1可行性分析如今是個(gè)高信息高智能化時(shí)代，計(jì)算機(jī)類的知識(shí)對(duì)于國(guó)民來(lái)講都是基礎(chǔ)課程，各領(lǐng)域類的工作人員都有基本的計(jì)算機(jī)操作水平，因此網(wǎng)站系統(tǒng)在運(yùn)行可行性方面是合格的。系統(tǒng)使用PHP腳本語(yǔ)言在基于HTML5的條件下進(jìn)行開(kāi)發(fā)，PhpStorm作為開(kāi)發(fā)平臺(tái)工具，該平臺(tái)具有相當(dāng)完整的語(yǔ)法提示和代碼輸入提示、代碼塊以及其頁(yè)面色彩的多選擇性的優(yōu)勢(shì)，大幅度提升了用戶在進(jìn)行開(kāi)發(fā)時(shí)的效率，數(shù)據(jù)庫(kù)使用MySQL，其能在穩(wěn)定性、跨平臺(tái)性方面提供強(qiáng)大的助力。系統(tǒng)開(kāi)發(fā)流程中涉及的技術(shù)有PHP腳本語(yǔ)言，HTML5超文本標(biāo)記語(yǔ)言，MySQL數(shù)據(jù)庫(kù)等，以上技術(shù)在現(xiàn)如今均已成熟，可以無(wú)憂地用以本系統(tǒng)的設(shè)計(jì)，而且適應(yīng)當(dāng)前win7，win10系統(tǒng)發(fā)展，開(kāi)發(fā)成本低，可以被大范圍使用。3.2功能需求分析系統(tǒng)用戶分為管理員、教師和學(xué)生三種用戶。對(duì)于管理員而言，實(shí)現(xiàn)的功能有：管理用戶的信息、管理課程的資料、修改個(gè)人的信息以及密碼、與系統(tǒng)其他用戶相互交流；對(duì)于教師而言，實(shí)現(xiàn)的功能有：管理課程的資料、修改個(gè)人的信息以及密碼、與系統(tǒng)其他用戶相互交流、發(fā)布以及批改作業(yè)、回答自己班級(jí)學(xué)生的留言；對(duì)于學(xué)生而言，實(shí)現(xiàn)的功能有：下載和查看課程資料、修改個(gè)人的信息以及密碼、與系統(tǒng)其他用戶交流、提交自己完成的教師發(fā)布的課程作業(yè)、向老師進(jìn)行留言。系統(tǒng)的功能需求包括管理員功能的需求、教師功能的需求和學(xué)生功能的需求三部分。（1）管理員對(duì)功能的需求：系統(tǒng)用戶的管理（包括對(duì)用戶的刪除、查詢等等）、修改自己的系統(tǒng)登錄密碼、資料信息的管理、管理課程資料、與系統(tǒng)其他用戶交流以及管理交流的內(nèi)容。（2）教師對(duì)功能的需求：修改登錄密碼、個(gè)人信息的管理、管理課程資料、管理作業(yè)、回答學(xué)生留言以及管理、與系統(tǒng)其他用戶交流以及管理交流的內(nèi)容。（3）學(xué)生對(duì)功能的需求：修改登錄密碼、個(gè)人信息的管理、下載課程資料、提交作業(yè)、向老師留言、與系統(tǒng)其他用戶交流。3.3運(yùn)行環(huán)境分析系統(tǒng)運(yùn)行環(huán)境為裝有Windows10操作系統(tǒng)的電腦，在電腦能夠正常上網(wǎng)的同時(shí)，瀏覽器選擇Chrome，火狐瀏覽器等等。4系統(tǒng)設(shè)計(jì)4.1系統(tǒng)總體架構(gòu)設(shè)計(jì)系統(tǒng)使用PhpStorm開(kāi)發(fā)平臺(tái)及PHP腳本語(yǔ)言結(jié)合MySQL數(shù)據(jù)庫(kù)開(kāi)發(fā)。頁(yè)面先進(jìn)行靜態(tài)的頁(yè)面設(shè)計(jì)與實(shí)現(xiàn)，然后通過(guò)PHP腳本語(yǔ)言實(shí)現(xiàn)頁(yè)面的動(dòng)態(tài)變化，將系統(tǒng)中所有數(shù)據(jù)信息存儲(chǔ)在MySQL數(shù)據(jù)庫(kù)中，然后再通過(guò)MySQL數(shù)據(jù)庫(kù)與PHP腳本語(yǔ)言的相互結(jié)合，實(shí)現(xiàn)了信息的寫(xiě)入、整理、查詢以及刪除，最終將一個(gè)完整的網(wǎng)上教學(xué)系統(tǒng)實(shí)現(xiàn)出來(lái)。系統(tǒng)主要是實(shí)現(xiàn)人們對(duì)該課程的進(jìn)一步學(xué)習(xí)，讓人們的學(xué)習(xí)效率更高，該系統(tǒng)是一個(gè)內(nèi)部的學(xué)習(xí)系統(tǒng)，用戶是不能夠通過(guò)注冊(cè)進(jìn)入該系統(tǒng)中，只能是管理員添加的用戶，用戶才能實(shí)現(xiàn)登錄進(jìn)入系統(tǒng)。系統(tǒng)的功能根據(jù)用戶角色的不同而不同。系統(tǒng)用戶共有三種：學(xué)生、老師和管理員。首先用戶均可修改自己的個(gè)人信息和密碼，其次學(xué)生能夠進(jìn)行課程資料下載、上傳作業(yè)、留言和交流，老師能夠進(jìn)行課程資料管理、發(fā)布和批改作業(yè)、回答學(xué)生留言和交流，管理員能夠進(jìn)行課程資料管理、交流和用戶管理。系統(tǒng)的功能模塊圖如圖4-1所示。圖4-1系統(tǒng)功能模塊圖4.2數(shù)據(jù)庫(kù)設(shè)計(jì)系統(tǒng)采用MySQL關(guān)系型數(shù)據(jù)庫(kù)，數(shù)據(jù)庫(kù)的庫(kù)名為iamjie，在教學(xué)網(wǎng)站中共使用十個(gè)表。admin表是存儲(chǔ)管理員的信息，具體字段如表4-1所示；student表是存儲(chǔ)學(xué)生的信息，具體字段如表4-2所示；teacher表是存儲(chǔ)教師的信息，具體字段如表4-3所示；ziliao表是存儲(chǔ)課程資料的信息，具體字段如表4-4所示；homework表是存儲(chǔ)教師發(fā)布的作業(yè)的信息，具體字段如表4-5所示；homework_s表是存儲(chǔ)學(xué)生提交的作業(yè)的信息，具體字段如表4-6所示；communication表是存儲(chǔ)用戶在交流模塊中發(fā)布的帖子的信息，具體字段如表4-7所示；communication_h表是存儲(chǔ)用戶在交流模塊中回答他人發(fā)布的帖子的信息，具體字段如表4-8所示；message表是存儲(chǔ)學(xué)生在留言中向老師留言的信息，具體字段如表4-9所示；message_h表是存儲(chǔ)教師和學(xué)生在留言中相互回答的信息，具體字段如表4-10所示。表4-1admin表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idvarchar12主鍵、管理員的idpasswordvarchar16管理員的賬戶密碼namevarchar20管理員的姓名sexvarchar10管理員的性別idcardvarchar18管理員的身份證號(hào)phonenumbervarchar11管理員的電話號(hào)碼emailvarchar30管理員的郵箱表4-2student表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idvarchar12主鍵、學(xué)生的idpasswordvarchar16學(xué)生的賬戶密碼namevarchar20學(xué)生的姓名sexvarchar10學(xué)生的性別classvarchar20學(xué)生的班級(jí)idcardvarchar18學(xué)生的身份證號(hào)phonenumbervarchar11學(xué)生的電話號(hào)碼emailvarchar30學(xué)生的郵箱表4-3teacher表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idvarchar12主鍵、老師的idpasswordvarchar16老師的賬戶密碼namevarchar20老師的姓名sexvarchar10老師的性別classvarchar20老師的班級(jí)idcardvarchar18老師的身份證號(hào)phonenumbervarchar11老師的電話號(hào)碼emailvarchar30老師的郵箱表4-4ziliao表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idint11主鍵、資料的idfilenamevarchar255資料的名稱classvarchar20資料的類別timedate0資料的上傳時(shí)間表4-5homework表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idint11主鍵、作業(yè)的idnumbervarchar20作業(yè)的標(biāo)題yaoqiuvarchar4096作業(yè)的要求filenanevarchar255作業(yè)附件的名稱timedate0作業(yè)的截止時(shí)間classvarchar20作業(yè)發(fā)布者的班級(jí)namevarchar20作業(yè)發(fā)布者的姓名nameidvarchar12作業(yè)發(fā)布者的id表4-6homework_s表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idint11主鍵、提交作業(yè)的idnumbervarchar20提交作業(yè)的標(biāo)題neirongvarchar4096提交作業(yè)的內(nèi)容filenanevarchar255作業(yè)提交附件的名稱timedate0提交作業(yè)的上傳時(shí)間classvarchar20提交作業(yè)者的班級(jí)namevarchar20提交作業(yè)者的姓名nameidvarchar12提交作業(yè)者的idscorevarchar10提交作業(yè)者的分?jǐn)?shù)表4-7communication表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idnumberint11主鍵、交流的ididvarchar12交流者的idnamevarchar20交流者的姓名biaotivarchar255交流帖子的標(biāo)題textvarchar4096交流帖子的內(nèi)容timedatetime0交流帖子的時(shí)間表4-8communication_h表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idnumberint11主鍵、回答的ididvarchar12回答者的idnamevarchar20回答者的姓名textvarchar4096回答的回答內(nèi)容timedatetime0回答的回答時(shí)間id01int11回答的原交流帖子id表4-9message表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idnumberint11主鍵、留言的idclassvarchar20留言者的班級(jí)idvarchar12留言者的idnamevarchar20留言者的姓名textvarchar4096留言的內(nèi)容timedatetime0留言的時(shí)間表4-10message_h表列名數(shù)據(jù)類型長(zhǎng)度說(shuō)明idnumberint11主鍵、回答的idclassvarchar20回答者的班級(jí)idvarchar12回答者的idnamevarchar20回答者的姓名textvarchar4096回答的回答內(nèi)容timedatetime0回答的回答時(shí)間id01int11回答的原留言id5系統(tǒng)實(shí)現(xiàn)“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)網(wǎng)站由登錄、主頁(yè)、課程資料、個(gè)人信息、密碼修改、課程作業(yè)、用戶交流、留言、用戶管理和在線教學(xué)多個(gè)模塊組成，且進(jìn)入系統(tǒng)前必須進(jìn)行登錄，只有登錄過(guò)后才能進(jìn)行其他功能模塊的操作。5.1登錄模塊用戶進(jìn)入系統(tǒng)前需要在此頁(yè)面進(jìn)行登錄，不同類別的用戶根據(jù)自己的賬號(hào)密碼進(jìn)入系統(tǒng)的登錄。登錄的關(guān)鍵點(diǎn)在于判斷用戶的角色，不同的角色進(jìn)入不同的頁(yè)面，才能進(jìn)行其他功能的操作，并且在登錄時(shí)保存用戶的信息，在其他的功能能夠更快的讀取用戶的信息。登錄模塊如圖5-1所示。圖5-1登錄5.2主頁(yè)模塊用戶通過(guò)登錄過(guò)后進(jìn)入對(duì)應(yīng)自己用戶類別的主頁(yè)，在主頁(yè)有一個(gè)教師的頭像和姓名的輪播圖，可以點(diǎn)擊進(jìn)入該老師的在線教學(xué)頁(yè)面，以及課程學(xué)習(xí)資料的展示，學(xué)生可以對(duì)學(xué)習(xí)資料進(jìn)行下載，老師和管理員能夠進(jìn)行資料的管理。主頁(yè)的關(guān)鍵點(diǎn)在于教師風(fēng)采中教師信息的輪播，能夠讓用戶更清楚明了查看和認(rèn)識(shí)該課程的所有老師，用戶點(diǎn)擊教師的頭像即可跳轉(zhuǎn)到介紹教師詳細(xì)信息的頁(yè)面。學(xué)生主頁(yè)如圖5-2所示；教師主頁(yè)和管理員主頁(yè)如圖5-3所示。圖5-2學(xué)生主頁(yè)圖5-3教師主頁(yè)、管理員主頁(yè)5.3課程資料模塊課程資料模塊能夠?yàn)閷W(xué)生提供更多的課程資料，其中關(guān)鍵點(diǎn)在于可以根據(jù)資料的類型進(jìn)行資料的查看下載，在教師和管理員上傳資料時(shí)判斷資料的信息，進(jìn)而存儲(chǔ)在數(shù)據(jù)庫(kù)中，并對(duì)資料進(jìn)行類型的分類。學(xué)生可以進(jìn)行資料的下載，如圖5-4所示；老師和管理員可以進(jìn)行資料的管理。如圖5-5所示。圖5-4學(xué)生課程資料圖5-5教師課程資料、管理員課程資料5.4個(gè)人信息模塊用戶登錄過(guò)后在頁(yè)面的導(dǎo)航欄中點(diǎn)擊自己的頭像進(jìn)入到自己的個(gè)人主頁(yè)查看或者修改自己的信息，教師可以修改自己的擅長(zhǎng)教學(xué)內(nèi)容。學(xué)生個(gè)人信息如圖5-6所示；教師個(gè)人信息如圖5-7所示；管理員個(gè)人信息如圖5-8所示；其中用戶可以在首頁(yè)查看教師風(fēng)采的教師信息，如圖5-9所示。圖5-6學(xué)生個(gè)人信息圖5-7教師個(gè)人信息圖5-8管理員個(gè)人信息圖5-9用戶查看教師信息5.5密碼修改模塊用戶在進(jìn)入密碼修改頁(yè)面可以進(jìn)行登錄密碼的修改，修改成功將會(huì)退出登錄，并跳轉(zhuǎn)到登錄頁(yè)面。其中關(guān)鍵點(diǎn)在成功修改密碼過(guò)后會(huì)清除用戶信息，進(jìn)而跳轉(zhuǎn)到登錄界面。密碼修改模塊如圖5-10所示。圖5-10密碼修改5.6課程作業(yè)模塊課程作業(yè)模塊是學(xué)生提交作業(yè)和老師發(fā)布作業(yè)以及批改作業(yè)的地方，擁有多個(gè)頁(yè)面。其中關(guān)鍵點(diǎn)在于查看作業(yè)時(shí)需要從之前的頁(yè)面獲取作業(yè)或者學(xué)生的id，這樣在學(xué)生查看作業(yè)、老師修改作業(yè)、批改作業(yè)時(shí)能準(zhǔn)確的讀取作業(yè)的信息和寫(xiě)入新的信息。課程作業(yè)流程圖如圖5-11所示。圖5-11課程作業(yè)流程圖學(xué)生課程作業(yè)主頁(yè)面，學(xué)生在這查看自己老師發(fā)布的作業(yè)，如圖5-12所示；有學(xué)生課程作業(yè)詳細(xì)頁(yè)面，學(xué)生在這個(gè)頁(yè)面可以查看作業(yè)的詳細(xì)信息以及提交作業(yè)，如圖5-13所示；有教師課程作業(yè)主頁(yè)面，教師在這個(gè)頁(yè)面查看自己發(fā)布的作業(yè)，如圖5-14所示；有教師課程作業(yè)發(fā)布頁(yè)面，教師在此頁(yè)面發(fā)布新的作業(yè)，如圖5-15所示；有教師課程作業(yè)修改頁(yè)面，教師在此頁(yè)面能夠?qū)χ鞍l(fā)布的作業(yè)進(jìn)行一點(diǎn)修改，如圖5-16所示；有教師課程作業(yè)批改作業(yè)主頁(yè)面，教師能夠在此查看以及提交作業(yè)的學(xué)生以及在自己批改打分過(guò)后會(huì)顯示分?jǐn)?shù)，如圖5-17所示；有教師批改作業(yè)詳細(xì)頁(yè)面，教師在此頁(yè)面能夠查看學(xué)生提交的作業(yè)和進(jìn)行打分，如圖5-18所示。圖5-12學(xué)生課程作業(yè)主頁(yè)面圖5-13學(xué)生課程作業(yè)詳細(xì)頁(yè)面圖5-14教師課程作業(yè)主頁(yè)面圖5-15教師課程作業(yè)發(fā)布頁(yè)面圖5-16教師課程作業(yè)修改頁(yè)面圖5-17教師課程作業(yè)批改主頁(yè)面圖5-18教師課程作業(yè)批改頁(yè)面5.7用戶交流模塊用戶交流模塊是所有用戶在此頁(yè)面對(duì)課程進(jìn)行探討，其中學(xué)生只能夠發(fā)表新的帖子以及回答他人，不能夠?qū)ψ约旱陌l(fā)言進(jìn)行刪除，老師和管理員能夠?qū)λ械奶雍桶l(fā)言進(jìn)行回答和管理。其中關(guān)鍵點(diǎn)在于查看帖子詳細(xì)信息時(shí)需要從之前的頁(yè)面獲取帖子id，這樣才能在頁(yè)面詳細(xì)展示出該帖子的回答情況。用戶交流主頁(yè)面能夠發(fā)布新的帖子和查看他人發(fā)布的帖子，如圖5-19所示；用戶交流詳細(xì)頁(yè)面展示該帖子的詳細(xì)內(nèi)容和他人回答的發(fā)言內(nèi)容，如圖5-20所示。圖5-19用戶交流主頁(yè)面圖5-20用戶交流詳細(xì)頁(yè)面5.8留言模塊留言模塊是針對(duì)于學(xué)生存在不熟悉的知識(shí)點(diǎn)可以對(duì)老師進(jìn)行單獨(dú)的留言，老師能夠?qū)W(xué)生的留言進(jìn)行回答。其中關(guān)鍵點(diǎn)在于必須獲取用戶的班級(jí)信息，這樣才能準(zhǔn)確的將留言發(fā)給老師和老師查看自己學(xué)生的留言，再查看留言詳細(xì)情況時(shí)獲取留言的id，這樣能夠準(zhǔn)確的查看該留言的回答情況。學(xué)生留言主頁(yè)面能夠向老師進(jìn)行新的留言和查看之前的留言，如圖5-21所示；教師留言主頁(yè)面能夠展示自己班級(jí)所有學(xué)生對(duì)自己的留言，如圖5-22所示；留言詳細(xì)頁(yè)面展示該留言的詳細(xì)內(nèi)容和老師與學(xué)生相互回答的內(nèi)容，如圖5-23所。圖5-21學(xué)生留言主頁(yè)面圖5-22教師留言主頁(yè)面圖5-23留言詳細(xì)頁(yè)面5.9用戶管理模塊用戶管理模塊是管理員的功能，管理員能夠在此對(duì)用戶進(jìn)行管理，如查詢、添加、修改和刪除。并且其中關(guān)鍵點(diǎn)在于管理員是不能夠修改系統(tǒng)其他用戶的密碼，這樣才能讓用戶更安心的使用系統(tǒng)，管理員在添加用戶時(shí)的幾個(gè)用戶關(guān)鍵信息時(shí)必須存在，并且修改和刪除之前必須先進(jìn)行查詢。學(xué)生管理如圖5-24所示、學(xué)生管理如圖5-25所示、學(xué)生管理如圖5-26所示。圖5-24學(xué)生管理頁(yè)面圖5-25教師管理頁(yè)面圖5-26管理員管理頁(yè)面6系統(tǒng)測(cè)試6.1系統(tǒng)測(cè)試在進(jìn)行系統(tǒng)測(cè)試的時(shí)候，我采取的測(cè)試方法主要是系統(tǒng)測(cè)試以及局部測(cè)試。由開(kāi)始的局部的模塊測(cè)試到最后的系統(tǒng)測(cè)試逐漸進(jìn)行推進(jìn)。首先對(duì)網(wǎng)站頁(yè)面進(jìn)行測(cè)試，觀察頁(yè)面的顯示是否正常，以及頁(yè)面中的跳轉(zhuǎn)和JavaScript代碼是否能夠正常運(yùn)行，并且能夠滿足各瀏覽器如谷歌、火狐等的兼容。其次進(jìn)行功能模塊的測(cè)試，通過(guò)在不同瀏覽器上進(jìn)行局部功能的測(cè)試操作，實(shí)現(xiàn)系統(tǒng)功能的正確實(shí)現(xiàn)。最后在系統(tǒng)研發(fā)完成過(guò)后，對(duì)系統(tǒng)整體進(jìn)行測(cè)試，保證各功能的正常運(yùn)行，以及數(shù)據(jù)的正常存儲(chǔ)等等。6.2系統(tǒng)測(cè)試用例在系統(tǒng)功能研發(fā)逐步進(jìn)行中，系統(tǒng)的功能都大體實(shí)現(xiàn)，后續(xù)的工作將會(huì)是以是否能夠達(dá)到預(yù)期的結(jié)果為目的對(duì)系統(tǒng)的一些功能進(jìn)行測(cè)試。對(duì)于系統(tǒng)開(kāi)發(fā)來(lái)說(shuō)，測(cè)試是一項(xiàng)尤其必要且重要的工作，因?yàn)樵跍y(cè)試前系統(tǒng)的各個(gè)模塊都有可能存在一定的錯(cuò)誤和疏漏，導(dǎo)致系統(tǒng)的非正常運(yùn)行，所以在系統(tǒng)開(kāi)發(fā)完成過(guò)后一定要對(duì)系統(tǒng)的各個(gè)模塊進(jìn)行相對(duì)應(yīng)的測(cè)試。系統(tǒng)的測(cè)試主要分為網(wǎng)站前端頁(yè)面的測(cè)試與功能模塊的實(shí)現(xiàn)效果測(cè)試。其中在網(wǎng)站前端頁(yè)面的測(cè)試時(shí)，我將系統(tǒng)分別在谷歌瀏覽器、火狐瀏覽器上進(jìn)行了不少于20次演示的測(cè)試，均無(wú)不兼容的情況發(fā)生。接下來(lái)在對(duì)于各個(gè)功能模塊的測(cè)試時(shí)，我將系統(tǒng)的各個(gè)功能模塊在谷歌和火狐上進(jìn)行了不少于20次演示的測(cè)試，如用戶登錄模塊，用戶個(gè)人信息更改模塊，管理員對(duì)用戶管理模塊等，均沒(méi)有產(chǎn)生異常。以下是部分模塊測(cè)試用例：（1）登錄測(cè)試賬戶登錄測(cè)試過(guò)程如表6-1所示:表6-1賬戶登錄測(cè)試表目的流程測(cè)試用例預(yù)期結(jié)果實(shí)際結(jié)果登錄輸入賬號(hào)與密碼，選擇用戶類別，點(diǎn)擊【登錄】按鈕賬號(hào)：2密碼：a類別：學(xué)生登錄失敗且停留在登錄頁(yè)面提示登錄失敗，請(qǐng)重新檢查賬號(hào)與密碼賬號(hào)名：160015101014密碼：123456類別：學(xué)生成功登錄成功登錄賬號(hào)名：160015101014密碼：123456類別：學(xué)生登錄失敗且停留在登錄頁(yè)面提示登錄失敗，請(qǐng)重新檢查賬號(hào)與密碼（2）教師批改作業(yè)測(cè)試教師批改作業(yè)測(cè)試過(guò)程如6-2表所示：表6-2教師批改作業(yè)測(cè)試目的流程測(cè)試用例預(yù)期結(jié)果實(shí)際結(jié)果實(shí)現(xiàn)學(xué)生作業(yè)打分進(jìn)入批改作業(yè)詳細(xì)頁(yè)面，在成績(jī)一欄輸入成績(jī)輸入A批改失敗并停留當(dāng)前頁(yè)面批改成功輸入80批改成功批改成功（3）密碼修改測(cè)試密碼修改測(cè)試過(guò)程如表6-3所示:表6-3密碼修改測(cè)試表目的流程測(cè)試用例預(yù)期結(jié)果實(shí)際結(jié)果修改密碼輸入舊密碼與新密碼以及確認(rèn)新密碼，然后點(diǎn)擊【確認(rèn)修改】按鈕舊密碼：111111新密碼：123456確認(rèn)新密碼：123456修改失敗并停留當(dāng)前頁(yè)面修改失敗，提示舊密碼錯(cuò)誤舊密碼：123456新密碼：111222確認(rèn)新密碼：111222成功修改并跳轉(zhuǎn)登錄頁(yè)面成功修改并跳轉(zhuǎn)登錄頁(yè)面（4）信息修改測(cè)試信息修改測(cè)試過(guò)程如表6-4所示:表6-4信息修改測(cè)試表目的流程測(cè)試用例預(yù)期結(jié)果實(shí)際結(jié)果修改信息輸入手機(jī)號(hào)碼和郵箱，然后點(diǎn)擊【聯(lián)系方式修改】按鈕手機(jī)號(hào)碼：111111郵箱：429114138@修改失敗并停留當(dāng)前頁(yè)面修改失敗，提示請(qǐng)輸入正確的電話號(hào)碼手機(jī)號(hào)碼箱：429114138@成功修改成功修改（5）頭像修改測(cè)試頭像修改測(cè)試過(guò)程如表6-5所示:表6-5頭像修改測(cè)試表目的流程測(cè)試用例預(yù)期結(jié)果實(shí)際結(jié)果修改頭像點(diǎn)擊選擇文件并選擇一個(gè)文件，然后點(diǎn)擊【修改頭像】按鈕文件為:1.png修改失敗并停留當(dāng)前頁(yè)面修改失敗，提示請(qǐng)選擇jpg格式的圖片文件為：1.jpeg成功修改成功修改（6）用戶管理測(cè)試用戶管理測(cè)試過(guò)程如表6-6所示:表6-6用戶管理測(cè)試表目的流程測(cè)試用例預(yù)期結(jié)果實(shí)際結(jié)果管理用戶在學(xué)號(hào)處輸入學(xué)會(huì)，然后點(diǎn)擊【刪除】按鈕學(xué)號(hào)：1600查詢失敗查詢失敗，提示用戶不存在，請(qǐng)重新查詢學(xué)號(hào)：160015101014成功查詢成功查詢并顯示7系統(tǒng)總結(jié)在系統(tǒng)開(kāi)發(fā)的短短幾個(gè)月時(shí)間，網(wǎng)站系統(tǒng)的功能都大體完成，在本次系統(tǒng)設(shè)計(jì)過(guò)程中，我收獲了許多，不僅完成了系統(tǒng)，還讓自己對(duì)于網(wǎng)站方面有了更多的了解和熱愛(ài)。在不斷地通過(guò)查閱大量資料，同時(shí)與老師和同學(xué)們細(xì)心交流的過(guò)程中，樹(shù)立了對(duì)自我工作能力的信心。在開(kāi)發(fā)系統(tǒng)過(guò)程中，我不僅鞏固了大學(xué)期間學(xué)到的知識(shí)，還自學(xué)了PHP腳本語(yǔ)言，盡管是自學(xué)PHP，但是掌握的知識(shí)連皮毛都沒(méi)達(dá)到。但經(jīng)過(guò)這個(gè)項(xiàng)目的磨礪，讓我對(duì)網(wǎng)頁(yè)的開(kāi)發(fā)有了更大的興趣。從項(xiàng)目選題，到后面的調(diào)查背景、需求分析、可行性分析、項(xiàng)目測(cè)試都是我從中得到的寶貴項(xiàng)目經(jīng)驗(yàn)。對(duì)系統(tǒng)設(shè)計(jì)的整體過(guò)程進(jìn)行了描述，也展示了系統(tǒng)運(yùn)行時(shí)的大致效果及功能。管理員與其他用戶也都能正常地進(jìn)行相關(guān)功能的操作。總體來(lái)說(shuō)系統(tǒng)與最初的實(shí)現(xiàn)基本要求和設(shè)想相符合，網(wǎng)站的基本功能全部得以實(shí)現(xiàn)。其中系統(tǒng)的特點(diǎn)如下：（1）系統(tǒng)最大的特色是：系統(tǒng)能夠?qū)崿F(xiàn)課程的進(jìn)一步學(xué)習(xí)，學(xué)生能夠更加方便快捷的獲取到課程的學(xué)習(xí)資料。（2）用戶管理功能比較全面，管理員能夠查看用戶的信息，并且可以進(jìn)行相應(yīng)的管理。系統(tǒng)的各個(gè)功能模塊都已經(jīng)基本實(shí)現(xiàn)，但是限于時(shí)間與學(xué)習(xí)成本等諸多條件，還存在以下幾點(diǎn)不足：（1）由于技術(shù)原因?qū)е聰?shù)據(jù)庫(kù)與程序代碼有冗余的成分存在。（2）系統(tǒng)功能相對(duì)較少。針對(duì)于系統(tǒng)的一些缺點(diǎn)，我打算進(jìn)一步對(duì)系統(tǒng)進(jìn)行優(yōu)化，方案如下：（1）針對(duì)數(shù)據(jù)庫(kù)與設(shè)計(jì)代碼冗余，可以在規(guī)范代碼與數(shù)據(jù)庫(kù)這一方向下功夫，減少冗余成分。（2）針對(duì)于系統(tǒng)功能，在系統(tǒng)的不斷更新中實(shí)現(xiàn)功能的添加。在設(shè)計(jì)系統(tǒng)的過(guò)程中，每一份付出都是在我在學(xué)校課本上學(xué)不到的技巧，都是我人生成長(zhǎng)道路上的經(jīng)驗(yàn)，我將用這些經(jīng)驗(yàn)砥礪前行。結(jié)論在整個(gè)畢業(yè)設(shè)計(jì)的幾個(gè)月期間，我感覺(jué)時(shí)間是相當(dāng)?shù)木o張與忙亂，面對(duì)未知事物的迷茫感與目標(biāo)任務(wù)繁重的無(wú)力感在此期間交織相映。在學(xué)校的四年學(xué)習(xí)期間，我遇到的更多的是小型的設(shè)計(jì)項(xiàng)目，或者說(shuō)某一個(gè)功能模塊的實(shí)現(xiàn)。而這個(gè)畢業(yè)設(shè)計(jì)的意義則在于運(yùn)用所有你大學(xué)期間學(xué)到的計(jì)算機(jī)知識(shí)，編程語(yǔ)