这是一个 基于 laf 和 vue 的前后端一体化的后台管理系统。

• laf-rbac-admin

账号：admin，密码：123456

• laf - laf 文档
• pnpm
• node 和 git -项目开发环境
• Vite - 熟悉 vite 特性
• Vue3 - 熟悉 Vue 基础语法
• TypeScript - 熟悉TypeScript基本语法
• Naive-ui - ui 基本使用

• 获取项目代码

git clone https://github.com/walle233/laf-rbac-admin.git

• 安装依赖

cd laf-rbac-admin

pnpm install

• 运行

pnpm dev

• 打包

pnpm build

环境准备

1. npm i -g laf-cli
2. vscode 安装插件 laf-assistant

初始化项目

1. 在 laf-cloud 目录下初始化 laf app
2. 发布所有 function 到 laf 线上
3. 在线上执行 init-shared-utils 和 init-app-rbac 两个 function，初始化 rbac 相关数据

静态资源发布

# 第一次先创建 bucket
laf storage create bucketName

pnpm build

# 在 laf-cloud 目录下执行，发布静态资源到 bucket
laf storage push bucketName ../dist

创建资源文件存储桶

laf storage craete public

在laf 上添加环境变量

OSS_POINT="https://xxxx.xxx"
OSS_REGION="xxxx"

Pull Request:

1. Fork 代码!
2. 创建自己的分支: git checkout -b feat/xxxx
3. 提交你的修改: git commit -am 'feat(function): add xxxxx'
4. 推送您的分支: git push origin feat/xxxx
5. 提交pull request

• 参考 vue 规范 (Angular)

  • feat 增加新功能
  • fix 修复问题/BUG
  • style 代码风格相关无影响运行结果的
  • perf 优化/性能提升
  • refactor 重构
  • revert 撤销修改
  • test 测试相关
  • docs 文档/注释
  • chore 依赖更新/脚手架配置修改等
  • workflow 工作流改进
  • ci 持续集成
  • types 类型定义文件更改
  • wip 开发中