阳光微博项目详细设计文档

1、阳光微博1.项目说明-22.项目基本模块-23.功能模块的设计和实现-3 3.1登录模块-33.1.1用户注册-33.1.2用户登录-43.1.3忘记密码-53.2修改个人信息模块-73.2.1修改个人基本信息-73.2.2修改密码-73.2.3修改头像-73.3个人微博管理模块-73.3.1发表微博-73.3.2查看个人微博-83.4关注好友模块-83.4.1添加关注好友-83.4.2处理好友请求-83.4.3查看关注好友-93.5好友微博显示模块-103.6评论模块-104.项目总结-11项目成员：韩晨阳 学号：20087760504 孙晓威 学号：20087760524 赵亚杰 学号：2

2、0087760548组长： 赵亚杰项目分工：韩晨阳：主要负责数据库的设计和创建，项目的需求分析，项目详细文档的书写，参与界面设计、部分功能的编码实现。孙晓威：主要负责收集网页素材和界面的设计，ajax的主要代码编写，参与项目需求分析、数据库的设计和部分功能的编码实现。赵亚杰：负责项目主要功能的编码实现，参与项目需求分析、界面设计和数据库的设计。1 项目说明本微博类似一个交友的平台，用户可以通过微博发表一个即使短信息，让自己的朋友对自己当前的心情或其他各方面有所了解，此短信息就像是qq空间中发表的心情。用户还可以通过此微博搜索好友，添加关注好友。项目采用servlet+jsp+ajax+dwr实

3、现。2 项目基本模块阳光微博处理好友请求添加关注好友查看关注好友关注好友模块修改个人信息模块评论模块忘记密码用户登录用户注册修改个人基本信息修改头像修改密码用户登录模块个人微博管理模块好友微博显示模块发表微博查看个人微博3 功能模块的设计和实现3.1 登录模块3.1.1用户注册用户通过填写相关注册信息即可成为阳光微博的用户，用户必须填写的信息：邮箱、昵称、密码、重复密码、密保问题（用户密码丢失时找回密码）、问题答案、验证码等，选填信息：出生日期、性别、居住地、职业、学历、qq、msn等。相关数据库表及字段说明如下：1.用户表：字段名称类型说明idint用户的idemailvarchar用户的注

4、册邮箱nicknamevarchar用户名passwordvarchar用户密码，用户输入的密码经过md5加密后的密码birthdaydatetime出生日期sexint性别provincevarchar所在省、市、区，实现时用级联菜单cityvarchardistrictvarcharjobint用户的职业，数据库设计时：1代表行政/文员、2代表工匠、3代表教育工作者、4代表管理人员、5代表在校学生、6代表医生、7代表技术人员、8代表其他educationint用户的学历，数据库设计时：1代表初中以下、2代表初中、3代表高中/中专/技校、4代表大学专科（包括在读）、5代表大学本科（包括在读）

5、、6代表硕士（包括在读）、7代表博士及博士以上学历questionvarchar密保问题answervarchar问题答案imageurlvarchar用户头像对应的图片名qqint用户的qq号msnvarchar用户的msn号2.城市表：字段名称类型说明cityidint地区idcitynamevarchar地区名称citypostcodevarchar地区编号用户注册时email和用户名都通过dwr与后台数据库进行交互，判断是否email和用户名已经使用；居住地使用dwr与城市表连接实现级联菜单；邮箱格式、密码长度、密码和重置密码是否相同、验证码是否正确都在前台javascript中进行了

6、校验，在后台servlet中也进行了校验。信息全部输入正确方能完成注册。用户输入的密码在后台进行md5加密。界面的实现效果：3.1.2用户登录用户注册成功后就可以进行登录操作，用户邮箱即为账号，账号和密码输入都正确时即可以登录到个人首页，如果账号或密码错误则给予相应的提示信息而不能登录到首页。界面的实现效果：3.1.3忘记密码用户在已经注册成为本博客会员的情况下，如果忘记密码，即可通过点击“忘记密码”进入一个填写信息页面，如果信息填写正确，则可以进入一个重设密码的页面，此时用户即可重新设置个人密码，如果填写格式正确即可以用个人邮箱和重设置的密码进行登录。界面的实现效果：3.2 修改个人信息模块

7、用户登录后可以进行此操作。登录后的界面的实现效果：3.2.1修改个人基本信息如果发现个人信息有误或者有变化，则可以通过此模块来修改个人信息，设置好要修改的个人基本信息，点击保存设置即可将个人信息成功修改，并给予相信的提示。3.2.2修改密码如果想修改密码，则可以通过该模块进行修改，先输入旧的密码，再输入新密码和重复新密码，如果正确填写则可以修改成功，并给予相应的提示。3.2.3修改头像想换个头像的话可以使用此功能模块，点击浏览，查找并选择一个喜欢的头像，保存设置即可正确修改，并且系统会给予相应的提示。3.3 个人微博管理模块3.3.1发表微博用户可以通过点击发表微博的文本域填写短消息，发表微薄

