python vue前后端分离_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