趙曉凡 高天棟 李文迪 陳燕

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

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

一、引言

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

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

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

二、功能模塊設(shè)計(jì)

我的“433”移動(dòng)web站點(diǎn)主要有5大模塊，分別為項(xiàng)目管理、等級(jí)管理、成才規(guī)劃、班級(jí)成員與填報(bào)規(guī)劃。學(xué)生使用站點(diǎn)規(guī)劃可以方便的規(guī)劃自己的433任務(wù)。其中項(xiàng)目管理與等級(jí)管理實(shí)現(xiàn)了項(xiàng)目（等級(jí)）的增、刪、改、查功能。班級(jí)成員欄目可以方便班級(jí)班干部收集本班學(xué)生“433”完成情況信息。成才規(guī)劃?rùn)谀靠梢詫⒆陨淼某刹乓?guī)劃逐一顯示在界面中。

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

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

成才規(guī)劃模塊：查看學(xué)生填報(bào)的成才計(jì)劃并顯示積分情況。

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

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

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

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

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

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

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

2、“項(xiàng)目管理”頁(yè)面的實(shí)現(xiàn)

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

3、“等級(jí)管理”頁(yè)面的實(shí)現(xiàn)

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

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

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

5、“班級(jí)成員”頁(yè)面的實(shí)現(xiàn)

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

5、“填報(bào)規(guī)劃”頁(yè)面的實(shí)現(xiàn)

在此模塊，系統(tǒng)把“433”的十大項(xiàng)目以及每個(gè)項(xiàng)目對(duì)應(yīng)的等級(jí)積分全部展示在界面上，學(xué)生根據(jù)自身實(shí)際情況進(jìn)行項(xiàng)目等級(jí)的填報(bào)，系統(tǒng)自動(dòng)進(jìn)行積分計(jì)算，計(jì)算出來(lái)的積分會(huì)傳送到該生的成才規(guī)劃中，其運(yùn)行界面如下圖8所示。

五、小結(jié)

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

參考文獻(xiàn)：

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

[2]胡雅麗.基于BootStrap+JavaScript語(yǔ)言簡(jiǎn)易計(jì)算器的實(shí)現(xiàn)[J].太原學(xué)院學(xué)報(bào)（自然科學(xué)版）， 2020， 38（01）：73-76.

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

[4] 張超.基于PHP的Web開發(fā)框架的設(shè)計(jì)與實(shí)現(xiàn)[D].沈陽(yáng)：東北大學(xué)， 2013.

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

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