热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

About一个前后端星散的laravel5.4+vue2的项目,网站宗旨是分享原创诗文–诗词小筑。前台页面是由vue2编写的,后端供应api接口。而背景治理页面是由laravel的

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

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

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

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

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

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


推荐阅读
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • 媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日,许多内容早已逾期或是许多近期优异组件未被收录,所以小肆 ... [详细]
  • 本文介绍了如何使用PHP向系统日历中添加事件的方法,通过使用PHP技术可以实现自动添加事件的功能,从而实现全局通知系统和迅速记录工具的自动化。同时还提到了系统exchange自带的日历具有同步感的特点,以及使用web技术实现自动添加事件的优势。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • CF:3D City Model(小思维)问题解析和代码实现
    本文通过解析CF:3D City Model问题,介绍了问题的背景和要求,并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景,每个网格单元可以作为建筑的基础,建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路,并给出了相应的代码实现供读者参考。 ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • 一:跨域问题1、同源策略(浏览器的安全策略)    只允许当前页面朝当前域下发请求,如果向其他域发请求,请求可以正常发送,数据也可以拿回,但是被浏览器拦截了  2、c ... [详细]
  • 1、前端代码需要引入:element.min.cssvue.min.jselement.min.jsaxios.min.js  nuget里面可添加 ... [详细]
  • 本文涉及源码版本为2.6.9准备工作down一份Vue源码,从package.json入手,找我们需要的代码1、package.json中的scripts,build:nodesc ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • 在package.json中有如下两个对象:husky:{hooks:{pre-commit:lint-staged}},lint-staged:{src** ... [详细]
author-avatar
cresslyty_723
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有