我的“433”移動Web站點的設計與實現(xiàn)

趙曉凡 高天棟 李文迪 陳燕

摘 要：隨著高等職業(yè)教育對培養(yǎng)高素質(zhì)技術(shù)技能人才提出了新的更高要求。我院提出新的人才培養(yǎng)計劃——“433”學生成才工程。該工程目標不僅為了培養(yǎng)人才，更是秉持一個“人人皆可成才、人人盡其才”的科學理念。為落實落細工程項目，學院要求開發(fā)一套“433”學生成才工程信息化系統(tǒng)。本設計為其中一個分支，實現(xiàn)移動端學生“433”成才信息的信息化處理，為我院的“433”學生成才工程添磚加瓦。

關(guān)鍵詞：我的433;移動web;HTML5+CSS3

一、引言

為深化貫徹落實學院第三次黨代會“學生培養(yǎng)有新作為”部署，牢固樹立新時代新發(fā)展理念，促進學生更好發(fā)展和更高質(zhì)量更充分就業(yè)為導向，聚焦關(guān)鍵少數(shù)、聚焦關(guān)鍵環(huán)節(jié)、聚焦關(guān)鍵領域。讓大學生學有所成，不再是“畢業(yè)既失業(yè)”，避免大學生“嚴進寬出”的現(xiàn)象，避免在大學浪費時間，也為了更加貼近人才培養(yǎng)，為此，我院結(jié)合了學生發(fā)展需求，提出了“433”學生成才工程。

自2019年起，助力學生在校三年期間全部參與成才工程。每位學生都要按時完成規(guī)定的“433”任務，學院培育100名優(yōu)秀指導教師，每年評選20個“433”學生成才典型。全員全方位全過程加強指導落實，跟蹤記錄每一名學生的成才過程，不僅記錄大學期間的成長軌跡，也追加了離校之后的就創(chuàng)業(yè)之路，目的是為進一步完善“433”學生成才工程，記錄優(yōu)秀學生的成才歷程，探索建立科學的具有特色的助力學生成才體系。

在信息化時代大背景下，要求有一套完整的、科學的信息管理系統(tǒng)來記錄學生的成才歷程。系統(tǒng)面向全院師生，有移動端有PC端。本設計就是在此背景下，設計的面向?qū)W生群體的“433”移動站點。系統(tǒng)前端使用HTML、CSS、JavaScript等相關(guān)技術(shù)，使用Mysql數(shù)據(jù)庫，后端使用PHP程序設計語言，依據(jù)學院“433”政策文件開發(fā)移動站點，以便學生實時掌握自身的“433”成才信息。

二、功能模塊設計

我的“433”移動web站點主要有5大模塊，分別為項目管理、等級管理、成才規(guī)劃、班級成員與填報規(guī)劃。學生使用站點規(guī)劃可以方便的規(guī)劃自己的433任務。其中項目管理與等級管理實現(xiàn)了項目（等級）的增、刪、改、查功能。班級成員欄目可以方便班級班干部收集本班學生“433”完成情況信息。成才規(guī)劃欄目可以將自身的成才規(guī)劃逐一顯示在界面中。

項目管理模塊：系統(tǒng)自帶“433”中的“十個一”任務，學生可以查看學校規(guī)定的任務，此外，學生還可以自行添加一些“433”中的一些小任務，不僅可以查看，還可以對項目進行添加，編輯與刪除。

等級管理模塊：十個“433”任務中，每個任務各有若干等級，最低等級能夠保證每位學生都能夠完成最基本的任務，也可挑戰(zhàn)較高等級，提升自己的能力，這里可以對項目等級進行添加、編輯和刪除。

成才規(guī)劃模塊：查看學生填報的成才計劃并顯示積分情況。

班級成員模塊：查看班級成員，并可以對其添加、編輯和刪除，方便班級干部收集班級成員的“433”完成情況。

填報規(guī)劃模塊：學生填報自己的“433”成才規(guī)劃，并在成才規(guī)劃中實時顯示積分情況。具體模塊如下如圖1所示。

三、數(shù)據(jù)庫設計

