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

ゝ一纸荒年。 2022-09-30 13:47 189阅读 0赞

**1. 业务逻辑流程**

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

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

**![Center][]**

**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太复杂。

![Center 1][]

2.2 login页面

![Center 2][]

2.3 博客管理主页myblog

![Center 3][]

2.4 设置页setting

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

![Center 4][]

2.5 博客分类页editcategory

![Center 5][]

2.6 博客编辑页editblog

![Center 6][]

2.7 博客阅读页readblog

![Center 7][]

2.8 博主个人主页blogger

![Center 8][]

**3. 说明**

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

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

[Center]: /images/20220705/40440dd5d34e4716b7d8098acfa10407.png
[Center 1]: /images/20220705/eb800fecc1a945728ce8ff809bdf6eb3.png
[Center 2]: /images/20220705/f4bdd8ff3a1d4cfc971d9fd1ffeccbb3.png
[Center 3]: /images/20220705/d516a2ebc51a4dc4913fa9d74002f8b1.png
[Center 4]: /images/20220705/9ccca17f59af47bf8d833faf4d0f13dc.png
[Center 5]: /images/20220705/53dc0e8b8dae49bcba786ebe071a07ff.png
[Center 6]: /images/20220705/8f24836dee5b45c8974602876bac7323.png
[Center 7]: /images/20220705/e1fdaa7cb5a540a589f687944f4a8f82.png
[Center 8]: /images/20220705/19412fef751749548fbe566d97ab2c86.png

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 JAVA个人博客系统毕业设计,个人博客系统设计与实现,个人博客网页设计毕设作品

功能清单【后台管理员功能】系统设置：设置关于我们、联系我们、加入我们、法律声明会员列表：查看所有注册会员信息，支持删除广告管理：设置小程序首页轮播图广

Dear 丶/ 2024年03月31日 13:00/ 0 赞/ 107 阅读

相关 springboot开发个人博客网站

SpringBoot是一个用于快速构建企业级应用程序的开源框架。如果你想开发一个个人博客网站，SpringBoot是一个不错的选择。首先，你需要安装Java开发环境和一个I

曾经终败给现在/ 2024年03月25日 16:20/ 0 赞/ 78 阅读

相关 HTML设计个人博客页面

以下是一个简单的HTML代码示例，用于创建一个具有学术风格的个人博客主页： <!DOCTYPE html> <html> <head>

柔光的暖阳◎/ 2023年09月29日 23:50/ 0 赞/ 24 阅读

相关【个人博客设计】开发工具篇

概述系列： [【个人博客设计】][Link 1] [【个人博客设计】框架与插件篇][Link 2] [【个人博客设计】开发工具篇][Link 3] 开发工

淡淡的烟草味﹌/ 2023年07月07日 08:49/ 0 赞/ 21 阅读

相关【个人博客设计】

概述：本网站为自己的个人博客网站，从开工是2020.1.16号开始，到1.29号已经完成了大部分功能，从前端的显示以及后端的逻辑处理都是根据自己的经验来写的，因为感觉写

痛定思痛。/ 2023年07月07日 08:46/ 0 赞/ 31 阅读

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

1. 业务逻辑流程 1.1 页面跳转流程图如下，用word画的，最好还是用visio这种专业工具比较好。（注意：所有页面均可通过logo跳转到主页，并且登录用户都可通过点

ゝ一纸荒年。/ 2022年09月30日 13:47/ 0 赞/ 190 阅读

相关 java web个人博客开发（四详细设计）

1.序言详细设计主要内容在这里是接口设计，即html页面请求到，java后台返回数据的接口。预期实用restful风格，所以接口形式是url+请求参数，数据

╰+攻爆jí腚メ/ 2022年06月18日 04:06/ 0 赞/ 187 阅读

相关 java web个人博客开发（三数据结构设计）

1. 设计概要根据产品设计的功能和逻辑结构，进行数据结构的设计。可以看到产品中主要涉及内容有博主、博客内容、博主添加的博客分类。所以自然想到要有3个表对应这

柔光的暖阳◎/ 2022年06月18日 02:21/ 0 赞/ 265 阅读

相关 java web个人博客开发（五页面开发）

Bootstrap 博客页面采用bootstrap框架编辑页面，开发环境用的Hbuilder。这部分第一次接触没有深入研究前端开发，单纯的码了码前端页面，只给出了静态样

- 日理万妓/ 2022年06月08日 05:54/ 0 赞/ 223 阅读

相关个人博客毕业设计设计总结

用个人博客来做毕业设计是我很久以来就有的想法，原先最初的想法的为班级做一个类似于贴吧一样的使用平台。因为营长已经给班级做了一个班级网页。如果我在做一个类似相符合的贴吧或者博

深藏阁楼爱情的钟/ 2022年01月27日 05:53/ 0 赞/ 354 阅读