✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

Overview
VbenAdmin Logo

license

Vue vben admin

English | 中文

Introduction

Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite2, TypeScript and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.

Feature

  • State of The Art Development:Use front-end front-end technology development such as Vue3/vite2
  • TypeScript: Application-level JavaScript language
  • Theming: Configurable themes
  • International:Built-in complete internationalization program
  • Mock Server Built-in mock data scheme
  • Authority Built-in complete dynamic routing permission generation scheme.
  • Component Multiple commonly used components are encapsulated twice

预览

Test account: vben/123456

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

Documentation

Document

Preparation

  • node and git - Project development environment
  • Vite - Familiar with vite features
  • Vue3 - Familiar with Vue basic syntax
  • TypeScript - Familiar with the basic syntax of TypeScript
  • Es6+ - Familiar with es6 basic syntax
  • Vue-Router-Next - Familiar with the basic use of vue-router
  • Ant-Design-Vue - ui basic use
  • Mock.js - mockjs basic syntax

Install and use

  • Get the project code
git clone https://github.com/anncwb/vue-vben-admin.git
  • Installation dependencies
cd vue-vben-admin

yarn install
  • run
yarn serve
  • build
yarn build

Change Log

CHANGELOG

Project

How to contribute

You are very welcome to join!Raise an issue Or submit a Pull Request。

Pull Request:

  1. Fork code!
  2. Create your own branch: git checkout -b feat/xxxx
  3. Submit your changes: git commit -am 'feat(function): add xxxxx'
  4. Push your branch: git push origin feat/xxxx
  5. submitpull request

Git Contribution submission specification

  • reference vue specification (Angular)

    • feat Add new features
    • fix Fix the problem/BUG
    • style The code style is related and does not affect the running result
    • perf Optimization/performance improvement
    • refactor Refactor
    • revert Undo edit
    • test Test related
    • docs Documentation/notes
    • chore Dependency update/scaffolding configuration modification etc.
    • workflow Workflow improvements
    • ci Continuous integration
    • types Type definition file changes
    • wip In development

Related warehouse

If these plugins are helpful to you, you can give a star support

Browser support

The Chrome 80+ browser is recommended for local development

Support modern browsers, not IE

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

Maintainer

@Vben

Donate

If you think this project is helpful to you, you can help the author buy a cup of coffee to show your support!

donate

Paypal Me

Discord

License

MIT © Vben-2020

