LeanCloud BBS
基于 LeanCloud 接口实现的一个�社区,使用 Github 账号进行登录,0 后台配置。仅需一个 LeanCloud 账号即可。
技术栈
前端页面:
主要的框架:
主要使用的库:
工具库:
- axios 热门请求库
- js-cookie cookie 处理
- markdown-it 及其插件库
后台接口:
目录结构
本地运行
本项目基于 vue-cli@3.0 生成的,所以推荐使用 vue-cli 的 3.0 版本运行。
# install vue-cli 3.0
$ npm install -g @vue/cli
# or `yarn add -g @vue/cli`
# clone project to your workspace
$ git clone git@github.com:JZLeung/leancloud-bbs.git
# cd into the locale project
$ cd leancloud-bbs
# install dependencies
$ npm install
# or `yarn`
配置 LeanCloud
- 注册/登录 LeanCloud,并进入控制台,创建新应用。
- 等待两分钟,应用初始化。
- 编辑 Class
_User
表新增两个字段username
和avatar
。分别记录用户名和头像。- 新建
topic
表。�添加字段:- uid 为发起人的 id。
- username 为发起人的 �用户名(存起来的目的为了减少前端请求查询的次数)
- title 话题的标题
- content 话题内容
- 新建
reply
表。添加字段:- tid 话题 id
- title 话题标题(存起来的目的为了减少前端请求查询的次数)
- uid 用户 id
- username 用户名(存起来的目的为了减少前端请求查询的次数)
- content 回复内容
- 进入 设置 - 应用 Key,复制应用的 AppID 和 AppKey 至
src/plugins/leancloud.js
覆盖已有的应用 ID 和 Key。
Compiles and hot-reloads for development
$ npm run serve
# or `yarn serve`
Compiles and minifies for production
$ npm run build
# or `yarn build`
License
MIT