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设计没有整体认识所致。
java web个人博客开发(二产品设计)相关推荐
- java开发个人博客过程_java web个人博客开发(四详细设计)
1.序言 详细设计主要内容在这里是接口设计,即html页面请求到,java后台返回数据的接口.预期实用restful风格,所以接口形式是url+请求参数,数据格式为json.由于文章统计阅读量和博主的 ...
- 基于JAVA的个人博客论坛系统的设计与实现参考【数据库设计、源码、开题报告】
在学校开发搭建一个什么项目最有成就感,那肯定就是搭建「个人博客」呀,然后把自己平时的学习笔记写到博客里,这时你的笔记就是**云笔记**,就再也不会出现因为本地文件丢失而感到痛心的事情. 而且,还可以把 ...
- web前端 | 博客(二)登录功能
实现登录功能 创建用户集合,初始化用户 连接数据库 创建用户集合 初始化用户 为登录表单项设置请求地址,请求方式(GET方法会将参数放到地址栏中,不隐蔽,要用POST方法,它将参数放到消息体中,比较隐 ...
- java皮丘 博客园,又一个设计工具 Framer X Preview
又一个设计工具 Framer X Preview 所说比 Sketch 和 Figma 都要好用,不知道是不是真的 ~~ To give you a little background, I've b ...
- Django个人博客开发 | 前言
本渣渣不专注技术,只专注使用技术,不是一个资深的coder,是一个不折不扣的copier 1.前言 自学 Python,始于 Django 框架,Scrapy 框架,elasticsearch搜索引擎 ...
- PHP系统开发/Web文章博客
PHP前后端交互 | web文章博客 前言 环境部署 一.登录 二.注册 三.主页 四.详情 五.编辑 六.删除 七.注销 八.发表 全部文件 总结 前言 一.项目需求: 做个基础的页面,文章博客we ...
- Node.js 从零开发web server博客项目--项目初始化
本篇博客记录了<Node.js 从零开发web server博客项目>的原生开发系列内容. 开篇主要介绍原生项目的搭建,以及初步的项目结构设计. 一.项目初始化 新建项目目录,并进入到项目 ...
- Spring boot实训开发个人博客(二)详情页
Spring boot实训开发个人博客(二)详情页 1.在index页面添加归档: 2.开始写详情页: 1.头部文件: 2.添加文章内容 <h2 class="ui center al ...
- 毕业设计分享----基于Java的个性化博客空间的设计与实现
一.大宇想说的话 大宇大学毕业已经四个月了,这四个月有懒惰的时候,有努力的时候.回首自己走过的路,只有毕业设计最能浓缩我的所学.我早就有这个打算:把自己的毕业设计与大家分享,但一直没有用行动落实.这个 ...
最新文章
- C语言 字符串和字符串数组动态分配及赋值
- 【Visual Studio 2019】上传代码到 GitHub ( 16.9.2 版本 | 安装 GitHub 扩展插件 | 创建 Git 仓库 | 推送到远程仓库 )
- How Much Memory Your Code Is Using? Gym - 101955J
- Ubuntu E: 无法获得锁 /var/lib/dpkg/lock - open
- 【clickhouse】ClickHouseException code: 999 Cannot allocate block number in ZooKeeper: Coordination
- Web 学习之跨域问题及解决方案
- 【2019杭电多校第六场1011=HDU6644】11 Dimensions(dp+思维)
- 天网防火墙V2.61学习教程
- 计算机学打字教案小学,6 用金山打字通练指法
- win10连接win7共享打印机(win10连接win7共享打印机)
- java.util.list 报错_cannot be cast to java.util.List
- 3 求最大公约数和最小公倍数
- 小程序input的type属性 text、number、idcard、digit
- 最大团问题(使用递归和非递归两种方法)
- sql文件导入mysql数据库出错_如何解决navicat导入sql文件出错的问题
- Ubuntu Fcitx 繁简输入切换
- ios label文字行间距_ios实践之Label 字间距、行间距、两端对齐、分行显示
- Greenplum Python专用库gppylib学习——GpArray
- 学习pandas库笔记(pd.read_excel)
- 关于linux下raid的设备文件和格式化