系統(tǒng)根據(jù)功能結(jié)構(gòu)分析設計數(shù)據(jù)表結(jié)構(gòu)。主要包括項目數(shù)據(jù)表，等級數(shù)據(jù)表和用戶數(shù)據(jù)表。其中項目數(shù)據(jù)表，用于存儲項目信息，id作為主鍵自增，name項目字段，項目中有“433”項目中的十個項目，從擔任一任學生干部到取得一個創(chuàng)新創(chuàng)業(yè)機會，項目難度逐漸增加。status字段int類型，分別用0、1表示項目的狀態(tài)，0為刪除，1為正常;等級數(shù)據(jù)表，用于存儲等級信息，id作為主鍵自增，project_id為project項目表的id，將等級和項目聯(lián)系起來，表示該等級屬于項目下屬關(guān)系。project_name為項目名稱，“433”中一共是十個項目。level字段為項目等級，每個“433”項目中至少有兩個等級。integral字段用于存儲該等級能夠獲得積分值，用戶學生填報規(guī)劃自動計算積分。status字段int類型，分別用0、1表示項目的狀態(tài)，0為刪除，1為正常;用戶數(shù)據(jù)表，用于存儲用戶信息，id作為主鍵自增。username為用戶名字段，用于登錄的用戶名。password為密碼字段，要求密碼為密文，使用md5方式進行加密，以防密碼被其他人惡意使用。name為姓名字段，用于存儲學生的姓名。這里并沒有設計注冊，因為通常用戶名都是學校給的，login_time用于用戶登錄成功后自動記錄用戶的登錄時間，為datetime時間類型。status字段int類型，分別用0、1表示項目的狀態(tài)，0為刪除，1為正常。其表結(jié)構(gòu)如下表1-3所示。

四、系統(tǒng)功能實現(xiàn)

1、登錄功能的實現(xiàn)

用戶輸入用戶名和密碼，系統(tǒng)驗證登錄用戶名和密碼，使用ajax技術(shù)與后臺通信，進入數(shù)據(jù)庫查詢是否為正常的注冊用戶，如果是，顯示系統(tǒng)主界面，如下圖1所示;如果不是返回系統(tǒng)登錄界面如下圖2所示：

2、“項目管理”頁面的實現(xiàn)

項目管理模塊分為項目列表與添加項目，學生可以對項目進行增刪改查。系統(tǒng)中除了包含學院“433”規(guī)定的十個項目之外，學生可以添加其他項目。下圖3為項目管理列表界面，圖4為添加項目管理界面。

3、“等級管理”頁面的實現(xiàn)

等級管理對每個項目的不同等級進行管理，比如對“擔任一任班干部”這一項目，根據(jù)擔任校級、院級、年級、班級等不同等級確定對應積分的獲得。本模塊可以實現(xiàn)對等級信息的增刪改查，查詢并分頁顯示等級的功能。其頁面效果、等級錄入和修改界面如下圖5所示。

4、“成才規(guī)劃”頁面的實現(xiàn)

在成才規(guī)劃模塊，學生可以在填報項目中選擇某項“433”成才項目，即可在學生信息界面的成才規(guī)劃模塊中顯示學生選擇的規(guī)劃項目以及規(guī)劃項目對應的積分信息，其頁面效果如下圖6所示。

5、“班級成員”頁面的實現(xiàn)

在班級成員模塊，班級干部可以查看班級成員信息，按照學期為單位收集本班“433”完成情況信息，也可以對班級成員進行錄入功能，查詢并分頁顯示班級成員信息。程序運行效果如下圖7所示。

5、“填報規(guī)劃”頁面的實現(xiàn)

在此模塊，系統(tǒng)把“433”的十大項目以及每個項目對應的等級積分全部展示在界面上，學生根據(jù)自身實際情況進行項目等級的填報，系統(tǒng)自動進行積分計算，計算出來的積分會傳送到該生的成才規(guī)劃中，其運行界面如下圖8所示。

五、小結(jié)

學院的“433”學生成才工程是一項復雜而又有重要意義的綜合性工程，涉及到我院的所有管理部門和二級學院。本系統(tǒng)的開發(fā)是其中的某一模塊，主要實現(xiàn)了利用信息化手段，減少了輔導員、學生干部收集學生信息的時間和工作量，提高了工作效率，也讓學生對自身的規(guī)劃更加清晰，有助于學生對自身的大學生涯有更好的規(guī)劃。

參考文獻：

[1]傅翠玉，王少茹，洪秀金. Bootstrap框架在響應式WEB開發(fā)中的應用[J].電腦知識與技術(shù)， 2018：91-92.

[2]胡雅麗.基于BootStrap+JavaScript語言簡易計算器的實現(xiàn)[J].太原學院學報（自然科學版）， 2020， 38（01）：73-76.

[3]曹利.基于Bootstrap旅游網(wǎng)站設計與實現(xiàn)[J].太原師范學院學報（自然科學版）， 2019， 18（04）：65-67.

[4] 張超.基于PHP的Web開發(fā)框架的設計與實現(xiàn)[D].沈陽：東北大學， 2013.

[5] 林龍健.基于PHP+MySQL的作業(yè)管理系統(tǒng)設計與實現(xiàn)[D].廣東： 廣東工業(yè)大學， 2019.

[6] 王林偉. MySQL數(shù)據(jù)庫在視頻節(jié)目制作管理系統(tǒng)中的應用[J].農(nóng)業(yè)網(wǎng)絡信 息， 2017：107-109.