基于vue3+element-plus+laravel8构建的前后端分离的博客应用🔧 📦 🎉

Related tags

Frameworks blog jwt-auth vue3 bootstart4 laravel8x element-plus
Overview

基于vue3+element-plus+laravel8.x构建的前后端分离的博客应用

最新的博客开源啦～～～ 哈哈哈。利用空余时间将以前的老博客更新重写了一下。模仿了两个博客的ui。基于 vue3+element-plus+laravel8.x前后端分离构建的一款博客应用。

前端UI参考

博客地址

实现了一些小功能

  • 主题切换

最新的博客开源咯

  • 前后端分离下第三方授权登录

最新的博客开源咯

  • 响应式

最新的博客开源咯

最新的博客开源咯

前端使用到的一些组件和库

  • element-plus 处理封装一些组件其他基本是使用了ui框架提供的
  • vue-wechat-title 页面title渲染
  • vue-router 前端路由 * vuex状态管理、cookie(存储token用户状态) localStorage 用户信息 数据缓存
  • axios 封装了请求和响应拦截器 处理api异常逻辑
  • simplemde+highlight maradown渲染以及代码高亮
  • nprogress实现进度条

后端没啥好说的curd

  • jwt 前后端分离下身份验证
  • redis 缓存热点文章 异步队列处理提交评论解析ip用户的地址信息(守护进程消费)
  • 使用了自己开发的包实现了第三方登录 thirdparty_oauth
  • dcat-admin快速开发的管理后台
  • 评论curd

关于搭建

工具 🔧

前端UI参考

前端安装集成

  • 前端
   //全局配置文件 存放第三方登录一些key 以及后台接口
   .env
   .env.development
   .env.production
  • 前端安装
npm install
npm run serve //热开发 加载.env.development配置文件
npm run build:prod //打包发布 加载 .env.production配置文件

后端安装集成(记得将sql文件(latent_blog)导入并配置好数据库和redis)

  • .env 配置(已经配置好了)
BROADCAST_DRIVER=log 
CACHE_DRIVER=array 
QUEUE_CONNECTION=sync //异步
SESSION_DRIVER=redis //redis驱动
SESSION_LIFETIME=120
  • 启动
cp .env.example .env
composer install
php artisan key:gen
php artisan serve --port 9091

后台消费队列(正式环境用守护进程维护就行)

php artisan queue:work redis --sleep=3

更新日志

  • 2021-04-17 新增用户评论所属区域显示 新增归档a链接 新增评论删除模型监听
  • 2021-04-20 新增文章图片跳转 新增二级评论
You might also like...
Returns a list of Craft/Vue/React route rules and element URLs for ServiceWorkers from Craft entries
Returns a list of Craft/Vue/React route rules and element URLs for ServiceWorkers from Craft entries

Route Map plugin for Craft CMS 3.x Returns a list of Craft/Vue/React route rules and element URLs for ServiceWorkers from Craft entries Related: Route

nystudio107 30 Mar 14, 2022
Laravue is a beautiful dashboard combination of Laravel, Vue.js and the UI Toolkit Element.
Laravue is a beautiful dashboard combination of Laravel, Vue.js and the UI Toolkit Element.

Laravue Laravue (pronounced /ˈlarəvjuː/) is a beautiful dashboard combination of Laravel, Vue.js and the UI Toolkit Element. The work is inspired by v

Tuan Duong 2.1k Jan 2, 2023
TypeResolver - A PSR-5 based resolver of Class names, Types and Structural Element Names

TypeResolver and FqsenResolver The specification on types in DocBlocks (PSR-5) describes various keywords and special constructs but also how to stati

phpDocumentor 9k Dec 29, 2022
A Polymer e-commerce element for Magento 2

magento-collect Master branch | Develop branch --- | --- | --- | Note: this element is still in progress, watch it to follow the progress. This is lik

Bob van Luijt 16 Dec 7, 2019
This library provides HTML5 element definitions for HTML Purifier, compliant with the WHATWG spec

HTML5 Definitions for HTML Purifier This library provides HTML5 element definitions for HTML Purifier, compliant with the WHATWG spec. It is the most

