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

About

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

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


Frontend

Intro

诗词小筑的前台页面,基于vue.js+element-uimysql

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

技术栈

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

已实现功能

  • 登陆、注册、退出登陆、修改密码、忘记密码、邮箱验证
  • 邮件反馈
  • 添加诗文、编辑诗文、搜索诗文
  • 诗文点赞、收藏、评分、评论、写赏析
  • 添加品鉴、编辑品鉴、搜索品鉴
  • 品鉴点赞、收藏、评分、评论
  • 修改我的信息
  • 无限加载
  • 关注用户
  • 发送私信、删除私信、删除对话列表
  • 微博登陆、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.jsgit

诗词小筑的前台页面github

技术栈

laravel5.4 + passport + vue2 + element-ui + axios + stylusvue-router

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
  • 配置链接数据库信息,默认采用mysqlsql

    # .env
    
    DB_DATABASE=your_database
    DB_USERNAME=your_username
    DB_PASSWORD=your_password
  • 配置邮件发送信息,采用sendcloundvuex

    # .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

相关文章
相关标签/搜索