热门标签 | 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 的前后端星散项目,一个分享原创诗文的网站》


推荐阅读
  • Envoy 流量分配策略优化
    在本研究中,我们对Envoy的流量分配策略进行了优化,旨在提高系统的稳定性和性能。实验环境包括一个前端代理服务(Envoy,IP地址为172.31.57.10)和五个后端服务。通过调整Envoy的配置,实现了更高效的流量分发和负载均衡,显著提升了整体系统的响应速度和可靠性。 ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • JUC(三):深入解析AQS
    本文详细介绍了Java并发工具包中的核心类AQS(AbstractQueuedSynchronizer),包括其基本概念、数据结构、源码分析及核心方法的实现。 ... [详细]
  • Flutter 2.* 路由管理详解
    本文详细介绍了 Flutter 2.* 中的路由管理机制,包括路由的基本概念、MaterialPageRoute 的使用、Navigator 的操作方法、路由传值、命名路由及其注册、路由钩子等。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • 在CentOS 7环境中安装配置Redis及使用Redis Desktop Manager连接时的注意事项与技巧
    在 CentOS 7 环境中安装和配置 Redis 时,需要注意一些关键步骤和最佳实践。本文详细介绍了从安装 Redis 到配置其基本参数的全过程,并提供了使用 Redis Desktop Manager 连接 Redis 服务器的技巧和注意事项。此外,还探讨了如何优化性能和确保数据安全,帮助用户在生产环境中高效地管理和使用 Redis。 ... [详细]
  • 本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码,帮助开发者快速掌握如何在项目中实现国际化功能,提升用户体验。同时,文章还探讨了常见的多语言切换问题及解决方案,为开发人员提供了实用的参考。 ... [详细]
  • 本文详细解析了神州数码DCRS5980交换机的基础配置流程和技术要点。首先,通过进入配置模式(`enable`),设置主机名(`hostname 5980`),并创建VLAN,逐步介绍了设备的初始设置步骤。此外,还涵盖了端口配置、IP地址分配及安全设置等关键环节,为用户提供了全面的配置指导。 ... [详细]
  • 本文探讨了在Lumen框架中实现自定义表单验证功能的方法与挑战。Lumen的表单验证机制默认返回无状态的JSON格式API响应,这给初学者带来了一定的难度。通过深入研究Validate类,作者分享了如何有效配置和使用自定义验证规则,以提升表单数据的准确性和安全性。 ... [详细]
  • 端口转发(Port Forwarding)类似于服务重定向,许多路由器中也称其为虚拟服务器(Virtual Server)。通过合理配置端口转发,可以实现外部网络对内部网络中特定设备和服务的高效访问,从而提高通信效率和灵活性。此外,正确设置端口转发还能增强网络安全,确保只有授权的流量能够进入内网,有效防止未授权访问和潜在威胁。 ... [详细]
  • javax.mail.search.BodyTerm.matchPart()方法的使用及代码示例 ... [详细]
  • 基于 Vue 和 Element UI 实现的简洁登录界面设计
    本文介绍了一种利用 Vue.js 和 Element UI 框架构建的简洁登录界面设计。该设计不仅注重用户体验,还确保了界面的美观性和易用性。通过合理的布局和组件配置,实现了高效、响应式的登录功能,适用于多种前端应用场景。 ... [详细]
  • 深入解析 Vue 中通过 $route.params 实现参数传递的方法与技巧
    本文深入探讨了在 Vue 框架中利用 `$route.params` 进行参数传递的方法和技巧。通过详细解析 `$route.params` 的工作机制及其与 `$route.query` 的区别,帮助开发者更好地理解和应用这一功能。文章不仅涵盖了基本的使用方法,还提供了实际案例和最佳实践,以便读者能够灵活运用这些技术,提升开发效率和代码质量。 ... [详细]
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社区 版权所有