基于Flask框架的个人博客项目（一）—— 需求分析＜连载中＞

基于Flask框架的个人博客项目（一）—— 需求分析＜连载中＞

目录

1 产品原型图

2 流程图

2.1 业务流程图

2.2 页面跳转流程图

3 UI设计与交互

3.1 主题风格

3.2 交互效果

3.2.1

4 功能描述

4.1 注册页

4.2 登陆页

4.3 个人首页

4.4 个人中心页

4.5 博客编辑页

4.6 博客管理页

4.7 博客阅读页

4.8 网页使用管理页

4.9 博客介绍页

4.10 找回密码页

4.11 素材页

5 数据库设计

6 运行需求

7 测试

---

1 产品原型图

        描述：前端界面初稿；墨刀；—— ms

2 流程图

        描述：业务流程图（使用逻辑）；页面跳转流程图；—— ms

2.1 业务流程图

2.2 页面跳转流程图

3 UI设计与交互

        描述：界面风格设计；有什么用户交互效果；—— ms

3.1 主题风格

3.2 交互效果

3.2.1

4 功能描述

        描述：需求 —— hm、ms

4.1 注册

1. 用户通过设置用户名、邮箱地址、密码进行注册。

2. 注册成功直接跳转个人主页

4.2 登陆

1. 已注册用户通过输入邮箱地址、获取邮箱密钥、验证码和密码进行登陆。

2. 未注册用户点击注册按钮跳转注册页。

3. 忘记密码按钮可跳转找回密码页

4.3 个人首页

1. 点击头像跳转个人中心页

2. 点击文章进入博客阅读页

3. 点击发布按钮跳转博客编辑页

4. 点击管理按钮跳转博客管理页

5. 点击更多跳转对应博客管理页中的对应栏目

6. 点击素材按钮跳转素材页

7. 点击图片可更换装饰图片

8. 导航栏含头像、首页、管理、素材、发布按钮，固定位置，跳转页面后仍存在

4.4 个人中心

1. 显示和编辑个人信息（昵称、用户名（唯一）、年龄、注册时间（不可修改）。

2. 账号设置：邮箱可重新绑定，密码可修改。

3. 点击头像可更换图片

4. 个人日志下拉列表显示最近一周发布博客的记录，例如12月13日12：10分发布了XXX

5. 博客管理按钮可跳转博客管理页

6. 账号设置-退出账号按钮可退出登陆并跳转博客介绍页

7. 首页按钮点击跳转个人首页

8. 发布按钮点击跳转编辑页

9. 素材按钮点击跳转素材页

4.5 博客编辑

1. 可编辑标题、内容

2. 支持撤销、字体大小更改、标题选择、加下划线、斜体、加粗、表格、代码、图片、背景、字体颜色、块引用、代码段、链接

3. 可添加封面图片、标签、分类专栏、文章类型

4. 可对博客上锁，即仅自己可见

5. 发布按钮可对博客进行保存并发布

6. 返回按钮退出编辑页并跳转个人首页

4.6 博客管理

1. 文章中的编辑按钮可跳转已完成的博客的编辑页

2. 发布按钮可新建文章，跳转博客编辑页

3. 删除按钮可删除文章，删除时d出警示（删除即永久删除）

4. 下拉列表显示文章的封面、修改日期和基本信息

5. 浏览按钮可跳转博客阅读页

6. 排序（按最近更新、最近浏览、最新发布排序）

7. 可根据日期、文章类型、分类专栏等筛选文章

8. 可按关键字搜索文章

4.7 博客阅读

1. 可详细阅读博客，此时不能编辑

2. 含标题、文章内容、封面、专栏、描述、文章类型、发布日期、最近更新等基本信息。

4.8 网页使用管理

1. 仅管理员可见

2. 含个人博客该项目被使用的日志

4.9 博客介绍

1. 项目介绍，含登陆和注册按钮，可分别跳转登陆页和注册页

4.10 找回密码

1. 向绑定的邮箱发生消息，获取密钥，从而修改密码

2. 密钥验证成功，跳转登陆页面

4.11 素材

1. 用于保存图片素材，支持.jpg, .jepg, .png格式

5 数据库设计

        描述：数据存储表设计 —— hm

6 运行需求

        描述：前端需要后端提供的接口 —— ms

7 测试