Advertisement

Vue-Antd-Admin：:ant:在Vue中实现Ant Design Pro

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

简介：
Vue-Antd-Admin是一款基于Vue框架和Ant Design的管理后台解决方案，致力于帮助开发者快速搭建美观且功能强大的企业级应用。 Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选 浏览器支持：现代浏览器及IE10及以上版本（如Edge、火狐Firefox、Chrome、苹果Safari等），最近2个主要版本均被支持。 使用克隆： ``` $ git clone https://github.com/iczer/vue-antd-admin ```

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • 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 ```
     
  • Ant Design Pro Vue模板：vue-antdesign-admin-template
    优质
    Vue-AntDesign-Admin-Template是基于Ant Design Pro的Vue.js企业级中后台前端解决方案，提供开箱即用的高质量UI组件和实用工具，助力开发者快速搭建功能丰富的管理应用。 蚂蚁设计专业Vue模板经过改造后提供了一个开箱即用的后台管理系统模板，优化了许多内容，使其更加轻量、简洁，并且可以在此基础上快速便捷地构建自己的后台项目。 预览： - 优化：改进了项目结构和文件夹命名，使项目结构更为合理。 - 优化：只保留基础实例路由和页面，删除了其他不必要的页面。 - 优化：顶部multiTab的样式进行了更新，可跟随header固定显示。 - 优化：升级至最新的2.x版本。 - 优化：打包配置可以根据不同的打包环境输出不同目录。 - 优化：多标签页快捷呼出菜单现在可以覆盖整个选项卡范围，并提供了两个切换效果供选择。 - 补充：增加了打包分析和快速lint-ifx命令的配置项 - 新增：提供了一些可用的less变量供使用 - 新增：新增了权限控制是否开启的相关配置
     
  • 基于 Vue 的 Ant Design of Vue 实现 Ant Design Pro 源码
    优质
    本项目基于Vue框架，采用Ant Design of Vue组件库实现Ant Design Pro前端应用。包含了源代码及配置说明，适用于开发者学习与参考。 使用 Ant Design of Vue 实现的 Ant Design Pro 源码安装依赖可以通过运行 `npm install` 命令完成。开发模式下启动项目可以执行 `npm run serve`，编译项目则通过运行 `npm run build` 完成。
     
  • 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 配置生成表格）和满足基本需求的动态表单。后续计划进一步加强和完善这些功能。
     
  • 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` 构建生产环境的代码
     
  • ABS Admin Vue：采用Actix-Web、Rbatis、VueJS和Vue-Ant-Design-Pro的Rust框架...
    优质
    ABS Admin Vue是一款基于Rust语言开发的现代化管理后台框架，集成了Actix-Web服务器、Rbatis数据库操作库，并使用VueJS与Vue-Ant-Design-Pro进行前端构建。 蚂蚁设计Vue Pro 是一款即用型UI解决方案，适用于企业应用程序，并基于 Vue 框架构建。它包括了预览、主页、文档、变更日志和常见问题解答等部分。 环境与依赖： - Node.js 和 Yarn 或 npm 安装步骤如下： 1. 克隆项目到本地：`git clone https://github.com/vueComponent/ant-design-vue-pro.git` 2. 进入项目文件夹：`cd ant-design-vue-pro` 3. 安装所有依赖项：`yarn install` 开发环境配置： - 编译和热重载以进行开发：`yarn run serve` 生产环境构建： - 编译并最小化生产代码：使用 `yarn build` 命令 项目中使用的插件包括： - Vue Ant Design - 图片编辑器 - AntV G2 Viser - Vue的Antv/G2
     
  • 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 方法不起作用。 希望这些问题能够得到快速解决。
     
  • Vue与Ant-Design-Vue菜单的递归实现
    优质
    本文介绍了如何使用Vue结合Ant Design Vue框架来实现动态且可配置的导航菜单，并通过递归组件技术解决复杂嵌套结构的问题。 后台返回菜单支持无限层级展示。
     
  • Ant Design Pro Master
    优质
    Ant Design Pro Master是指精通使用Ant Design Pro框架进行高效、美观前端应用开发的专业人士。 蚂蚁金服的ant-design-pro官网页面提供了源代码供学习Ant Design，并且对于理解ES6有很大帮助。