8、，点击“发表”后，通过ajax与后台数据库交互，将新的微博添加到数据库中，同时通过ajax异步刷新，将刚发表的微博显示在页面上。相关数据库表及字段说明：微博表：字段名称类型说明idint微博的idcontentvarchar发表的微博内容datelinedateline发表微博的时间useridint发表此微博的用户的id界面实现的效果：3.3.2查看个人微博用户可以通过该模块查看个人发表过的微博及好友对微博的评论，也可以删除不要的微博，删除时应给予用户提示是否确认删除，点击确定后即可将该微博删除。界面实现的效果如下：用户确定删除微博后，后台数据库中将相应的微博删除，并且级联删除此微博的相关评

9、论。3.4 关注好友模块3.4.1添加关注好友用户可以通过搜索好友查找并添加关注好友，搜索好友的文本框采用了ajax的自动补全功能，通过键盘输入字符后，通过ajax向后台发送请求，后台根据业务逻辑从对应的用户表中通过模糊查询获取相应的用户名，然后使这些用户名显示在文本框的下方，用户可以进行选择，选择一个用户后点击搜索，页面跳转到显示搜索用户信息的页面，点击添加该用户为好友，出现一个含有表单的div，用户可以填写请求信息向搜索的用户发送请求，点击确定后将请求发送出去，此时再向后台数据库请求好友表中添加一条请求消息。相关数据库表及字段说明：好友请求表：字段名称类型说明idint用户请求的idreq

10、useridint请求用户对应的idrespuseridint被请求用户对应的idcheckmsgvarchar请求用户发送的请求消息reqdatedatetime发送请求的时间3.4.2处理好友请求当有好友请求时，页面可以通过ajax异步刷新在页面上显示好友请求个数，点击好友请求后可以处理好友请求。当点击“忽略”时，即为拒绝加此人为好友，同时将数据库中对应的请求信息删除；当点击“同意”时，先向好友表中添加一条相应信息，然后从请求表中将对应的处理后的请求删除。相关数据库表及字段说明：好友表：字段名称类型说明idint好友iduseridint用户的idfriendidint用户好友的id用户首

11、页创建一个div，通过ajax向后台数据库不断发送请求，检查是否有用户对应的好友请求信息，如果有，将此请求好友的个数异步刷新到页面显示给用户。界面实现的效果：3.4.3查看关注好友通过该模块可以查看个人关注的好友信息，此好友列表用分页显示。3.5 好友微博显示模块当用户登录后，在个人主页上显示出来近期发表微博的好友、他们发表的微博和用户对他们微博的评论信息。3.6 评论模块用户登录后，用户可以给显示的当前好友的微博发表评论，用户点击“点击评论”后，出现一个文本域，用户可以输入评论信息然后发表评论，点击发表后，通过ajax进行提交评论信息，将评论信息添加到相应的数据库表中，同时将评论的内容异步刷

12、新到好友的微博下面的评论列表中。相关数据库表及字段说明：字段名称类型说明idint评论的idcontentvarchar评论的内容commentdatedatetime发表评论的时间useridint发表评论的用户的idmicroblogidint评论的微博对应的id界面实现的效果：4 项目总结最初的设想是做一个纯粹的微博，但是由于技术限制就慢慢的趋向于一个个人空间了，在完成项目的过程中也遇到了不少问题。总结如下：1. 一般网上微博密码丢失时都是通过输入个人邮箱，如果邮箱输入正确便使用邮件服务器自动向用户的邮箱发送一封邮件，提醒用户点击链接后重新设置密码。但由于工具限制，没有个人邮件服务器，所

13、以便使用了回答密保问题来重置密码。2. 在个人主页上显示最近好友发表的微博信息时，需要涉及三个数据库表：好友表、微博表、微博评论表，由于每个好友对应了多个微博，每个微博对应了多个评论，而我们从数据库表中取出好友最后发表的一条微博和此微博对应的所有评论，最后我们设计sql语句时使用了一个左外连接来实现数据的提取。3. 在个人主页上实现评论好友微博时也遇到了一个问题，由于提取的好友数据在显示时是使用jstl标签中的循环来实现的，所以在每个好友微博下创建的文本域和提交按钮的id需要有所区别，在这里我们使用了“固定的字符串+微博id”来进行区别，在用户进行评论时，通过在javascript中获取到按钮的id，再通过截取字符串来获取微博的id，再通过字符串拼接获得对应的文本域的id，然后获取文本域的内容。之后再通过ajax向后台发送数据，将评论添加到评论表中，同时通过异步刷新的方式再将发表的评论显示在页面上。4. 在好友