Skip to content

qwlong/rubychinaspa

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

rubyChinaSpa

Build with angularjs and ruby-china.org api/v2.

简介

ruby-china.org的SPA版, 根据ruby-china.org api制作.使用简单的angularjs语法, 未涉及复杂的directive与filters等.

功能

  • 帖子(index/show)
  • 节点(index/show)
  • 用户(index/show)
  • 用户登陆(基于loginname, token)
    • 发表新贴
    • 发表评论
    • 收藏帖子
  • 支持 markdown即时预览(预览格式与ruby-china.org原站略有不同.)
  • 支持 emoji

DEMO

因为CROS的原因, 无论是在线测试还是本地测试, 都无法获取ruby-china.org的api数据. 除非ruby-china.org管理员允许CROS.

当前ruby-china.org官方已支持CROS, :), 此节可省. 以下部分保留以作参考;

DEMO运行的前提

Google chrome 浏览器通过运行非安全模式(暂时)解决此问题:

  • Linux: google-chrome --disable-web-security
  • Mac: open -a Google\ Chrome --args --disable-web-security
  • windows: 进入到chrome安装目录, chrome.exe --disable-web-security

注意: 必须完全关闭google chrome之后再运行此命令. 否则只要有任何一个chrome实例存在, 此模式将启动失败.

如果运行命令后出现You are using an unsupported command-line flag: --disable-web-security. Stability and security will suffer.您使用的是不受支持的命令行标记: —disable-web-security. 稳定性和安全性会有所下降.的提示, 即可正常浏览.

参考

Online Demo:

http://rbspa.zhuboliu.me

测试帐号: rbspa

token: 3d8757cc530374f18778:13471

以上帐号仅为新注册的测试帐号, 不能发帖, 只能回帖.

注意: 可以使用个人的登陆名与token登陆, 但不推荐使用(虽然个人保证不在log中记录任何个人的token).

本地测试

git clone https://github.com/suffering/rubychinaspa.git
cd rubychinaspa
npm install connect
node server.js
google-chrome http://localhost:1337 --disable-web-security

本地测试分两种模式, 一种是直接引用ruby-china.org/api/v2的数据, 另一种是本地运行ruby-china, 而后将services.js中的base_url()函数的返回值改为http://localhost:3000.

TODO

  • 简化代码, 引入更多angularjs的高阶应用.
  • 用户喜欢/收藏功能.
  • 图片上传功能
  • 允许多界面多主题切换.

帖子列表 发帖, markdown即时预览 节点 Login Users#show

About

基于angualrjs 的 ruby-china.org SPA版.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.0%
  • CSS 26.0%