大家好,我是爱学习的了不起!
我们不管是学习新的开发语言还是学习新的中间件,第一段程序都是hello world。一般我们写的都是在业务上毫无意义的代码,今天给大家推荐一个最强的 demo,让你在用尽可能少的代码学到尽可能多的东西 – realworld。目前在 github 上标星74.2K+。
项目简介
realworld 是一个名称 Conduit 的社交博客网站,可以注册、发布文章、评论以及对账户进行管理,包含了web中常见的业务,例如增删改查、列表、登录鉴权等等。
我们可以按照 RealWorld 提供的API规范,通过任何前端语言和任何后端语言来实现网站的功能。
在 [RealWorld Example Apps](CodebaseShow – RealWorld Example Apps) 找到现在已经公开的 realworld 不同版本实现(比如 React + redux、vue3 + vite、java、go 等等)
项目功能
我这里主要介绍下网站的功能,更多细节小伙伴们自己去探索。
1、首页
分为左侧的 文章列表 和右侧的 热门标签。
2、文章详情页
可以可以点赞文章或关注用户。
3、新增或修改文章
页面包含一个 form 表单,分别填写标题、简介、正文和标签。
4、登录注册
项目使用
开发前端页面
realworld 提供了 [前端路由示例](Routing Guidelines | RealWorld (realworld-docs.netlify.app)),可以按其定义你的页面路由。
后端服务通过以下方式实现:
- 本地运行官方的后端实现:在此处找到 GitHub 存储库。
- 官方提供了公共托管 API :
https://api.realworld.io/api
开发后端接口
realworld 提供了一套 API 接口,我们只需要按照这套标准开发即可。可以用 Swagger Editor 打开官方提供的 [swagger.json](realworld/swagger.json at main · gothinkster/realworld · GitHub),可以看到接口规范。
项目地址
1 | https://github.com/gothinkster/realworld |
总结
realworld 为我们提供了一个比较全网站demo,我们在学习新技术时候,按照官方的API规范,实现前端页面或者后端接口。感兴趣的小伙伴赶快去试试吧~
写在最后
欢迎加入开源小分队读者交流群,聊天学习摸鱼为主,不定时会分享一些技术要点和优质学习资源,有一群有趣有料的小伙伴在等你哦!
进群方式:开源小分队
公众号后台回复888
,按提示操作即可进群。
问君能有几多愁,开源项目解千愁,我们下期再见!
大家的点赞、收藏和评论非常重要,如文章对你有帮助还请转发支持下,谢谢!