APTECH博客

小组成员:刘云霞、邓玉前、郑东健

一、开发项目的背景:

“博客”一词是从英文单词Blog翻译而来。BlogWeblog的简称,而Weblog则是由WebLog两个英文单词组合而成。Weblog就是在网络上发布和阅读的流水记录,通常称为网络日志,简称为网志

  博客是继EmailBBSIM之后出现的第四种全新的网络交流方式。你可以利用博客轻松地表达自己的想法,发布自己的心得,大到你对时事新闻、国家大事的个人看法,小到你对一日三餐、服饰打扮的精心料理。

  博客网站的基本要素十分明确,在形式方面与个人网站、电子刊物、网上社区等本质的区别有两点:1、日志形式,每天更新信息内容;2、以链接为重要表达手段,真正发挥Web的特点。起码应该符合这两个最基本的条件,才能称得上博客。尤其是链接,是一直被人们忽视的武器,如今,只有博客通过链接发挥网络资源无穷的优势。

    中国社科院的一项调查显示,我国每10个网民中就有3个用过博客。其中偶尔使用者占16%,有时使用者占9%,经常使用者为3%,长期使用的占1%。目前博客使用人数仍在快速扩散中,博客用户市场增长率保持在200%以上。

目前也有许多的博客网站,如新浪博客,网易博客,51博客等博客网站,博客的发展趋势越来越好,也证明博客具有市场的需求,正由此我们小组以“博客”为项目的主题。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

二、Aptech博客网站的主要流程:

组织结构图

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

三、用户类型的分析:

Ø        没有注册本博客的浏览者

l         1类型:从登陆页面进入浏览量排名在前的博客。

ü         无任何操作权限。

Ø         注册本博客去他人博客的浏览者

l         2类型:输入用户名和密码进入过渡页、然后点击浏览量排名在前的博客。

ü         查看文章。

ü         对文章评论。

ü         给博主留言。

Ø        博主

l         博主:输入用户名和密码进入过渡页、点击“进入我的空间”,进入主页。

ü         文章(添加、删除、修改、查看)。

ü         文章所属栏目(添加、删除、修改、查看)。

ü         文章评论(添加、删除、修改、查看、回复)。

ü         留言(添加、删除、修改、查看、回复)。

ü         相片(添加、删除、修改、查看)。

四、对项目的各部分功能的分析:

登录页面(图1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 1
 


  

该页面的功能:1)给已注册的用户登录进入过渡页。

2)在文本框旁边的“注册用户”可以连接到注册的页面。

3)没有注册的用户(1类型用户),可以通过左下角的“热点博客”,浏览其他用户的博客。

4)在文本框旁边的“忘记密码”可以让已注册的用户查找自己的密码。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

注册页面(图2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 2
 

 


该页面的功能:为新用户提供注册博客的功能。

该页面的特点:结合javascript的技术,对用户的输入进行判断,在末尾添加了一个验证码,避免有人恶意注册帐号,进一步增强该网站的安全性。然后该jsp发送给相应的servlet来进行操作。

 

 

 

 

 

 

 

 

查找密码的页面(图3

 

 

 

 

文本框: 图表 3 

 


该页面的功能:为注册的用户找回密码,首先要输入你的用户名,然后通过相关的servlet操作,查找系统是否有该用户,如果没有该用户,就不能够进行下一步的操作。

 

 

 

 

 

 

 

回答提示问题的页面(图4

 

 

 

 

 

文本框: 图表 4 

 

 


   该页面的功能:如果通过了如图3的操作后,就来到该页面系统就通过相关的servlet查找出该用户的问题。用户输入相应的答案,然后通过servlet进行判断答案是否正确,如果正确,就转发给另一个servlet来将密码发送给用户的邮箱里。

 

 

 

 

 

 

 

 

 

 

 

 

以下通过过渡页后的用户状态的改变:

过渡页面(图5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 5 

 

 


该页面的功能:1)已经登录的用户可以通过左下角的连接,连接到其他用户的博客页面。

              2)已经登录的用户可以通过图5中的按钮点击进入自己的博客页面。

该页面的特点:将用户的状态和用户的userI d存到会话里面;

1)系统依据userI d来调出该用户的信息,如留言、评论、个人信息等。以此让每个用户都有自己专属空间。

2)系统依据用户的状态进行判断,给予该用户相应的权限。

 

博客主页(图6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 6
 

 


该页面的功能:1)这是博客空间的首页,显示一些信息,如个人的档案、还有最新的文章、最新的评论等,显示博客的访问量。

该页面的特点:(技术)该页面结合JSTL+EL+Jsp标准动作。通过存在会话的userId,然后再通过servlet查询数据库的用户的信息,在该页面显示出来。

             (版面)在页面添加了flash的效果,比较有动感,更吸引人。

 

 

 

 

 

 

 

 

 

我的文章(图7

文本框: 图表 7

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


该页面的功能:1)显示文章的相关信息如:名字、内容等。

2)可以点击文章的列表中的链接进入具体的文章,已注册的用户可以进行评论。

该页面的特点:结合JSTL+EL+Jsp标准动作等技术,首先使用操作bean的方法查出该博客的文章,然后又使用一个servlet来进行分页的显示。

 

 

 

 

 

 

 

 

 

 

 

 

