我们班
一个班级通讯录
孟祥月
需求分析
• 最近一段时间发现自己的同学都已经联系不到了,就开
始想如果有一个东西大家可以保存大家的联系方式,而
且再更换联系方式的时候不用挨个通知就好了。这样我
就想到开发一个网络版的班级通讯录,这样我们班里的
每个同学只需要维护自己的通讯信息,就可以获得整个
班级的通讯录。
• 现在市面上好多通讯录都能够实现手机网络的同步,但
是大多数还都是自己维护自己的通讯录。比如QQ、友
录、99等通讯录都是自己维护的,这样如果别人更换了
联系方式,自己维护的也是不正确的。
• 所以我们可以使用网络建立社交关系,让同学们自己维
护自己的通讯录,然后通过一些权限管理,构建一份时
时更新的班级通讯录。
功能介绍
• 功能主要分为三个:
– 个人信息的管理
• 维护自己的资料
– 班级的管理
• 分为自己创建班级和加入别人创建的班级
– 消息的管理
• 分为自己申请加入别人创建班级的消息和别人申请
加入自己创建班级的申请
使用技术
• Java EE
• SSH(Struts2 2.3.4 Hibernate 4.1.4 Spring 3.1.1)
• JQuery (1.8.1)
• Ajax
• Div+CSS(CSS2为主使用了少量的CSS3)
• Json 使用Ajax返回的是json数据
注册
当用户输入完成邮箱的时候
会自动验证邮箱是否可以用
点击注册的时候会检测所有
的是否符合要求,
不符合要求不会提交
登陆
输入框使用CSS3的transition,鼠标点击进入后输入框
发光。
这个程序中所有的按钮都是使用Div+CSS制作的,按钮的圆
角,在部分IE中无效,那是CSS3的属性,部分IE不支持
我的资料
登陆成功后进入这个页面,这个页面没有什么太多的功能
就是显示用户的信息。
顶部的导航是通向其他页面的入口,同样在页面底部也增加了
两个按钮通向其他页面。
修改信息页面
在上一个页面点击设置后会进入这个页面,目前只支持修改手机号。
点击第一个手机号后面的加号图标页面中会添加一个文本框同时会多出来
一个减号图标。可以对手机号进行相应的添加删除。这里使用jquery对DOM
对象的修改达到这样的效果