Advertisement

Vue-Vben-Admin:采用Vite2、Vue3.0、Ant-Design-Vue 2.x、TypeScript、Vuex及Vue Router等技术构建

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


简介:
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可以在在线开发环境中打开项目并立即开始编码。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • Vue-Vben-AdminVite2Vue3.0Ant-Design-Vue 2.xTypeScriptVuexVue 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-Vben-AdminVite2Vue3.0Ant-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.
  • Ant Design Vue 3 Admin: 基于 Vite 2Vue 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 则包含了通用组件、样式及工具方法。
  • 知乎日报(ZhihuDaily):VueVuexVue-RouterSwiper
    优质
    知乎日报(ZhihuDaily)是一款利用Vue、Vuex和Vue-Router等前端技术开发的应用程序,结合了Swiper插件以提供流畅的用户体验。 知乎日报项目主要使用Vue的全家桶进行开发,API数据来源未详述。通过完成此项目,加深了对Vue全家桶的学习和理解。在使用API的过程中遇到了跨域的问题,通过构建Node.js HTTP服务来转发请求解决了这个问题,并将该HTTP服务部署到Heroku上以供在线访问。技术栈包括:Vue、Vue Router、Axios等。 安装依赖: ``` npm install ``` 启动开发服务器(带热更新): ``` npm run dev ``` 构建生产环境代码: ``` 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::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 + Vuex + Vue-Router + Axios + ElementUI
    优质
    本项目采用Vue作为前端框架,结合Vuex进行状态管理,使用Vue-Router实现页面路由,通过Axios处理异步请求,并运用ElementUI提供丰富的组件库,构建高效、美观的Web应用。 基于Vue2.x、Vuex、vue-router、Axios和ElementUI的一套后台开发系统模板。
  • ABS Admin VueActix-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