首页 > 其他分享 >Laravel+vue免费开源的基于RABC控制的博客系统

Laravel+vue免费开源的基于RABC控制的博客系统

时间:2023-03-05 09:22:57浏览次数:47  
标签:Laravel vue CCENOTE 项目 开源 RABC 使用 ccenote com

项目介绍

CCENOTE 是一个使用 Vue3 + Laravel8 开发的前后端分离的基于RABC权限控制管理的内容管理系统,由于作者本人比较喜欢写作的原因,因此开发了这个项目,后端使用的PHP的Laravel框架,并且整理了数据层与业务层,相对于laravel本身结构来说,开发起来会更简洁,当然,对于二次开发来说也是更为简单方便,权限认证使用了JWT权限认证,同时也解决了JWT无状态下的分离认证的相关问题,前端使用vue3+vite,ui使用element-ui-plus,前端方面也解决了关于认证时动态路由的相关问题,你可以从github/gitee中拉取此项目来进行使用,当然你也可以通过贡献代码,写作,推荐,学习,打赏来支持本项目。

此项目共分为 前台后台后端API 三个独立项目,如果你只是想简单的使用本项目,你可以用任何你喜欢的方式来上传到你的服务器,只需要跟着文档简单的几步安装即可。

项目部署结构(例):

  • 前台:blog.ccenote.com
  • 后台:admin.ccenote.com
  • A P I:api.ccenote.com

项目使用技术栈

  • Laravel8
  • MySql
  • Redis
  • JWT
  • Vue3
  • Vite
  • Axios
  • Vue-Router4
  • Vuex
  • Less
  • ElementUI-Plus

项目预览


关于作者

我是一名在校学生

标签:Laravel,vue,CCENOTE,项目,开源,RABC,使用,ccenote,com
From: https://www.cnblogs.com/ccenote/p/17179798.html

相关文章

  • Vue快速入门01
    Vue快速入门01一、安装Vue工具(Vuecli)Vuecli基于Vue.js进行快速开发的完整系统。人话:脚手架,顾名思义就是搭建工程的一个工具,脚手架有很多,vue-cli是其中一种。用来帮......
  • 使用nginx部署vue项目到服务器
    使用nginx部署vue项目到服务器1.连接服务器方法一:使用阿里云服务器*直接在阿里云上后台实例处选择远程连接即可方法二:使用使用Xshell和xfpt连接1.官网下载这两个......
  • 记录--在Vue3这样子写页面更快更高效
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言在开发管理后台过程中,一定会遇到不少了增删改查页面,而这些页面的逻辑大多都是相同的,如获取列表数据,分......
  • vscode快捷生成vue模板
    1,文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json确定2,粘贴模板:{"Printtoconsole":{"prefix":"vue","body":[......
  • 基于NUXT.JS搭建一款VUE版SSR前端框架(解决SPA应用的SEO优化优化问题)
    小仙男·言在前关于框架:为了解决VUE的SPA单页应用对SEO搜索引擎优化不友好的问题,这几天一直在调研各种SSR框架。比如doc.ssr-fc.com/和fmfe.github.io/genesis-do都是......
  • vite构建的vue3项目内mockjs的使用
    技术栈:vue3+vite+mockjs用法一:1、首先安装对应的依赖vite-plugin-mock,我这里是使用npm安装的,也可以选择其他安装方式;npminstallvite-plugin-mock-D2、项目内src......
  • vueCli3--父子窗口之间通信
    demo-father.vue<template> <div>  <button@click="openNewWindow">点击开新窗口</button>  <button@click="closeSonWin">关闭子窗口</button> ......
  • 使用element-ui+vue2实现oss直传上传图片
    <template><div><el-upload:action="dataObj.host":data="dataObj"list-type="picture":multiple="false":show-file-list="showFile......
  • vue2.x使用音乐插件vue-aplayer
    地址:https://aplayer.netlify.app/docs/1、使用npm安装npminstall@moefe/vue-aplayer--save2、main.js配置importVuefrom'vue';importAPlayerfrom'@moefe......
  • 创建Vue项目
    搭配TypeScript使用Vue像TypeScript这样的类型系统可以在编译时通过静态分析检测出很多常见错误。这减少了生产环境中的运行时错误,也让我们在重构大型项目的时候更有......