Advertisement

Vue-Antd-Pro:使用Vue和Ant-Design-Vue构建后台管理系统的模板

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


简介:
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 方法不起作用。 希望这些问题能够得到快速解决。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • Vue-Antd-Pro使VueAnt-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-cli3ant-design-vue
    优质
    这是一个基于Vue-cli 3框架及Ant Design Vue组件库开发的高效后台管理系统的模板。 基于vue-cli3 和 ant-design-vue 搭建的后台管理系统模板提供了一套完整的开发环境,适用于快速构建企业级应用。该模板集成了路由、状态管理以及一系列实用工具,帮助开发者提高开发效率并专注于业务逻辑实现。同时,它采用了Ant Design Vue组件库来保证界面的一致性和美观性。 通过使用此模板创建项目可以大大减少从零开始的配置时间,并且能够快速上手进行功能开发和调试工作。此外,在实际应用中可以根据需求灵活地定制和扩展相关特性,以满足不同场景下的具体要求。 这样的描述去除了原文中的联系方式、链接等信息,保留了核心内容并保持语句通顺自然。
  • 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-CLI/Vite、Vue 3.0、Ant Design 2.0 TypeScript 4.0
    优质
    这是一款采用Vue-CLI或Vite搭建,结合Vue 3.0框架,运用Ant Design 2.0设计语言,并使用TypeScript 4.0开发的高效后台管理系统模板。 使用了Vue3.0全家桶、ant-design-vue2.0和typescript4.0,实践并应用了Vue3.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 Vuevue-antdesign-admin-template
    优质
    Vue-AntDesign-Admin-Template是基于Ant Design Pro的Vue.js企业级中后台前端解决方案,提供开箱即用的高质量UI组件和实用工具,助力开发者快速搭建功能丰富的管理应用。 蚂蚁设计专业Vue模板经过改造后提供了一个开箱即用的后台管理系统模板,优化了许多内容,使其更加轻量、简洁,并且可以在此基础上快速便捷地构建自己的后台项目。 预览: - 优化:改进了项目结构和文件夹命名,使项目结构更为合理。 - 优化:只保留基础实例路由和页面,删除了其他不必要的页面。 - 优化:顶部multiTab的样式进行了更新,可跟随header固定显示。 - 优化:升级至最新的2.x版本。 - 优化:打包配置可以根据不同的打包环境输出不同目录。 - 优化:多标签页快捷呼出菜单现在可以覆盖整个选项卡范围,并提供了两个切换效果供选择。 - 补充:增加了打包分析和快速lint-ifx命令的配置项 - 新增:提供了一些可用的less变量供使用 - 新增:新增了权限控制是否开启的相关配置
  • Vue-Vben-Admin:采Vite2、Vue3.0及Ant-Design-Vue 2.xVue3...
    优质
    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.
  • 使ReactAnt Design
    优质
    本项目采用React框架结合Ant Design组件库,旨在高效开发一个界面美观、功能完善的后台管理系统,适用于企业内部管理需求。 这个后台管理系统使用React与Ant Design框架开发而成,具备登录退出功能以及上传文件的功能。成功登录后(账号:admin 密码:admin),用户可以在不同的目录下查看各种折线图和表格。 此项目适合于需要学习React-AntD的新手或者正在进行毕业设计的同学。下载资源之后,请先使用命令行进入代码所在的目录,执行npm i安装依赖包;然后切换到client文件夹内并运行npm start启动应用,最后通过提供的账号密码登录即可开始使用系统功能。
  • 基于 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` 完成。