Comments
  • New Feature

    New Feature

    If the system does not have the function you want, you can put it here, and we will develop it according to the situation!

    Function proposal format

    Name: Add xxx function
    Role: Business scenario description
    Online reference example (if available): https://xxxx
    

    如果系统没有您想要的功能,可以在这里提出,我们将视情况进行开发!

    功能提出格式

    名称:添加xxx功能
    作用:业务场景说明
    在线参考示例(如果有): https://xxxx
    
    opened by anncwb 39
  • [feat] try to implement vue-i18n for all app (need comments)

    [feat] try to implement vue-i18n for all app (need comments)

    General

    ✏️ Mark the necessary items without changing the structure of the PR template.

    • [ ] Pull request template structure not broken

    Type

    ℹ️ What types of changes does your code introduce?

    👉 Put an x in the boxes that apply

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [x] This change requires a documentation update

    Checklist

    ℹ️ Check all checkboxes - this will indicate that you have done everything in accordance with the rules in CONTRIBUTING.

    👉 Put an x in the boxes that apply.

    • [ ] My code follows the style guidelines of this project
    • [x] Is the code format correct
    • [ ] Is the git submission information standard?
    • [ ] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [ ] New and existing unit tests pass locally with my changes
    • [ ] Any dependent changes have been merged and published in downstream modules
    opened by ghost 18
  • 页面刷新,在响应错误处理钩子中,调用退出登录,成功跳转登录页面,页面一直处于loading,无法显示登录表单

    页面刷新,在响应错误处理钩子中,调用退出登录,成功跳转登录页面,页面一直处于loading,无法显示登录表单

    1、需求场景,当账号被禁用,期望是退出登录,并且跳转登录页面 尝试在:responseInterceptorsCatch 中 判断 createErrorModal({ title: '提示', content: msg ? msg : t('sys.api.networkExceptionMsg'), onOk: async ()=> { //这里尝试2种方案 都无效 方案1 userStore.setToken(undefined); userStore.setSessionTimeout(true); 方案2 await userStore.logout(true); } }); tip: 这里只有在刷新页面,那一刻无效,如果是账号被禁用之后,只是切换页面,调用接口,这里可以正常跳转登录页面

    need reproduction 
    opened by jekip 17
  • BasicForm 自定义 autoAdvancedLine 无效

    BasicForm 自定义 autoAdvancedLine 无效

    版本 2.7.0

    <BasicForm @register="basic"></BasicForm>
    
    const [basic, { validate }] = useForm({
          labelWidth: 120,
          schemas: step1Schemas,
          showAdvancedButton: true,
          autoAdvancedLine: 9,
          autoSubmitOnEnter: true,
          actionColOptions: {
            span: 24,
          },
          submitButtonOptions: {
            text: '下一步',
          },
          submitFunc: customSubmitFunc,
        });
    
    opened by waney 15
  • 热更新导致store里面的数据全部重置? 每次修改代码都要刷新页面才行

    热更新导致store里面的数据全部重置? 每次修改代码都要刷新页面才行

    如一个store里面涉及到异步请求数据, 就那这个项目左侧的菜单导航来说, 里面有一些数据是动态加载上去的(不是在store里面写死的, 而是通过别的组件调用 action 或者 mutation, 生成的数据), 这些数据在热更新后全部都会丢失.

    重现

    比如说 store/modules/user.ts, 在这个文件中加一行打印代码

    //  在这里打印以下
    console.log('这个文件被执行了')
    
    @Module({ namespaced: true, name: NAME, dynamic: true, store })
    class User extends VuexModule {
      constructor(props) {
        super(props);
        //  在这里也加个打印
        console.log('我也被执行了')
      }
    

    然后 刷新页面, 可以看到浏览器确实打印了这两行代码

    重点

    随便修改一个模板文件. 可以发现浏览器, 又再次打印了这两条信息, 这意味着, 这个store文件在HRM更新的时候, 被重置了? 这样的话, menu热更新后消失, 问题是不是这个导致的?

    疑惑

    我倒腾了一个下午没搞懂 我尝试使用vite 提供的handleHotUpdate钩子, 去过滤掉 store文件的HMR,但是没解决

    奇怪的是, 如果我是直接在/store/index.ts/ 中的 createStore 方法中写的state, 就不会有这个问题

    猜想

    比如我的某个组件中, 使用了这个 store

      import { GrowthToolWidgetStore } from '/@/store/modules/growth-tool-widget';
    

    这个组件热更新的时候, 会判断这个store是依赖, 然后又重新调用了一下. 导致动态的state数据全部丢失

    bug hmr 
    opened by carl-jin 14
  • proxy代理失败,请帮助我看看哪里错误

    proxy代理失败,请帮助我看看哪里错误

    这是我的 .env.development 文件,我已经设置了对baseUrl 转发

    # Whether to open mock
    VITE_USE_MOCK = true
    # public path
    VITE_PUBLIC_PATH = /
    
    # Cross-domain proxy, you can configure multiple
    # Please note that no line breaks
    # ["/basic-api","http://localhost:3000"]
    VITE_PROXY = [["/basic-api","http://localhost:3000"],['/baseUrl','http://124.70.183.169:3089'],["/upload","http://localhost:3300/upload"]]
    # VITE_PROXY=[["/api","https://vvbin.cn/test"]]
    
    # Delete console
    VITE_DROP_CONSOLE = false
    
    # Basic interface address SPA
    VITE_GLOB_API_URL=/basic-api
    
    # File upload address, optional
    VITE_GLOB_UPLOAD_URL=/upload
    
    # Interface prefix
    VITE_GLOB_API_URL_PREFIX=
    
    

    这是我的axios配置

    export const realHttp = createAxios({
      requestOptions: {
        apiUrl: '/baseUrl',
      },
    });
    

    这是我的请求

    enum Api {
      GetShares = '/shares',
    }
    
    /**
     * @description: Get user menu based on id
     */
    
    export const getShares = (str = '') => {
      return realHttp.get({
        url: Api.GetShares,
        params: str,
      });
    };
    

    这是console控制台的请求 image

    可是请求并没有转发出去,我找了好久并没有原因,请帮助我看看呢

    opened by EasonQwQ 12
  • formTable(开启搜索区域),搜索表单为“收起”状态的时候,table切换分页会产生抖动。

    formTable(开启搜索区域),搜索表单为“收起”状态的时候,table切换分页会产生抖动。

    ⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

    • [x] 已在 Issues 中搜索了相关的关键词
    • [x] 已阅读 文档.
    • [x] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
    • [x] 不是 ant design vue 组件库的 Bug

    描述 Bug

    formTable功能(开启搜索区域),搜索表单为“收起”状态的时候,table切换分页会产生抖动。(如从第一页切换到第二页的时候页面就会产生抖动)

    复现 Bug

    https://vvbin.cn/next/#/comp/table/formTable 官网demo即可呈现bug。(当搜索表单为“收起”的时候切换分页)

    个人认为,是因为展开/收起默认值为展开状态,每次切换分页 的时候重新进行获取参数,致使页面产生抖动。

    系统信息

    • 操作系统:
    • Node 版本:
    • 包管理器 (npm/yarn/pnpm) 及其版本:
    opened by RSS1102 11
  • 页面有icon组件时,热更新 出现 Cannot access 'Icon' before initialization错误

    页面有icon组件时,热更新 出现 Cannot access 'Icon' before initialization错误

    ⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

    • [ ✔] 已阅读 文档.
    • [ ✔] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
    • [ ] 已在 Issues 中搜索了相关的关键词
    • [ ] 不是 ant design vue 组件库的 Bug

    描述 Bug

    当组件中有引入 组件,修改页面中的随意内容 热跟新会报错 Cannot access 'Icon' before initialization 且热更新失败 要重新刷新页面

    复现 Bug

    随便找个有引入Icon的页面 然后修改内容保存,控制台可见错误

    系统信息

    • 操作系统: win10家庭版
    • Node 版本: v14.15.0
    • 包管理器 (npm/yarn/pnpm) 及其版本: yarn 1.22.10
    bug 
    opened by Corgis 11
  • 导航栏模式为顶部菜单混合模式出现左边菜单栏底部空白

    导航栏模式为顶部菜单混合模式出现左边菜单栏底部空白

    Subject of the issue

    导航栏模式为顶部菜单混合模式出现左边菜单栏底部空白 image

    Your environment

    https://vvbin.cn/next/#/home/welcome

    Steps to reproduce

    Tell us how to reproduce this issue. Please provide a working and simplified example.

    🎉 BONUS POINTS for creating a minimal reproduction and uploading it to GitHub. This will get you the fastest support. 🎉

    Expected behaviour

    What should happen?

    Actual behaviour

    What happens instead?

    opened by wsxe9988 11
  • eslint 校验报错,把代码全删了

    eslint 校验报错,把代码全删了

    ⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

    • [x ] 已阅读 文档. 404
    • [✓ ] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
    • [✓ ] 已在 Issues 中搜索了相关的关键词
    • [x ] 不是 ant design vue 组件库的 Bug

    描述 Bug

    添加测试辅助功能, 提交到git的时候 eslint 报错,然后新加的代码和文件全部丢失...........真是牛逼 89822D38AB234E4A2EC1836C3E79B89E

    复现 Bug

    提交git, eslint 报错, 全部修改全部丢失

    系统信息

    • 操作系统: win10
    • Node 版本: 16.14.2
    • 包管理器 (npm/yarn/pnpm) 及其版本: pnpm
    λ pnpm version
    {
      npm: '5.1.0',
      ares: '1.18.1',
      brotli: '1.0.9',
      cldr: '40.0',
      icu: '70.1',
      llhttp: '6.0.4',
      modules: '93',
      napi: '8',
      nghttp2: '1.45.1',
      nghttp3: '0.1.0-DEV',
      ngtcp2: '0.1.0-DEV',
      node: '16.14.2',
      openssl: '1.1.1n+quic',
      tz: '2021a3',
      unicode: '14.0',
      uv: '1.43.0',
      v8: '9.4.146.24-node.20',
      zlib: '1.2.11'
    }
    

    报错信息

    "C:\Program Files\Git\bin\git.exe" commit -F "C:\work\vue-broker-admin-main\.git\COMMITMESSAGE"
    
    > [email protected] lint:lint-staged
    > lint-staged
    
    [STARTED] Preparing lint-staged...
    [SUCCESS] Preparing lint-staged...
    [STARTED] Running tasks for staged files...
    [STARTED] package.json — 21 files
    [STARTED] *.{js,jsx,ts,tsx} — 11 files
    [STARTED] {!(package)*.json,*.code-snippets,.!(browserslist)*rc} — 1 file
    [STARTED] package.json — 1 file
    [STARTED] *.vue — 5 files
    [STARTED] *.{scss,less,styl,html} — 0 file
    [STARTED] *.md — 0 file
    [SKIPPED] *.{scss,less,styl,html} — no files
    [SKIPPED] *.md — no files
    [STARTED] eslint --fix
    [STARTED] prettier --write--parser json
    [STARTED] prettier --write
    [STARTED] eslint --fix
    [SUCCESS] prettier --write
    [SUCCESS] package.json — 1 file
    [SUCCESS] prettier --write--parser json
    [SUCCESS] {!(package)*.json,*.code-snippets,.!(browserslist)*rc} — 1 file
    [FAILED] eslint --fix [FAILED]
    [FAILED] eslint --fix [FAILED]
    [SUCCESS] Running tasks for staged files...
    [STARTED] Applying modifications from tasks...
    [SKIPPED] Skipped because of errors from tasks.
    [STARTED] Reverting to original state because of errors...
    [STARTED] prettier --write
    C:\work\vue-broker-admin-main\node_modules\.pnpm\[email protected]\node_modules\pidtree\lib\pidtree.js:61
          callback(new Error('No matching pid found'));
                   ^
    
    Error: No matching pid found
        at C:\work\vue-broker-admin-main\node_modules\.pnpm\[email protected]\node_modules\pidtree\lib\pidtree.js:61:16
        at C:\work\vue-broker-admin-main\node_modules\.pnpm\[email protected]\node_modules\pidtree\lib\wmic.js:42:7
        at ChildProcess.<anonymous> (C:\work\vue-broker-admin-main\node_modules\.pnpm\[email protected]\node_modules\pidtree\lib\bin.js:45:5)
        at ChildProcess.emit (node:events:526:28)
        at maybeClose (node:internal/child_process:1092:16)
        at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
    husky - pre-commit hook exited with code 1 (error)
    Done
    
    Press Enter or Esc to close console...
    
    

    找会代码,想提交都不行, 也关闭不了这个验证

    opened by yyman001 10
  • 请问vite打包后,出现VITE_GLOB_APP_TITLE' of 't' as it is undefined是什么原因?

    请问vite打包后,出现VITE_GLOB_APP_TITLE' of 't' as it is undefined是什么原因?

    ⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

    • [x] 已阅读 文档.
    • [ ] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
    • [x] 已在 Issues 中搜索了相关的关键词
    • [x] 不是 ant design vue 组件库的 Bug

    描述 Bug

    打包后访问出现 Cannot destructure property 'VITE_GLOB_APP_TITLE' of 't' as it is undefined. image

    opened by AndroidMilk 10
  • 解决隐藏菜单目录只能隐藏第一层目录的问题,递归隐藏所有子菜单

    解决隐藏菜单目录只能隐藏第一层目录的问题,递归隐藏所有子菜单

    General

    ✏️ Mark the necessary items without changing the structure of the PR template.

    • [x] Pull request template structure not broken

    Type

    ℹ️ What types of changes does your code introduce?

    👉 Put an x in the boxes that apply

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist

    ℹ️ Check all checkboxes - this will indicate that you have done everything in accordance with the rules in CONTRIBUTING.

    👉 Put an x in the boxes that apply.

    • [x] My code follows the style guidelines of this project
    • [x] Is the code format correct
    • [x] Is the git submission information standard?
    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation
    • [ ] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [ ] New and existing unit tests pass locally with my changes
    • [ ] Any dependent changes have been merged and published in downstream modules
    opened by mfish-qf 0
  • build: git config

    build: git config

    General

    ✏️ Mark the necessary items without changing the structure of the PR template.

    • [X] Pull request template structure not broken

    Type

    ℹ️ What types of changes does your code introduce?

    👉 Put an x in the boxes that apply

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [X] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist

    ℹ️ Check all checkboxes - this will indicate that you have done everything in accordance with the rules in CONTRIBUTING.

    👉 Put an x in the boxes that apply.

    • [X] My code follows the style guidelines of this project
    • [X] Is the code format correct
    • [X] Is the git submission information standard?
    • [X] My code follows the style guidelines of this project
    • [X] I have performed a self-review of my own code
    • [X] I have commented my code, particularly in hard-to-understand areas
    • [X] I have made corresponding changes to the documentation
    • [X] My changes generate no new warnings
    • [X] I have added tests that prove my fix is effective or that my feature works
    • [X] New and existing unit tests pass locally with my changes
    • [X] Any dependent changes have been merged and published in downstream modules
    opened by Zuojiangtao 0
  • 实现table页form参数通过url变化加载后端数据

    实现table页form参数通过url变化加载后端数据

    例如: 地址栏为 https://localhost:3100/task/list?search=xxxx&page=1&page_size=10 table数据根据参数去后端加载数据。搜索form表单能显示出查询内容。

    如果变更搜索值、和分页参数能反映在url参数里面。

    请问如何实现?

    opened by gzq0616 0
  • Context Menu在Modal中z-index较低,导致Tree下右键菜单无法显示

    Context Menu在Modal中z-index较低,导致Tree下右键菜单无法显示

    ⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

    • [ ] 已阅读 文档.
    • [ ] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
    • [ ] 已在 Issues 中搜索了相关的关键词
    • [ ] 不是 ant design vue 组件库的 Bug

    描述 Bug

    在Modal中放Tree结构,然后配置邮件菜单

    复现 Bug

    点击右键菜单按钮,但是不显示,调大context-menu下的z-index即可解决问题

    系统信息

    • 操作系统:
    • Node 版本:
    • 包管理器 (npm/yarn/pnpm) 及其版本:
    opened by charlesluo2014 0
  • 列表组件 - 编辑单元格使用上传组件提示错误警告信息

    列表组件 - 编辑单元格使用上传组件提示错误警告信息

    ⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

    • [x] 已阅读 文档.
    • [x] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
    • [x] 已在 Issues 中搜索了相关的关键词
    • [x] 不是 ant design vue 组件库的 Bug

    描述 Bug

    列表组件 - 编辑单元格使用上传组件提示错误警告信息 Invalid prop: type check failed for prop "value". Expected Array, got String with value ""

    复现 Bug

    image image

    系统信息

    • 操作系统:
    • Node 版本:
    • 包管理器 (npm/yarn/pnpm) 及其版本:
    opened by FallstarWing 0
Releases(v2.8.0)
Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro

Ant Design Vue Pro An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于 Vite2 Vue3 Ant-Design-of-

Ones 80 Dec 16, 2022
🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.

iooc-admin(element-plus) 演示地址(数据库五分钟重置一次) ⚡️ vue3.x + element-plus + TypeScript ⚡️ vue3.x + element-plus + TypeScript (视频) 项目地址 ⚡️ vue3.x + element-pl

Jacking 51 Jun 20, 2021
Muse Vue Ant Design Dashboard - Free and OpenSource Ant Design Vue Dashboard

Muse Vue Ant Design Dashboard Muse - Vue Ant Design Dashboard is a beautiful Ant Design Vue admin dashboard with a large number of components, designe

Creative Tim 178 Dec 26, 2022
Vite2 + Vue3.0 + ant-design 2.x

vite2-vue3-admin Vite2 + Vue3.0 + ant-design 2.x 线上地址 tips:可注册成功后登入 目录树 ├─public └─src ├─api ├─assets │ ├─font │ ├─icon │ ├─img

Lwp2333 29 Aug 3, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus + typescript

vue3-admin-ts English | 中文 A basic vue3 admin template with vite2 & Element-Plus UI & axios & svg-icon& permission control & lint A new generation adm

kuanghua 194 Dec 15, 2022
Naive Ui Admin 是一个基于 vue3,vite2,TypeScript 的中后台解决方案

Naive Ui Admin 是一个基于 Vue3.0、Vite、 Naive UI、TypeScript 的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目,相信不管是从新技术使用还是其他方面,都能帮助到你。

Ah jung 3.2k Jan 1, 2023
vue3 typescript ant-vue admin!

Vue3 Vite Typescript 预览地址 项目介绍 使用 Vue3 Vite Typescript 搭配 Antd-Vue 框架,搭建项目, 实现 按需加载,和自定义 theme 依赖管理工具 pnpm pnpx create-vite Select a framework: va

*Smile 1 Jan 4, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

?? A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

kuanghua 228 Dec 30, 2022
👏A magical vue3 admin using vue3(script-setup) + vite2 + element-plus

vue3-admin-plus English | 中文 vue3 admin plus provides enterprise-level development demo A new generation admin construct using vue3(setup-script)+vite

kuanghua 625 Jan 7, 2023
Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

null 21 Dec 26, 2022
wt-vite-vue3-element-ruoyi-ts 若以 若依 typescript ts vue3 vue vite vite2.0 模版

wt-vite-vue3-element-ruoyi-ts ?? 全网首发 ?? 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 Project setup npm i -g

superDragon 5 May 5, 2022
soybean admin - a beautiful vue admin template, based on Vue3、Vite、Naive UI、TypeScript.

soybean admin - a beautiful vue admin template, based on Vue3、Vite、Naive UI、TypeScript.

Soybean 2k Jan 4, 2023
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus + typescript 的后台管理系统vue3-element-admin-ts

vue3-element-admin-ts ?? 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 v

雪月欧巴 92 Nov 16, 2022
Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.

Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.

BootstrapDash 310 Dec 25, 2022
An open source admin template kit using vite2

ABT:admin base template English | 中文 Introduction admin-base-template is a free and open source admin template kit. using vite2. Technology stack is V

null 4 May 7, 2022
基于vue3.0 + vue-cli4.0 + vue-router4.x + vuex4.x + ant-design-vue2.x开发的后台管理系统模板

vue-antd-admin 是基于vue3.0 + vue-cli4.0 + vue-router4.x + vuex4.x + ant-design-vue2.x开发的后台管理系统模板,包含权限路由、权限按钮、流程配置、个人中心等基础功能

Jason Chen 88 Dec 10, 2022
🐜 Ant Design Pro's implementation with Vue

?? Ant Design Pro's implementation with Vue

null 3.2k Jan 4, 2023
基于vue3.0 + vite + vue-router4.x + vuex4.x + ant-design-vue2.x开发的后台管理系统模板,包含权限路由、权限按钮、流程配置、个人中心等基础功能

简介 vue-antd-admin-vite 是基于vue3.0 + vite + vue-router4.x + vuex4.x + ant-design-vue2.x开发的后台管理系统模板,包含权限路由、权限按钮、流程配置、个人中心等基础功能 vue-cli4.0版本:vue-antd-admi

Jason Chen 37 Dec 3, 2022
Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.

Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.

AONE 1 Dec 1, 2021