创新实训博客(8)——前端界面设计(基本部分)
2020-07-14 06:21
459 查看
初步的界面设计构想,后期可能会根据实际需要进行一定的修改。
复用组件(1)—Tip-Item
复用组件(2)—Tag-Item
复用组件(3)—Blog-Item
复用组件(4)—Blog-Detail-Item
复用组件(5)—Author-Detail-Item
用户登录界面
这部分比较简单,就是一个用户名输入框和密码输入框
然后登录按钮是向后端发请求,返回对应的信息然后进行处理
这里点击用户名这个列表后,会展示一个下拉列表,记录着曾经使用过的用户名
用户注册界面
这里的注册界面就类似于比较基本的注册
仅仅需要提供一些必要的信息,剩下的信息可以在个人信息编辑的时候进行添加和更改
用户个人信息界面
首先是显示用户头像、用户名和用户角色的一个界面
然后下面是用户的详细信息,可以编辑,然后点击提交向后端发数据进行修改
右侧侧边栏显示一些简单的数据,比如个人喜欢的标签、个人曾经看过的博客等等
相关文章推荐
- 创新实训博客(11)——App端界面设计(基本部分)
- 创新实训博客(10)——前端界面设计(后台管理部分)
- 创新实训博客(9)——前端界面设计(博客相关部分)
- 创新实训博客(32)——用户画像部分基本统计数据的设计构想
- 创新实训博客(13)——App端界面设计(博客以及其他部分)
- 创新实训博客(12)——App端界面设计(首页Fragment部分)
- 创新实训博客(34)——用户画像部分前端展示
- 创新实训博客(25)——接口调用请求汇总(用户基本操作和历史记录相关部分)
- 创新实训博客(42)——搜索界面自动补全的前端处理
- 创新实训博客(20)——Vue中使用ECharts进行数据可视化(基本图表部分)
- 创新实训博客(33)——探索Android开发中的消息推送功能(推送服务模块进阶设计)
- 创新实训博客(31)——Vue.js前端项目的生产环境部署
- 创新实训博客(14)——Vue前端与后端的接口交互
- 创新实训博客(29)——接口调用请求汇总(可视化部分)
- 创新实训博客(28)——接口调用请求汇总(App和博客相关部分)
- 创新实训博客(27)——接口调用请求汇总(博客相关部分)
- 创新实训博客(26)——接口调用请求汇总(后台管理部分)
- 创新实训博客(43)——爬取任务管理界面修改配置
- 创新实训博客(41)——管理员数据统计和搜索自动提示设计
- 创新实训博客(37)——在App端显示一些统计数据的设计与尝试