Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

快速制作一个有创意的捐赠页面 #27

Open
rainyear opened this issue Mar 20, 2016 · 0 comments
Open

快速制作一个有创意的捐赠页面 #27

rainyear opened this issue Mar 20, 2016 · 0 comments
Assignees

Comments

@rainyear
Copy link
Owner

Slack 和 GitHub 都添加了一个 Reaction 功能,可以对别人的发言或 Issue 通过 emoji 进行互动。这是一个非常有趣的小功能,于是我也想把它用在我的页面上!

先来看看效果(代码):
emoji

  1. 页面托管当然用 GitHub Pages;
  2. 首先我需要 Emoji,解决方案有很多 EmojiOne、Twemoji 啦,我选择了 Twemoji ,并用国内的 CDN
  3. 然后我需要服务器记录,当然这个小功能不需要自己搭建服务器,于是我选择 LeanCloud
  4. 因为没有用户登录限制,暂时只在本地对每天投票次数进行限定;
  5. 对我来说CSS布局才是最痛苦的,我选择妹子UI稍微减轻一点痛苦。

LeanCloud 的文档写得很不错,按照JavaScript 数据存储开发指南很快就可以实现数据存储的功能:

  1. 首先,在 LeanCloud 创建一个应用,然后在数据后台创建一个新的 Class;
  2. 把他们的 Js 库添加到页面,拿到 APP ID 和 APP Key 之后初始化;
  3. 页面加载之后初始化查询得到数量,用户点击之后更新数量。

最后,来试一下吧:rainy.im/donate/

@rainyear rainyear self-assigned this Sep 8, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant