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 // 如：dragonfly920130@outlook.com
  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