学生信息管理系统之javascript版.docx

《学生信息管理系统之javascript版.docx》由会员分享，可在线阅读，更多相关《学生信息管理系统之javascript版.docx（14页珍藏版）》请在课桌文档上搜索。

1、!-基于javascript实现的学生管理系统，只为js初学者参考，大神请忽视吧!-在实现呈现的时候，我运用现在比较火热的CSS框架bootstrap,效果很不错一StudentInfoManager1inkre1.=sty1.esheet*type=text/CSS*href=,cssbootstrap.css)1inkre1.=sty1.esheet*type=textcss*href=,cssbootstrap-responsive.cssvar_data=,info_body,numReg=/*d+$/;String.prototype,trim=functionO(returnthi

2、s.rep1.ace(s*)I(s*$)/g,);/依据ID找到Objfunction$(id)returndocument.getE1.ementBy1.d(id)：依据id找到学生functiongetStudentBy1.d(id)for(vari=0;i_data.1.ength;i+)if(-datai.id=id)return_datai;returnnu1.1.;学生对象functionStudent(name,sex,age,score)this.id=newDateO.getTimeO;this,name=name?name:nu1.1.:this,age=age?age:0

3、;this.sex=sex?sex:0;this,score=score?score:0;/增加方法functionaddHand1.er()varstu=newStudentO：stu.name=$(,nName*).va1.ue,trim();stu.age=S(,nAge,).va1.ue,trim()：stu.score=$CnScore).va1.ue,trim();stu.sex=S(,nSe,).va1.ue,trim()：if(va1.id(stu)data,push(stu)：$CFesetButto11,).c1.ickO;ShowData(_data)：验证输入是否正确f

4、unctionva1.id(student)if(student,name=)a1.ert(用户名不能为空!);returnfa1.se;if(student,age!=)if(numReg.test(student,age)vartemp=parse1.nt(student,age,10);if(temp200)a1.ertC年龄输入错误!);returnfa1.se;e1.seIa1.ertC年龄请输入数字!)；returnfa1.se;if(student,score!=)if(numReg.test(student,score)vartemp=parse1.nt(student,sco

5、re);if(temp100)a1.ert(成果输入错误!);e1.sea1.ert(成果输入错误!)：returnfa1.se;returntrue;/删除方法functiondeIHandIer(id)if(confinn(真的要删除吗？)vartemp=;for(vari=0;i_data.1.ength;i+)if(-datai.id!=id)temp,push(datai);_data=temp;showData(-data);查询方法functionsearch(name,sex,age)/conso1.e,1.og(arguments);vartemp=;for(vari=0;i

6、_data.1.ength;1+)if(!=name)if(.datai.nameI=name)continue;if(*!=sex)if(-datai.sex!=sex)continue;if(!=age)if(_datai.age!=age)continue;temp,push(-datai);showData(temp);依据数据显示内容(htm1.代码生成)functionShoWData(data)info_body=info_body$Cinfo-body):varhtm1.=;for(vari=0;idata.1.ength;i+)htm1.push();htm1.push(+d

7、atai.name,);htm1.push(+showSex(datai.sex)+);htm1.pushC+datai.age+*);htm1.pushC+datai.score+);htm1.pushCbuttonC1.aSS=btnsty1.e=*margin-right:IOpx;onc1.ick=*editHand1.er(this,+datai.id+)”编辑buttonCIaSS=b1.nbin-dangersty1.e=margin-right:10pxonc1.ick=*de1.Hand1.er(,+datai.id+,)”删除);htm1.pushC);此处IE低版本不兼容

8、(促进网络进步，请升级低版本IE吧)，因为IE下tbody标签的innerHTM1.为只读属性,要兼容请将上面代码的标签用document.Crea1.cE1.ement;进行创建，Id的innerHTM1.是可以进行操作的info_body.innerHTM1.=htm1.join();functionshowSex(v)if(v)iff0,=v)return男；e1.seif(,=v)return女；returnerror：functionCreateSexTag(v)if(,0,=v)return,男;e1.se(return女GoptionXoptionVaIUe=0男/option)

9、;/保存修改内容functionSaveEidted(id)varstu=newStudentO：stu.name=$(eNamc).va1.ue;stu.age=S(,ege,).va1.ue：stu.score=$CeScore).va1.ue:stu.sex=S(,eSe,).va1.ue;if(va1.id(stu)for(vari=0;i_data.1ength;i+)if(-datai.id=id)(_datai=stu;showData(_data);break;/编辑functioneditHand1.er(obj,id)varpp=obj.parentNode.parentN

10、ode;vartds=pp.getE1ementSByTagName(td);vartemp=getStudc11tById(id);if(nu1.1.!=temp)(for(vari=0:itds.1.ength;i+)if(0=i)tdsi.innerHTM1.=inputid=cNamc”StyIe=width:80pxtype=tex1.VaIUe=+temp,name+;if(1.=i)tdsi.inneiHTM1.=se1.ectid=eSexStyIC=wid1.h:60px;“+createSexTag(temp,sex)+;if(2=i)tdsi.inner1.1.TM1.=

11、inputid=eAgetype=textSty1.e=width:70pxVa1.Ue=+temp,age+；if(3=i)tdsi.inner1.1.TM1.=inutid=eScore”type=textStyIe=width:70pxVaIUe=+temp,score+;if(4=i)tdsi.inner1.1.TM1.=保存取消;e1.sea1.ert(error!,)：*padding:0margin:0.s77epadc1.ing-1.eft:ZQatex1.a1.ign:right,.sinputwidth:1OOpxborder:IPX*eeeso1.idmargin-top

12、:10px.ss/ec1.width:60?*;marginTop:10px.72pzrposition:/,7atre;f1.oat:et:1.eft:-.j;width:border:Ipxso1.idmargin:;tdC1.aSS=e,姓名：tc1.c1.ass=stit1.eStyIe=width:5性别:Gtdoptionva1.ue=*optionVa1.Ue=/女option tab1.ec1.ass=tabicid=add-infotdWid1.h=70OOoptionVaIUe=7。女/option) tdWidth=羽。so7z/re：top:100pxbottom:tab1.ec1.ass=tab1.etab1.e-borderedtab1.e-hover,sty1.e=*position:abso1.ute,top:Opx7-index:2;id=info-1.ist tdWidth=Z的一姓名 tdWidth=工0)性别年龄 tdWidth=成果操作