3ClassContact-三班通讯录

前言

前几天高中群里正在统计老同学的联系方式,大家都把信息发给班长,班长建excel统计。这样感觉好累,主要的问题是以后更新自己的联系方式时特别麻烦,又要让班长去更新一遍excel,太痛苦了。

需求

所以我就准备做一个在线的通讯录,只属于我们高中三班的同学。也算是另一种怀旧吧!
实现最简单的几个功能:

  1. 收集用户信息(即用户注册)
  2. 显示所有用户,能提供简单的搜索(即通讯录)
  3. 显示某个用户的具体信息
  4. 修改更新个人信息

附加功能:

  1. 评论墙(方便交流,已实现)
  2. 照片墙(怀旧,待实现)
  3. 定时用户信息更新提醒(保证数据的有效,需要用户提供email,暂时不实现)

实现简介

全部使用Html5+JqueryMobile实现!~后台数据库借用Bmob提供的免费服务
全部使用客户端静态代码实现整个项目的优点:

  1. 方便以后封装成app,使用phonecap轻易得到android、iOS、wp等手机平台app
  2. 不用去租服务器或者空间,可以直接运行在github或者其他提供Pages功能的免费代码托管服务上,省下一大批资金,可以长期运行
  3. 代码简洁,开发快捷,前后台全部由前端语言写成(html+js+css)

缺点:

  1. 安全性稍差,没有动态语言的安全性,因为代码全部是在客户端运行,不是在服务器。很容易可以对后台数据进行更改(所以我不会向大家公开项目地址滴~),不过就这个小项目而言,安全性并不是首要考虑问题,而且我已尽力保证数据安全了,它能长期运行才是王道
  2. 复杂功能实现困难,比如:上传下载图片等

实现效果

登录界面

注册界面

注册成功

通讯录主页

评论墙

个人信息

修改个人信息

后语

实现这个总共用时应该不到12小时,其中我还算是边学边做,因为之前没有做过JqueryMobile的开发,也很少写javascript代码。目前实现的效果还是可以的,纯前端语言做开发特别方便,唯一不足的就是欠缺些安全性,高手可以秒毁我后台数据!
这次做这个项目真的是脑袋一热,就开始动手了,最近这几天家里还有点别的事,耽搁了不少时间,本可以更快的实现。突然让我体会到了node.js的快捷了,我还有点喜欢上了javascript,甚至说有点”神奇”,最大的缺点就是调试太痛苦了~
今天到这,有时间再添加功能