Go to file
2024-06-25 13:22:58 +08:00
.vscode feat: 更新vs code 安装插件配置 2024-04-06 19:36:18 +08:00
docs feat: 新增dark 2023-12-17 21:18:20 +08:00
plop-templates feat: 初始化工程 2023-07-08 15:23:24 +08:00
public feat: 新增配置文件 2023-08-12 21:04:38 +08:00
src refactor: 🎨代码优化 2024-06-25 13:22:58 +08:00
.dockerignore feat: 新增docker配置 2023-07-08 15:29:32 +08:00
.editorconfig feat: 初始化工程 2023-07-08 15:23:24 +08:00
.eslintignore feat: 初始化工程 2023-07-08 15:23:24 +08:00
.eslintrc.js feat: 新增发送消息 2023-08-05 20:19:08 +08:00
.gitignore feat: 新增配置文件 2023-08-12 21:04:38 +08:00
.prettierrc.js feat: 初始化工程 2023-07-08 15:23:24 +08:00
default.conf feat: 新增docker配置 2023-07-08 15:29:32 +08:00
docker-entrypoint.sh feat: add deploy script 2023-08-09 14:46:18 +08:00
Dockerfile feat: add deploy script 2023-08-09 14:46:18 +08:00
index.html feat: 新增配置文件 2023-08-12 21:04:38 +08:00
Makefile feat: add deploy script 2023-08-09 14:46:18 +08:00
nginx.conf.template fix: update nginx.conf.template 2023-08-09 22:37:59 +08:00
package.json feat: 新增图片放大 2023-09-10 23:33:40 +08:00
plopfile.js feat: 初始化工程 2023-07-08 15:23:24 +08:00
pnpm-lock.yaml fix: 🐛修复群列表,发送消息失败 2024-06-20 10:18:03 +08:00
README.md docs: 更新文案 2023-12-17 21:22:15 +08:00
tsconfig.json feat: 初始化工程 2023-07-08 15:23:24 +08:00
uno.config.ts feat: 初始化工程 2023-07-08 15:23:24 +08:00
vite.config.ts perf: 👌代码优化 2023-08-12 22:26:22 +08:00

唐僧叨叨后台管理

介绍 📖

唐僧叨叨后台管理一款基于 Vue3.3、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架,使用目前最新技术栈开发;是唐僧叨叨业务管理后台。

  • 使用 Vue3.3 + TypeScript 开发单文件组件script setup
  • 采用 Vite 作为项目开发、打包工具(配置 gzip/brotli 打包、tsx 语法、跨域代理…)
  • 使用 Pinia 替代 Vuex轻量、简单、易用集成 Pinia 持久化插件
  • 使用 TypeScript 对 Axios 整个二次封装(请求拦截、取消、常用请求封装…)
  • 支持 Element 组件大小切换、多主题布局、暗黑模式、i18n 国际化
  • 使用 VueRouter 配置动态路由权限拦截、路由懒加载,支持页面按钮权限控制
  • 使用 KeepAlive 对页面进行缓存,支持多级嵌套路由缓存
  • 常用自定义指令开发(权限、复制、水印、拖拽、节流、防抖、长按…)
  • 使用 Prettier 统一格式化代码,集成 ESLint、Stylelint 代码校验规范
  • 使用 husky、lint-staged、commitlint、czg、cz-git 规范提交信息

安装使用步骤 📔

环境变量

  • NODE_ENV node环境变量
  • APP_ENV 应用环境变量
    • dev 开发环境
    • pord 生产环境
  • IS_CONFIG 是否添加配置文件
  1. 安装
pnpm install
  1. 本地开发
pnpm dev
  1. 编译
pnpm build
  1. 配置文件编译
pnpm build:config
  1. 本地预览

先执行编译再执行该命令

pnpm serve

功能特色 🔨

  • 首页
    • 仪表盘
    • 主题设置
  • 用户
    • 新增用户
    • 用户列表
      • 发消息
      • 好友列表
      • 封禁
    • 封禁用户列表
      • 封禁
      • 解禁
  • 群组
    • 群列表
      • 发消息
      • 群成员
      • 聊天记录
      • 黑名单成员
      • 禁言
      • 封禁
    • 封禁群列表
  • 消息
    • 消息记录
    • 违禁词列表
  • 举报
    • 举报用户
    • 举报群聊
  • 工具
    • APP升级
  • 设置
    • 通用设置
    • 修改登录密码

功能截图 📷

  • 首页

home

theme theme

  • 用户

adduser

userlist

userlist

  • 群组

grouplist

groupdisablelist

  • 消息

sendmsglist

prohibitwords

  • 举报

report-user

report-group

  • 工具

appupdate

  • 设置

currencysetting

currencysetting