201420210315何敬上班级同学录设计.docx

课程设计报告 课程设计题目：班级同学录设计 专 业：网络工程 班 级：1422103 姓 名: 何敬上 学 号: 201420210315 指导教师: 叶志翔 2016年 11 月 22 日 班级同学录 一 课程设计目的及个人想法 大家马上就要出去实习了，毕竟在一起相处了这么久。为此做这个班级同学录，供大家以后怀念。另外，该同学录作品主要侧重于服务端，因为我个人非常喜欢WEB就要结束了，这刚有兴趣，老师讲的也很好，可是就要结束了啊，事情总是这样的，要没有了才觉得珍贵。小伙伴们是不是和我一样作业做的不是很顺利啊。尽管已经很用心了，但水平差，时间紧，搞的实在是low，自己感觉都看不下去了。尽管也花了好多时间，敲了好多代码，但运行起来不怎么受看，有一些还执行不了。没有像其他同学一样有华丽的页面，或许服务端也就这样吧，但我并不后悔，因为我喜欢内在的美。遇到的好多麻烦，改来改去完全懵逼的，好害怕改坏掉了，于是果断做一个备用的，也正是因为这种不停的实践，明显的感觉到学到了东西，问题也越来越少了。 二 实现功能 总体要求： 1.同学信息可以按照名字 学号 地区进行查找 2.对信息进行修改 添加 删除等操作 三 设计的主要内容（即页面显示） 1 所建数据库 2登陆页面 上面加有全班同学的合照，并简单介绍了班级。右下角可以进行登录或进行注册。该页面内容大体为，做了四个盒子，分别用来放照片，文字，登录表单，以及一个大盒子，内容结构比较简单，全部是自主创造。 实现代码 !DOCTYPE html html lang=en head meta charset=UTF-8 title登录/title style *{ margin: 0;padding: 0; } .d1{ margin-left: 100px; width: 1100px; height: 800px； position: relative; } .d2{ margin-top: 0px; width: 600px; height: 800px; border: 1px solid #bbb ; background:#fff; background:url(quanjiafu.jpeg) no-repeat 2px； } .d3{ width: 200px; height: 150px; position: absolute; right: 100px; padding: 30px; bottom: 40px; } .d3 p{ padding: 10px; font-size: 20px; } h3{ color:red; text-align: center; font-size: 50px; position: absolute; left: 200px; top:50px; } .d4{ width:460px; background-color: #fff; float: right; padding: 10px; } .d4 p{ padding-bottom: 10px; font-size: 18px; text-indent: 56px; } .d4 h5{ text-align: center; font-size: 30px; padding-top: 25px; border-bottom: 4px solid#006500; margin: 0 20px; margin-bottom: 10px; } /style /head body div class=d1 h3 div class=d4 h5网络工程三班/h5 p14级网工三班，是一个团结友爱，活泼上进，充满活力的班级体。全班同学在吴老师的带领下，努力拼搏，积极进