使用 Rainbow 展示随机的英语句子

本文由 Fluid 用户授权转载，版权归原作者所有。

本文作者：吃白饭
原文地址：https://eatrice.top/post/Rainbow/

访问 Rainbow 吧！

介绍

Rainbow - 一朵彩虹是 EatRiceTeam建立的一个旨在收集优美英语句子的一套网站。演示网站地址为：https://rainbow.eatrice.top/

我们希望能够与大家分享我们在日常的学习生活中遇到的优美的英语句子，希望它能像彩虹一样，美丽天空，温暖人心。

其由C#开发，基于ASP.NET Core 2.2框架。包括Web API提供导出JSON的数据接口，和基于MVC的动态展示网站。

关于Rainbow

Rainbow 收集的英语句子的要求为：

读起来感觉很优美的文章句子段落或诗歌节选；
含义特别丰富且引人深思的鸡汤或哲学句子；
句子奇怪，但意义完整且显得很有个性的电影台词；
你特别喜欢，且引起你感情上共鸣的英语歌词。

Rainbow 创建的初衷是替代我们的个人网站目前正在使用的一言，我们希望自己能够自己定义一句话的意思和表现形式。目前句子库不是特别丰富，收集的资源有限，所以欢迎大家投稿，并发表自己的看法。

给Rainbow投稿

我们希望找到小伙伴们和我们一起充实我们的句子库，希望大家能够将自己珍藏的句子分享给我们：

投稿要求：

提供完整的句子
提供句子的作者
提供句子的来源，如书名、文章名、电影名、歌曲名等。

投稿方式：

EatRice的邮箱：qiqi@eatrice.top
Courir的邮箱：dipper.ruru@gmail.com
在本页下方留言
好友QQ或微信直接发送

使用方法

数据接口

目前语句库饱含了三种类型的语句：reading、movies、songs

需要从语句库中随机获得语句的Json格式的接口：https://api.eatrice.top/

需要按照三个单独分类请求语句的接口：
https://api.eatrice.top/reading/
https://api.eatrice.top/movies/
https://api.eatrice.top/songs/

获取所有的句子接口：https://api.eatrice.top/GetAll/

需要根据语句ID请求语句的接口：https://api.eatrice.top/?ID=10001
ID编号从10001开始增加，若该ID不存在则随机返回语句，同https://api.eatrice.top/

返回的数据格式如下：

{
    "Content": "Because I am your mom,It counts the most because I know you the most.",
    "Author": "Stephen Chbosky",
    "Source": "Wonder",
    "ID": "10009"
}

其中，Content为句子内容
Author为句子作者
Source为句子来源
ID为句子ID

展示网站

展示网站为 Rainbow 提供展示界面。和说明文档。

Rainbow的展示网站为：https://rainbow.eatrice.top/
欢迎大家访问和提供意见😊😊😊。

效果图

安装

在需要添加 rainbow 的地方添加一个占位符:

1	`<p><a id="rainbow" href=''>🌈 获取中...</a></p>`

在申明div之后，搭配数据请求脚本

<script>
fetch('https://api.eatrice.top')
  .then(response => response.json())
  .then(data => {
    var rainbow = document.getElementById('rainbow');
    rainbow.innerHTML = data.Content;
    rainbow.href = "https://rainbow.eatrice.top/?ID=" + data.ID;
  })
  .catch(console.error)
</script>