Mateusz Turcza 92 Nov 16, 2022
A simple extension that adds the a CMS Edit link to an element that is inline-editable
A simple extension that adds the a CMS Edit link to an element that is inline-editable

SilverStripe Elemental Advanced Edit A simple extension that adds the a CMS Edit link to an element that is inline-editable. Created as work-around to

Robert van Lienden 5 Sep 19, 2022
REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

alex+ Informationsdesign 8 Dec 15, 2022
REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.
REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

alex+ Informationsdesign 8 Dec 15, 2022
Releases(v1.0)
Owner
pltrue
pltrue
GitHub https://pltrue.top
Doki Doki Literature Club Plus Asset Decrypter

DDLC Plus Asset Decrypter Doki Doki Literature Club Plus Asset Decrypter Used to decrypt encrypted Streaming Asset Bundle files (*.cy) in DDLC-Plus. H

Jim Wu 16 Nov 16, 2022
Vote pour le code le plus moche

Smelly Code Installation Dans un premier temps, cloner le repository : git clone https://github.com/TBoileau/smelly-code cd smelly-code Installer les

Thomas Boileau 6 Jan 10, 2022
💝The Plus (ThinkSNS+) is a powerful, easy-to-develop social system built with Laravel.

Plus (ThinkSNS+) Plus (ThinkSNS+) 是使用 Laravel 框架开发；一个功能强大、易于开发和动态拓展的社交系统。Plus 是遵循 PSR 规范 代码统一，并功能块松耦合。你安装完成 Plus 并不意味着已经成功安装了所有功能，因为 Plus 使用 模块化 的 原则，

Slim Kit 2.2k Jan 3, 2023
📚Magento 2 Certified Professional Developer Plus Exam

?? Magento2 Certified Professional Developer Plus There are notes for those who preparing to pass Magento 2 Certified Professional Developer Plus exam

Roman Glushko 80 Aug 20, 2022
Disable direct access to your sites /wp-login.php script, plus user notifications based on actions.

WordPress Login Locker Disable direct access to your sites /wp-login.php script plus user notifications based on actions. Package Installation (via Co

Austin Passy 3 Nov 23, 2021
A block-based child theme for WordPress.org, plus local environment

WordPress.org Block Theme A block-based child theme for WordPress.org, plus local environment. Once set up, this environment will contain some shared

WordPress 29 Dec 30, 2022
laravel5.5和vue.js结合的前后端分离项目模板,后端使用了laravel的LTS版本（5.5），前端使用了流行的vue-element-template项目。作为程序的起点，可以直接以此为基础来进行业务扩展。模板内容包括基础的用户管理和权限管理、日志管理、集成第三方登录，整合laravel-echo-server 实现了websocket 做到了消息的实时推送，并在此基础上，实现了聊天室和客服功能。权限管理包括后端Token认证和前端vue.js的动态权限，解决了前后端完整分离的情况下，vue.js的认证与权限相关的痛点，已在本人的多个项目中集成使用。

写在前面 2018年的春节假期，受朋友的鼓励和内心的指引，对近两年所学到的知识进行了系统的沉淀和总结。 从多个项目中提取关键点、抛弃了的业务部分，对底层的功能进行了各类优化和抽象，写成本项目。 1、 当前版本介绍 1.1 版本说明 当前版本laravel_template_with_vue (

wmhello 889 Jan 5, 2023
Element Relations Plugin for Craft CMS 3.x

Element Relations Plugin for Craft CMS 3.x This plugin shows all relations of an element. For example, where an asset, entry or any other element is l

Frederic Köberl 2 Jul 18, 2022
Generate a CMS element scaffolding within seconds.

Generate CMS elements or blocks Tired of creating the whole folder structure for a CMS block or element? With this plugin you can create the scaffoldi

Shape & Shift 26 Nov 4, 2022
Best FlexForm based content elements since 2012. With TCA mapping feature, simple backend view and much more features which makes it super easy to create own content element types.

DCE-Extension for TYPO3 What is DCE? DCE is an extension for TYPO3 CMS, which creates easily and fast dynamic content elements. Based on Extbase, Flui

Armin Vieweg 10 Nov 2, 2022