🦄 While most “todo” demos provide an excellent cursory glance at a framework’s capabilities, they typically don’t convey the knowledge & perspective required to actually build real applications with it. That’s why we, with the help of open source experts, design and serve as exemplary real world applications for each framework.
RealWorld 包含了在 Web 开发中会遇到的大多数常见业务,例如列表、增删改查、鉴权、登录等,比较适合用来学习,相关资源:RealWorld Github,RealWorld 官网,RealWorld Demo,RealWorld 实现,可以用 Swagger Editor 打开官方提供的 yml,或者使用 Postman 查看官方提供的 JSON。
页面头部
登陆前
登录后
页面首页
默认
点击标签后
登录后
文章列表
右下角显示标签,点击右上角喜欢(所有需要登录后的操作,未登录下点击都需跳转到登录页)。
文章详情
详情页里包含
顶部标题:显示了用户信息,也可以喜欢文章或关注用户,如果这个文章是你写的,那么喜欢和关注将会变成编辑和删除。
中间正文:正文内容以及标签等。
底部评论:注意区分登录和未登录的状态。
用户详情
注意:当访问用户自己的时候关注按钮会被替换成用户设置按钮,点击将会跳转至用户配置页。
用户设置
新增/编辑
注意:标签输入的是字符串,可以选择按逗号分隔多个标签。
登录/注册
如果有异常信息,需要进行展示,包括文章和用户编辑页面等。