Advertisement

Vue-Antd-Admin：基于 Vue 3、Ant Design 和 JavaScript 的后台管理系统

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
Vue-Antd-Admin是一款采用Vue 3框架和Ant Design组件库构建的现代化JavaScript后台管理系统。它提供了简洁优雅的设计风格，丰富的功能模块及灵活可扩展性，适用于企业级应用开发需求。 欢迎使用vue-antd-admin！这是一个基于Vue 3.0、Ant Design Vue 2.0.0、Vuex 4.0以及Vue Router 4.0的项目，适合前端新手学习。该项目的所有后台代码都采用了Composition API编写方式。 作者刚从学校毕业不久，在探索和使用Vue 3的过程中不断尝试并遇到各种挑战。目前的目标是模仿vue-element-admin来创建一个通用化的后台管理系统，并且暂时采用模拟数据进行展示。未来可能会考虑重构为TypeScript版本的项目。 该项目支持以下功能： 1. 使用Composition API 2. 集成了Ant Design Vue 2.0.0版 3. 支持使用模拟数据 4. 支持嵌入式菜单 安装依赖的方式是通过运行`yarn install`。如果遇到Yarn无法正常安装的情况，请删除`yarn.lock`文件，然后执行 `npm install` 进行安装。 项目启动和构建命令为： - 使用命令 `yarn serve` 启动开发服务器 - 使用命令 `yarn build` 构建生产环境的代码

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Vue-Antd-Admin：基于 Vue 3、Ant Design 和 JavaScript 的后台管理系统
    优质
    Vue-Antd-Admin是一款采用Vue 3框架和Ant Design组件库构建的现代化JavaScript后台管理系统。它提供了简洁优雅的设计风格，丰富的功能模块及灵活可扩展性，适用于企业级应用开发需求。 欢迎使用vue-antd-admin！这是一个基于Vue 3.0、Ant Design Vue 2.0.0、Vuex 4.0以及Vue Router 4.0的项目，适合前端新手学习。该项目的所有后台代码都采用了Composition API编写方式。 作者刚从学校毕业不久，在探索和使用Vue 3的过程中不断尝试并遇到各种挑战。目前的目标是模仿vue-element-admin来创建一个通用化的后台管理系统，并且暂时采用模拟数据进行展示。未来可能会考虑重构为TypeScript版本的项目。 该项目支持以下功能： 1. 使用Composition API 2. 集成了Ant Design Vue 2.0.0版 3. 支持使用模拟数据 4. 支持嵌入式菜单 安装依赖的方式是通过运行`yarn install`。如果遇到Yarn无法正常安装的情况，请删除`yarn.lock`文件，然后执行 `npm install` 进行安装。 项目启动和构建命令为： - 使用命令 `yarn serve` 启动开发服务器 - 使用命令 `yarn build` 构建生产环境的代码
     
  • Vue-Antd-Admin：:ant:在Vue中实现Ant Design Pro
    优质
    Vue-Antd-Admin是一款基于Vue框架和Ant Design的管理后台解决方案，致力于帮助开发者快速搭建美观且功能强大的企业级应用。 Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选 浏览器支持：现代浏览器及IE10及以上版本（如Edge、火狐Firefox、Chrome、苹果Safari等），最近2个主要版本均被支持。 使用克隆： ``` $ git clone https://github.com/iczer/vue-antd-admin ```
     
  • Vue-Antd-Pro：使用Vue和Ant-Design-Vue构建后台管理系统的模板
    优质
    Vue-Antd-Pro是一款基于Vue框架及Ant-Design-Vue组件库设计开发的后台管理系统模板，旨在简化开发流程。 欢迎使用 vue-antd-pro：基于 Vue-cli3 构建的后台管理系统模板，数据模型采用 json-server。安装步骤如下： 1. 安装前端依赖： ``` yarn install ``` 2. 进入 server 目录并安装数据 mock 依赖： ``` cd server yarn install ``` 3. 启动数据 mock 服务（在 server 目录下运行）： ``` yarn start ``` 4. 返回项目根目录，启动前端本地服务： ``` cd .. yarn serve ``` 登录信息如下： - 账号：任意用户名。 - 密码：字符数字[4-16]位的任意输入。 问题反馈： 在使用过程中遇到以下问题，请注意： 1. Pie 组件颜色显示不正确； 2. 点击饼图时 Legend（图例）没有变化； 3. offlineData 组件中添加 tab 的字体颜色有误。 4. 初始类别占比图和 legend 响应式更新延迟，且在 Mounted 时候未执行初始逻辑。 5. v-slider 组件的 onchange 方法不起作用。 希望这些问题能够得到快速解决。
     
  • Vue3-Antd-Admin：基于 Vue CLI vite + Vue 3.0 + Ant Design Vue 2.0 + TypeScript 的项目...
    优质
    Vue3-Antd-Admin是一个采用Vue CLI Vite、Vue 3.0及Ant Design Vue 2.0构建的现代化管理后台框架，支持TypeScript，提供高效开发体验。 这是一个基于 Vue CLI / Vite + Vue 3.0 + antd2.0 + TypeScript4.0 的后台管理系统模板。账号是 admin，密码为 123456。系统模块的数据是从先前获取的真实数据，并且路由也是从内部动态生成的。由于通过内网穿透提供访问时可能会遇到网络错误的问题，在进入页面提示网络错误的情况下需要刷新页面重新请求接口。 该系统使用了 Vue 3.0 全家桶，ant-design-vue2.0 和 TypeScript4.0 来实践 Vue 3.0 的新特性和玩法。Vue 3.0 的组合 API 相对于 Vue 2.0 的 Options API 更加灵活，使得我们可以更自由地组织组件逻辑，并且可以很方便地使用 hooks 替代以前的 mixins 等写法。 系统中实现了动态表格（扩展了伸缩列功能，并支持通过 JSON schema 配置生成表格）和满足基本需求的动态表单。后续计划进一步加强和完善这些功能。
     
  • Ant Design Vue 3 Admin: 基于 Vite 2 的 Vue 3 和 TypeScript 框架项目
    优质
    Ant Design Vue 3 Admin 是一个采用Vite 2构建工具，结合Vue 3和TypeScript的语言生态，旨在提供高效且可维护性的前端开发解决方案的框架项目。 ant-design-vue3-admin 是一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。它采用了最新的技术栈，并提供统一的技术规范和权限方案（包括路由、菜单和操作）。此外，该系统还支持多语言功能以及数据 mock 功能，适用于不同设备的预览需求。相关文档提供了脚手架和一些通用部分的提取方法，方便单独使用。convue 是一个类似于 umi.js 的插件，基于 vite 开发；而 convue-lib 则包含了通用组件、样式及工具方法。
     
  • Vue-Admin：基于Vue的后台管理系统
    优质
    Vue-Admin是一款基于Vue.js框架开发的高效、灵活且可扩展性强的后台管理解决方案。它提供了丰富的UI组件和实用的功能模块，帮助开发者快速搭建企业级后台应用。 简介：这是一个后台前端解决方案，基于Vue.js框架及相关技术实现。它使用了最新的前端技术栈，并内置动态路由、权限验证以及简单的后端API服务功能，开箱即用，帮助用户快速搭建前后端分离的项目结构并逐步完善其中的动态路由和权限模型。 本项目通过精简改造移除了大部分组件，如需其他组件可自行添加。使用前，请确保已在本地安装Node.js、npm及Vue CLI等必要工具，并提前了解相关技术栈知识（包括但不限于Vue.js、Vuex、Element UI等），这将有助于更好地利用此项目。 功能模块： - 登录/注销 - 系统管理：包含用户管理、菜单管理和角色管理等功能。 - 查看登录日志 服务端操作指南： 1. 进入server目录，执行命令`cd vue-admin/server` 2. 安装所需依赖包，输入命令`npm install` 注意：建议不要直接使用cnpm安装依赖项，以免遇到各种问题。如需加速npm下载速度，请通过其他方式解决此问题（例如更换镜像源）。
     
  • React-Antd-Admin：基于React、TS和Ant Design的管理模板
    优质
    React-Antd-Admin是一款使用React与TypeScript构建，并采用Ant Design组件库的高效前端管理后台模板。 react-antd-admin 是基于 React 和 TypeScript 构建的管理后台脚手架模板。 1. 配置抽屉： - 可缓存系统配置记录用户使用的系统配置，存储在浏览器中以保存用户的使用习惯。 2. antd换肤（Layout组件未封装）： 使用插件扩展antd样式文件，并绑定cssVariable。通过less.js的在线编译功能修改更少变量实现主题样式的更改。 例如，在 less 文件中可以这样引入和设置自定义颜色： ```less @import var.less; :root { --primary-color: @primary-color; --danger-color: red; } window.less.modifyVars({ @primary-color: your-primary-color-value }).then(() => { // 处理回调逻辑 }); ``` 这样可以动态修改主题颜色，而不需要重新加载页面。
     
  • 使用vue-cli3和ant-design-vue构建的后台管理系统模版
    优质
    这是一个基于Vue-cli 3框架及Ant Design Vue组件库开发的高效后台管理系统的模板。 基于vue-cli3 和 ant-design-vue 搭建的后台管理系统模板提供了一套完整的开发环境，适用于快速构建企业级应用。该模板集成了路由、状态管理以及一系列实用工具，帮助开发者提高开发效率并专注于业务逻辑实现。同时，它采用了Ant Design Vue组件库来保证界面的一致性和美观性。 通过使用此模板创建项目可以大大减少从零开始的配置时间，并且能够快速上手进行功能开发和调试工作。此外，在实际应用中可以根据需求灵活地定制和扩展相关特性，以满足不同场景下的具体要求。 这样的描述去除了原文中的联系方式、链接等信息，保留了核心内容并保持语句通顺自然。
     
  • Vue-Vben-Admin：采用Vite2、Vue3.0及Ant-Design-Vue 2.x构建的Vue3管理后台...
    优质
    Vue-Vben-Admin是一款基于Vite2和Vue3.0框架，并结合了Ant-Design-Vue 2.x组件库，专为开发高性能、易维护的Vue3管理后台系统而设计的解决方案。 VUE VBEN ADMIN 2.0 is a backend management system based on Ant Design-Vue, implementing Vue 3 style. The project uses vue 3.0 and TypeScript (tsx). Documentation for version 2.0 has not yet been started but will be provided in the future. Pre-installation environment requirements: - Node.js: Version > 12.0.0 - Yarn: Package management tool UI framework - Removed. Icons - Icons are imported on demand and can be used during build processes. Injection - Vuex modular setup. Mocking plugin based on Vite for mock data generation. Internationalization implemented in JavaScript.