laravel + vue.js 的前后端分离项目，一个分享原创诗文的网站

About

一个前后端分离的 laravel5.4 + vue2 的项目，网站主旨是分享原创诗文--诗词小筑。
前台页面是由vue2编写的，后端提供api接口。而后台管理页面是由laravel的blade模板与vue2共同完成。
因此我将它们放在两个仓库里。
由于很多地方都是自己diy的，所以网站设计的有些粗糙。
如有疏漏不妥之处，还请不吝赐教。

诗词小筑的前台页面
诗词小筑的后台页面与后端代码

---

Frontend

Intro

诗词小筑的前台页面，基于vue.js+element-ui。

诗词小筑的后台页面与后端代码

技术栈

vue2 + element-ui + vuex + vue-router + axios + stylus + ES6

已实现功能

• 登录、注册、退出登录、修改密码、忘记密码、邮箱验证
• 邮件反馈
• 添加诗文、编辑诗文、搜索诗文
• 诗文点赞、收藏、评分、评论、写赏析
• 添加品鉴、编辑品鉴、搜索品鉴
• 品鉴点赞、收藏、评分、评论
• 修改个人信息
• 无限加载
• 关注用户
• 发送私信、删除私信、删除对话列表
• 微博登录、GitHub登录

How To Use

git clone https://github.com/DragonFlyXD/poetryclub-frontend

cd poetryclub-frontend

npm install

npm run dev

Screenshot

Backend

Intro

诗词小筑的网站后台页面与后端代码，基于laravel+vue.js。

诗词小筑的前台页面

技术栈

laravel5.4 + passport + vue2 + element-ui + axios + stylus

How To Use

git clone https://github.com/DragonFlyXD/poetryclub-backend

cd poetryclub-backend

composer install 

php artisan migration

chmod -R 777 storage

/**
 * 将生成的 ID 和 Secret 添加进 .env 文件中
 * 如:
 * PASSWORD_CLIENT_ID=3
 * PASSWORD_CLIENT_SECRET=OdIzVLnICs7dXYz3QEe9xeo1ITr2ugpdrwR1xvGb
 **/
php artisan passport:client --passport

• 配置连接数据库信息，默认采用mysql。

  # .env
  
  DB_DATABASE=your_database
  DB_USERNAME=your_username
  DB_PASSWORD=your_password

• 配置邮件发送信息，采用sendclound。

  # .env
  
  MAIL_FROM_ADDRESS=your_address // 如：[e-mail]
  MAIL_FROM_NAME=your_name // 如：诗词小筑
  SEND_CLOUD_USER=your_user
  SEND_CLOUD_KEY=your_key

• 配置搜索功能信息，采用algolia。

  # .env
  
  ALGOLIA_APP_ID=your_id
  ALGOLIA_SECRET=your_secret

• 配置图片存储功能信息，采用七牛云。

  # .env
  
  QINIU_ACCESS_KEY=your_access_key
  QINIU_SECRET_KEY=your_secret_key
  QINIU_BUCKET=your_bucket
  QINIU_DOMAIN=your_domain

Screenshot