需求分析
由于每次的第二課堂信息量過(guò)大茫打,處理比較繁瑣累贤,而且印刷小本子比較浪費(fèi)成本而且不環(huán)保狱杰。所以作此簡(jiǎn)易的信息系統(tǒng)來(lái)改善第二課堂的問(wèn)題現(xiàn)狀。
前言
網(wǎng)站邏輯比較簡(jiǎn)單期奔,主要涉及了數(shù)據(jù)庫(kù)的增刪查改豆拨,安全性較低,界面簡(jiǎn)潔能庆、友好施禾。這里只進(jìn)行簡(jiǎn)單的說(shuō)明,具體分析大家自行分析搁胆,使用說(shuō)明在文章的最后
系統(tǒng)環(huán)境:WAMP
基礎(chǔ)語(yǔ)言:PHP弥搞,HTML,JQ,AJAX,MYSQL等渠旁。
框架:We-ui(客戶端前端框架)攀例,H-ui(管理員端前端界面),Laravel(PHP后端框架)
編輯軟件:PHP-Strom
數(shù)據(jù)庫(kù):Mysql
數(shù)據(jù)庫(kù)軟件:PHPmyadmin
架構(gòu)設(shè)計(jì):百度腦圖
功能分析
功能總覽
添加
前端要填寫的數(shù)據(jù)字段主要為活動(dòng)名顾腊,日期以及學(xué)分其他可不填(后端會(huì)自動(dòng)填空)粤铭。
添加的功能簡(jiǎn)單的說(shuō)就是從前端獲取表單數(shù)據(jù),然后提交到后端校驗(yàn)杂靶,然后進(jìn)行保存梆惯。
涉及的知識(shí)點(diǎn)有,session的使用吗垮,ajax是怎么傳輸數(shù)據(jù)的垛吗,校驗(yàn)的書寫等
查詢
查詢主要是從數(shù)據(jù)庫(kù)查找數(shù)據(jù)并回顯,比較簡(jiǎn)單烁登。
這里比較重要的是查詢界面附帶的修改和刪除功能怯屉。自己寫的時(shí)候花了不少時(shí)間在這上面,主要難在獲取指定的數(shù)據(jù)饵沧。
涉及的知識(shí)點(diǎn)锨络,laravel數(shù)據(jù)庫(kù)操作、jq獲取數(shù)據(jù)(獲取指定對(duì)象的數(shù)據(jù)狼牺,沒學(xué)過(guò)的操作起來(lái)比較困難羡儿。)
修改
修改的功能和添加類似,只不過(guò)多了回顯這一功能锁右。就是添加界面的表單開始并無(wú)數(shù)據(jù)失受,而查詢界面開始就有自己當(dāng)初添加的數(shù)據(jù)讶泰。
刪除
刪除是這些功能中比較簡(jiǎn)單咏瑟,就是獲取指定數(shù)據(jù)的id后然后傳到后端進(jìn)行數(shù)據(jù)庫(kù)查找后并刪除拂到。
教師端功能
可查詢?nèi)5哪硞€(gè)班級(jí)的學(xué)分匯總,就是根據(jù)班級(jí)id查詢?cè)摪嗟男畔⒙肱ⅰ=處煻诉€可添加很多功能兄旬,比如說(shuō)設(shè)置管理員 ,設(shè)置活動(dòng)提交期限(Deadline)等余寥。
管理員端功能
為了方便领铐,我將每個(gè)班都設(shè)置為一名學(xué)生作為審核員。然后這個(gè)學(xué)生的登錄賬號(hào)就是他的班級(jí)id宋舷,登錄后只回顯本班學(xué)生的活動(dòng)绪撵。不用處理其他班級(jí)學(xué)生活動(dòng),防止避免沖突祝蝠。
功能總結(jié)
這些功能看似比較簡(jiǎn)單音诈,但是自己上手后,就會(huì)發(fā)現(xiàn)細(xì)節(jié)方面的處理讓人蛋疼绎狭,還有很多功能未實(shí)現(xiàn)细溅,比如說(shuō)活動(dòng)填寫截至期限(一旦過(guò)了這個(gè)時(shí)間,客戶端的功能唯有查詢可用)儡嘶,個(gè)人信息修改(更改密碼)喇聊,更改學(xué)生信息(學(xué)生變更班級(jí)處理)等。
數(shù)據(jù)表設(shè)計(jì)
數(shù)據(jù)表設(shè)計(jì)的不是太好蹦狂,因?yàn)槭浅醮巫鲰?xiàng)目誓篱。
活動(dòng)表
活動(dòng)類別表
admin
班級(jí)
院系表
level表(擴(kuò)展)
這個(gè)表對(duì)應(yīng)的是活動(dòng)表的level
id=1 name=無(wú)
id=2 name=系級(jí)
id=3 name=院級(jí)
學(xué)分匯總表
ac_name_score1 為活動(dòng)類別為1的學(xué)分總和 依次類推
教師表
使用說(shuō)明
下載地址:鏈接:http://pan.baidu.com/s/1hsoTQ4k 密碼:fdei
- 安裝wamp,如出現(xiàn)錯(cuò)誤自行百度凯楔,一般都是缺少庫(kù)文件燕鸽。wamp是PHP的開發(fā)集成環(huán)境。
- 輸入localhost啼辣,點(diǎn)擊界面中的phpmyadmin啊研,賬號(hào)為root,密碼為空(wamp的是這樣鸥拧,其他自行參考官方說(shuō)明)
- 新建數(shù)據(jù)庫(kù)党远,hfuusc。點(diǎn)擊hfuusc富弦,然后點(diǎn)擊頁(yè)面左邊的sql沟娱,將下載的文件中的文件夾為數(shù)據(jù)庫(kù)的hfuusc.sql文件打開后復(fù)制語(yǔ)句,然后粘貼到網(wǎng)頁(yè)的sql中腕柜,然后執(zhí)行济似。
- 解壓下載的文件至wamp安裝目錄的www目錄下
- 在網(wǎng)頁(yè)上輸入localhost/hfuusc/public即可