GithubHelp home page GithubHelp logo

thiinbit / tangsengdaodaomanager Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tangsengdaodao/tangsengdaodaomanager

0.0 0.0 0.0 4.6 MB

唐僧叨叨IM 后台管理系统

Shell 0.04% JavaScript 2.38% TypeScript 21.74% Makefile 0.11% HTML 0.13% Handlebars 0.27% Vue 72.15% Dockerfile 0.17% SCSS 3.01%

tangsengdaodaomanager's Introduction

唐僧叨叨后台管理

介绍 📖

唐僧叨叨后台管理一款基于 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

tangsengdaodaomanager's People

Contributors

budou0608 avatar tangtaoit 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.