Day 5 - 原型 (4): 帖子页元件

前言

今天要完成帖子页的元件设计。

帖子页的元件

  1. 帖子

基本上可以用回主页的帖子元件, 这里只是少了READ MORE, 还有把内容全部显示出来。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375B47lgEHIas.png

  1. 回覆条

给其他使用者留言, 使用者也可以填写自己的显示名字, 若果不填, 名字显示anonymous(匿名)。

https://ithelp.ithome.com.tw/upload/images/20210916/201403759dBl0VzuyI.png

  1. 留言信息

显示留言, 还有留言者的名字和留言时间。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375hDRsGbgxlX.png

  1. 留言信息分界线

为方便阅读, 这里加了以日子作为留言的分界。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375zo4QRhhN2i.png

  1. 分页

考虑到会有大量留言, 还是加一加分页吧。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375x8pKLHeD6z.png

  1. 回到主页

使用者留言後, 他可能会想看其他帖子, 所以这里要加一个回主页的按钮。

https://ithelp.ithome.com.tw/upload/images/20210916/20140375up5IzxCDw2.png

结语

今天大概就到这里, 明天再把他们组合成帖子页吧。

https://ithelp.ithome.com.tw/upload/images/20210917/20140375PbROetb5xd.png


<<:  Day 2 - Array 阵列组合技 (1)

>>:  [Day 2] php变数型态与运算

[Day_4]Python 字串(1)

字串 在Python里扮演很重要的角色, 使用**单引号「'」与双引号「"」**所包含的文...

作业系统L6-同步

作业系统L6-同步 临界区间(critical section) 每一行程中的部分程序码,可以共同改...

RISC-V on Rust 从零开始(10) - 实作ELF loader

在实际的硬体上,开机後执行的第一道指令已经烧录在ROM上面,对於CPU来说程序在开机时就已经位於位址...

协作图

UML 有四种表达 Entity 之间互动的图,分别是: 状态图、时序图、协作图、活动图,这次要介绍...

Day 21 需要高效的NoSQL资料库-DynamoDB看过来

完成了阶段性的实作後,我们今天一起来看看什麽是Dynamo DB。 1. Dynamo DB的应用价...