瞎扯淡 个人项目第三版:Rails API + Vue.js,欢迎大家体验

Sylor-huang · 2020年10月07日 · 最后由 Jy289365904 回复于 2020年10月19日 · 944 次阅读

第二版上线后,就想着要做第三版的改版,经过大半年的业余时间的摸索(主要是 vuejs 得从头开始学),终于上线了第三版。欢迎大家体验并留下宝贵的建议~

新增了:

  1. 话题交流栏目
  2. 翻译计划,自定义翻译计划,可以邀请用户加入,一起在线翻译
  3. 暗黑主题
  4. 私信的及时通讯

Rails 使用的一些 Gem:

ruby '2.7.0'
gem 'rails', '~> 6.0', '>= 6.0.2.2'
# gem 'mysql2', '~> 0.5.3'
#postgresql 
gem 'pg', '~> 1.2', '>= 1.2.3'
#postgresql 搜索
gem 'pg_search', '~> 2.3', '>= 2.3.3'
#pg 中文分词
gem 'jieba_rb'
gem 'puma', '~> 4.1'
gem 'jbuilder', '~> 2.10'
gem 'bcrypt', '~> 3.1.7'
gem 'friendly_id', '~> 5.3'
gem 'pagy', '~> 3.7', '>= 3.7.3'  #分页
gem 'chinese_pinyin'
# gem 'searchkick', '~> 4.3' #搜索
#用户图像
gem 'letter_avatar', '~> 0.3.6'
gem 'foreman'
gem 'bootsnap', '~> 1.4', '>= 1.4.8'
gem 'rack-cors'
gem 'action-store', '~> 0.4.4'
gem 'jwt_sessions', '~> 2.4', '>= 2.4.3'
#异步,队列及可视化
gem 'sidekiq', '~> 6.0', '>= 6.0.4'
# gem 'sinatra', '~> 2.0', '>= 2.0.7' 
gem 'redis-rails', '~> 5.0', '>= 5.0.2'
#敏感词汇
gem 'harmonious_dictionary', '~> 0.0.1'
#快速批量插入
# gem 'bulk_insert', '~> 1.8', '>= 1.8.1'
#保存用户的改删记录
gem 'audited', '~> 4.9'
#常用参数设置
gem 'rails-settings-cached', '~> 2.2'
#上传图片
gem 'carrierwave', '~> 2.1'
gem 'carrierwave-qiniu', '~> 1.2', '>= 1.2.2'
gem 'whenever', '~> 0.9.4'
#树形结构,如多级评论
gem 'ancestry', '~> 3.0', '>= 3.0.7'
#按时间搜索
gem 'groupdate', '~> 5.0'
# 根据ip寻找位置
gem 'seventeen_mon'
#七牛
gem 'qiniu', '~> 6.9'
#搜索
gem 'ransack', '~> 2.3', '>= 2.3.2'
#通知系统
gem 'notifications', '~> 1.0'
# 简化状态
gem 'enumerize', '~> 2.3', '>= 2.3.1'
#支付宝
gem 'alipay', '~> 0.15.1'
#第三方登录
gem 'omniauth', '~> 1.9', '>= 1.9.1'
gem 'omniauth-oauth2', '~> 1.6'
gem 'omniauth-github', '~> 1.4'
gem 'omniauth-stackexchange', git: 'https://github.com/nashby/omniauth-stackexchange.git'

Vuejs 使用的一些主要插件:

"actioncable-vue": "^2.3.0",   #及时通讯
 "echarts": "^4.8.0",   #图表
 "mavon-editor": "^2.7.7",   #编辑器
 "qrcodejs2": "^0.0.2",   #二维码
 "view-design": "^4.2.0",   #vuejs的前端模板
 "vue-at": "^2.5.0-beta.2",   #at 用户
 "vue-clipboard2": "^0.3.1",   #复制代码
 "vue-cropper": "^0.5.4",   #图片裁剪
 "vue-i18n": "^8.15.3",   #国际化
 "vue-lazyload": "^1.3.3",   #图片懒加载
 "vue-meta": "^2.3.2",   #自定义 meta信息
 "vue-scrollto": "^2.18.1",   # 滚动
 "vue-social-share": "^0.0.3",  #社会化分享

部分截图

技术问答好像没做起来。

@pynix 啥意思,是有什么 bug 的吗?非常感谢能给我反馈~

Sylor-huang 回复

segmentfault 国内技术问道平台,好像不温不火。

好像是的,我曾经在 segment 和 stackoverflow 上提问,都没人回答(或很长时间才回答),还是在 ruby-china 上提问,能够快速的被解答

学习了👍

很优秀。整个网址的功能已经很完整了。我之前也有用 reactjs 做一个网站 demo 的经验。建议楼主可以多走一步,看看怎么盈利。

你路由这一块是怎么处理的呢?

@hooopo 感谢您曾经的帮助~

@qichunren vuejs 使用 vue-router, 后端仅提供 api。

Sylor-huang 回复

你的实际上是一个单页应用,然后使用了 vue-router 的 HTML5 History 模式,是这样吗?

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册