java web个人博客开发（二产品设计）

1. 业务逻辑流程

1.1 页面跳转流程图如下，用word画的，最好还是用visio这种专业工具比较好。

（注意：所有页面均可通过logo跳转到主页，并且登录用户都可通过点击头像图片到个人博客管理主页，这里没有画线）

1.2 流程、功能说明

（1）主页index功能

        1)显示10篇最新发表博客

        2)显示5名博客最多的作者

        3)显示5名新注册的作者

        4)游客显示登录按钮（进入登录页面），登录用户显示博主昵称（点击进入博客管理主页myblog）和退出（刷新当前页）

        5)点击推荐的博客进行阅读（跳转博客阅读页readblog）

        6)点击推荐作者查看作者个人信息（跳转到博主个人主页blogger）

（2）博客管理主页myblog

        1)显示个人信息，设置个人信息（跳转设置页setting）

        2)分类管理（跳转博客分类页editcategory）

        3)分页展示个人博客，选中博客点击编辑（跳转博客编辑页editblog），或者删除博客刷新当前页

        4)点击阅读个人博客（跳转博客阅读页readblog）

（3）设置页setting

        1)显示和编辑个人信息，进制修改昵称，可修改个人密码

        2)修改完成，可返回（跳转到myblog）

（4）博客分类页editcategory

        1)增、删、改添加新分类名称

        2)点博客返回myblog

（5）博客编辑也editblog

        1)对个人博客进行修改，保存成功后返回myblog

（6）登录页login

        1)输入用户名密码，登录成功（跳转到myblog）

        2)失败给出提示

        3)取消登录，返回myblog

（7）博客阅读页readblog

        1)展示博客内容页面，点击博主头像返回myblog

（8）博主个人主页blogger

        1)展示博客内容和作者信息，点击作者头像返回blogger

2. 页面样式设计（Axure）

        这部分由于不会UI设计，只能用Axure画出各个页面大概的样式，可能比较简洁，也是按照个人博客一些模板画出来的，肯定不好看。

2.1 主页index

最终可能与当前图片有些出入，对Axure尺寸和html页面没有一个整体的认识，估计多做几次就了解了。很是朴素，怕html太复杂。

2.2 login页面

2.3 博客管理主页myblog

2.4 设置页setting

红色字体是解释，在页面不显示

2.5 博客分类页editcategory

2.6 博客编辑页editblog

2.7 博客阅读页readblog

2.8 博主个人主页blogger

3. 说明

每页的头部，是相同内容，登录用户展示昵称、设置、退出。未登录用户展示登录。

真实页面样式有可能与axure出入比较大，这是由于对于前端技术和UI设计没有整体认识所致。