Advertisement

Vue-Vben-Admin：采用Vite2、Vue3.0及Ant-Design-Vue 2.x构建的Vue3管理后台...

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

简介：
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.

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • 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.
     
  • Vue-Vben-Admin：采用Vite2、Vue3.0、Ant-Design-Vue 2.x、TypeScript、Vuex及Vue Router等技术构建
    优质
    Vue-Vben-Admin是一款基于现代前端技术栈开发的管理后台系统，采用了Vite2和Vue3.0作为项目启动与视图渲染的核心引擎，并结合Ant-Design-Vue 2.x提供美观且易用的界面组件。此外，它利用TypeScript提升代码质量，借助Vuex进行状态管理和通过Vue Router实现页面路由控制，从而为开发者提供了高效、灵活的开发体验。 Vue Vben Admin是一个免费的开源前端与后端模板。它使用了最新的 Vue3 和 vite2 技术，并采用了 TypeScript 等主流技术开发，开箱即用的解决方案可供学习参考。 特点： - 使用最新技术水平：采用如 Vue3、vite2 的前端技术 - TypeScript ：应用程序级JavaScript语言 - 主题：可配置的主题系统 - 国际化：内置完整的国际化程序 - 模拟服务器：内置模拟数据方案 - 权限管理：内置的动态路由权限生成解决方案。 - 组件封装：多个常用组件被二次封装 演示： 完整版中文网站和github站点提供了项目展示。 测试账号为 vben，密码 123456。 使用Gitpod可以在在线开发环境中打开项目并立即开始编码。
     
  • 使用vue-cli3和ant-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-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 方法不起作用。 希望这些问题能够得到快速解决。
     
  • Electron-Vue-Vite：整合 Electron、Vue3、Vite2 和 ant-design-vue2
    优质
    本项目是基于Electron框架，结合Vue3和Vite2构建工具，并集成ant-design-vue2组件库，旨在提供一个高效开发桌面应用的解决方案。 electron-vue-vite：Electron + Vue3 + Vite2 + Ant-Design-Vue2 整合 已知问题： 项目打包后仍有问题，待解决... 暂时通过集成 webpack 解决打包问题。 How and Why: 这个 Demo 项目的目的是两个： 1. vue@3.x 已发布，想试试新功能； 2. 工作中使用的 umi+electron 项目启动速度较慢；用 vite 尝试一下，算一个储备方案 ^_^ 命令： ``` npm run dev npm run build ``` 如果只需要最基础的集成 Demo，请使用 或 分支。 Note 踩坑记：`import { write } from fs` 的这种形式会被 vite 编译成 `/@modules/fs?import`，而 `const { write } = require(fs)` 这种形式就能用了 :winking_face:
     
  • IVIEW-ADMIN：采用iView构建的Vue 2.0管理后台模板
    优质
    IVIEW-ADMIN是一款基于Vue 2.0框架和iView组件库打造的专业级管理后台模板，为开发者提供了一套简洁高效的前端解决方案。 iView Admin是一个基于Vue.js 2.0的管理员管理系统模板。它提供了一个前端管理后台集成解决方案，并使用UI Toolkit构建。 产品特点包括： - 登录/注销功能 - 权限认证机制 - 过滤器列表切换权限控制 - i18n多语言支持组件 - 富文本编辑器和Markdown编辑器 - 城市级联选择、照片预览与编辑功能 - 可拖动的列表以及文件上传能力，包括数字渐变分割窗格等特性。 - 发表文章的工作流程表格设计及数据导出到CSV或Xls格式的能力。 - 支持多种错误页面（如403, 404, 500）和动态路由 - 提供参考页、主题定制功能，包括缩小边栏、标签导航等用户界面优化选项。 - 包含全屏模式切换及锁屏留言等功能。
     
  • 使用 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的新特性。
     
  • 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 配置生成表格）和满足基本需求的动态表单。后续计划进一步加强和完善这些功能。