评论页面(图8

文本框: 图表 8

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


该页面的功能:1)已注册的用户可以点击具体的文章,可以浏览文章的内容,而且可以对相应的文章发表评论。

该页面的特点:1)通过userId查询出相应的文章内容和发表时间,也查出对该文章做出的评论内容,呈现出一个列表,在末尾添加了检验码,避免恶意评论。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 9我的相册(图8

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

该页面的功能:用户可以将自己喜欢的图片上传到空间里面。

该页面的特点:要使用到一个upload的包,来才能让这个功能实现,通过将servlet将相片的路径记录下来保存到数据中,同时将图片复制到相应的文件夹,再通过一个servlet进行相关的查询,显示到页面中。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

我的留言(图9

文本框: 图表 9

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


该页面的功能:1)显示留言表的内容,如留言者,留言内容,留言时间等。

                       2)已注册的用户可以对博主进行留言。

3)博主也可以对相关的留言进行回复和删除。

该页面的特点:1)结合JSTL+EL+Jsp标准动作等技术,首先使用操作bean的方法查出该博客的留言,然后又使用一个servlet来进行分页的显示。

              2)博主也可以利用如图上的左侧的多选框,删除多条留言。

                       3)在该页面上也添加了flash的动画,增加动感。

 

 

 

 

 

 

 

 

 

 

 

 

 

留言表回复页(图10

图表 10

 

该页面的功能:主要是为博主提供回复留言的功能。

该页面的特点:在这个页面也添加验证码,增加严谨性。

 

 

博主类型的用户特有的权限

管理博客页面(图11

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 11
 

 


该页面的功能:为博主提供链接管理博客空间的链接。

该页面的特点:1)通过链接到各修改的页面。

                       2)旁边的图片是一张gif图片。

 

 

 

图表 12

 
提示警告页面(图12

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

该页面的功能:1)防止其他无权限的人对博客空间进行修改。

            21类型和2类型的都不可以对博客进行管理,系统提示如图所显示的信息。

 

 

 

 

 

 

 

 

 

 

栏目管理

插入新栏目的页面(图13

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 13 

 


该页面的功能:1)博主可以通过该页面增加新的栏目

该页面的特点:1)进入该页面的时候,是首先到一个servlet查出现有的栏目标题,然后在显示到结果页上。

              2)提交后,系统通过servlet判断是否又该栏目,如果没有该栏目,就可以进行增加的操作。

 

 

 

 

 

 

 

 

 

 

删除栏目页面(图14

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 14 

 


该页面的功能:1)博主可以通过该页面对栏目进行删除。

该页面的特点:1)进入该页面的时候,是首先到一个servlet查出现有的栏目标题,然后在显示到结果页上。

              2)提交后,系统通过servlet判断该栏目里面还又没有文章,如果没有,就可以删除栏目。

 

 

 

 

 

 

 

 

 

 

 

修改栏目的页面(图15

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 15
 

 


该页面的功能:1)博主可以通过该页面对栏目进行修改。

该页面的特点:1)进入该页面的时候,是首先到一个servlet查出现有的栏目标题,然后在显示到图上的下拉菜单上。

              2)提交后,系统通过servlet来调用更新的方法,从而更新栏目。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文章管理

发布文章页面(图16

文本框: 图表 16

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


该页面的功能:博主可以在自己的空间增加新的文章。

该页面的特点:1)进入该页面的时候,是首先到一个servlet查出现有的栏目标题,然后在显示到图上的下拉菜单上。

              2)提交后,系统通过servlet来调用增加文章的方法,从而添加新的文章。

 

 

 

 

 

 

 

 

 

 

 

 

文章的修改页面(图17

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文本框: 图表 17
 

 

 


该页面的功能:显示所有的栏目,通过链接进入到相关的文章,再进行修改。

该页面的特点:1)进入该页面的时候,是首先到一个servlet查出现有的栏目标题,然后在显示到图上的一个表格里,通过链接进入相关栏目的文章。

              2)显示文章的页面类似图表15,系统通过servlet来调用修改文章的方法,从而修改文章。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

项目的总结

我们是以“博客”为项目的主题,网路上也有许多成功的例子,所以我们也借鉴了其中的一些成功例子,如新浪博客和网易博客等。参照了他们的版面,然后我们也在此基础上进行修改。

整体的网站的颜色主题以橙黄色为主,丰富页面的颜色,我们也给网页添加flash动画,给用户生动的感觉。网站利用框架的特点,使网页更好的切换。版面简洁清晰。

网络上的博客网站是比较成熟,功能也比较强大,我们的aptech博客是提取里面的主要功能,如文章、留言、相册等主要元素。我们的网站是比较简约,容易使用,基本上可以满足一般用户的需求。我们的特色就是让“博客”更容易使用,一切从简单做起。

其实,虽然功能不是太过多,不过也花费了比较多的我们的时间。由于前期进行计划和安排,所以各人清楚自己的负责完成的部分,节约时间。通过这次项目,也是对自己前段时间学习的JSP进行复习,强化知识的理解。

通过这次合作,增强了彼此的合作能力。通过这次,大家都收益良多,我们大家互相协助,最终才可以顺利完成这各项目。

由于出现一些状况,所以网站还有一些地方还没有做好,还有许多的地方需要改进,所以我们也要以此为基础,完善好该项目,积累这次的经验,为下一次的项目做好准备。