资讯专栏INFORMATION COLUMN

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

sixgo / 2148人阅读

摘要:一个前后端分离的的项目,网站主旨是分享原创诗文诗词小筑。前台页面是由编写的,后端提供接口。而后台管理页面是由的模板与共同完成。因此我将它们放在两个仓库里。由于很多地方都是自己的,所以网站设计的有些粗糙。配置邮件发送信息,采用。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/23338.html

相关文章

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

    摘要:一个前后端分离的的项目,网站主旨是分享原创诗文诗词小筑。前台页面是由编写的,后端提供接口。而后台管理页面是由的模板与共同完成。因此我将它们放在两个仓库里。由于很多地方都是自己的,所以网站设计的有些粗糙。配置邮件发送信息,采用。 About 一个前后端分离的 laravel5.4 + vue2 的项目,网站主旨是分享原创诗文--诗词小筑。前台页面是由vue2编写的,后端提供api接口。而...

    Cheng_Gang 评论0 收藏0
  • 关于Vue2一些值得推荐文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0
  • 关于Vue2一些值得推荐文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    khs1994 评论0 收藏0
  • 2017年3月份前资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    ermaoL 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<