Giter VIP home page Giter VIP logo

plblog's Introduction

基于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
//swoole 加速
php artisan octane:start --workers=4 --server=swoole

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

php artisan queue:work redis --sleep=3

更新日志

  • 2021-04-17 新增用户评论所属区域显示 新增归档a链接 新增评论删除模型监听
  • 2021-04-20 新增文章图片跳转 新增二级评论
  • 加速你的laravel应用 新增 laravel octane 扩展 常驻内存 支持 请使用守护进程维护 nginx代理转发

plblog's People

Contributors

pl1998 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.