推荐6款超级好看的开源中后台前端框架

news/2024/7/10 20:48:21 标签: 开源, 前端框架

目录

      • 1. Soybean Admin
      • 2. Pure Admin
      • 3. Ant Design Pro
      • 4. Vue-Vben-Admin
      • 5. ArcoDesign
      • 6. Vue Shop Vite

1. Soybean Admin

Soybean Admin是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新流行的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于文件的路由系统以及基于 Mock 的动态权限路由,开箱即用的中后台前端解决方案。

2. Pure Admin

vue-pure-admin是一款开源免费且开箱即用的中后台管理系统模版。使用Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等主流技术栈开发。

3. Ant Design Pro

Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

4. Vue-Vben-Admin

Vue-Vben-Admin是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模版,以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术,并将其应用在项目中。http://doc.vvbin.cn/guide/introduction.html

5. ArcoDesign

ArcoDesign 是一套设计系统的简称(字节跳公司–火山引擎 & 架构前端)。ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题,同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现,主要由UED设计和开发同学共同构建及维护。https://arco.design/vue/docs/pro/start

6. Vue Shop Vite

Vue Shop Vite全新一代的前端模板 💪 40+高质量单页
💅 RBAC 模型 + JWT 权限控制
🌍 10 万+ 项目实际应用
👏 良好的类型定义
🥳 开源版本支持免费商用
🚀 跨平台 PC、手机端、平板
📦️ 后端路由动态渲染
https://github.com/chuzhixin/vue-admin-better
https://vue-admin-beautiful.com/shop-vite/#/index


http://www.niftyadmin.cn/n/5074270.html

相关文章

一种新的在 fragment 中处理按键返回的方法

前言 当我们在fragment中处理返回键事件的时候,很多时候做法都是这样的:Activity中重写onBackPressed(),在此方法中获取当前的fragment对象,判断是否要处理返回事件,如果需要处理,就交由fragment再去具体响…

剑指offer——JZ36 二叉搜索树与双向链表 解题思路与具体代码【C++】

一、题目描述与要求 二叉搜索树与双向链表_牛客题霸_牛客网 (nowcoder.com) 题目描述 输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表。如下图所示 数据范围:输入二叉树的节点数 0≤n≤1000,二叉树中每个节点的值 0≤val≤10…

强烈推荐这5款功能强大的小软件

​ 今日的栽种,明日的果实,今天继续分享五个功能强大的小软件。 1.文本编辑——IDM UltraEdit ​ IDM UltraEdit是一款功能强大的文本编辑器,它支持多种编程语言和文件格式,可以处理大型文件,进行代码折叠&#xff0…

Android ncnn-android-yolov8-seg源码解析 : 实现人像分割

1. 前言 上篇文章,我们已经将人像分割的ncnn-android-yolov8-seg项目运行起来了,后续文章我们会抽取出Demo中的核心代码,在自己的项目中,来接入人体识别和人像分割功能。 先来看下效果,整个图像的是相机的原图&#…

Javascript 笔记:object

一部分object可以见:JavaScript 笔记 初识JavaScript(变量)_UQI-LIUWJ的博客-CSDN博客 1 in操作符 2 hasOwnProperty 3 获取一个object所拥有的所有property 不去原型链上找 4 定义data property

TS类中属性的封装

我们在如下的代码中,我们在类中设置属性,创建的对象可以随意修改自身的属性,对象中的属性可以任意被修改导致对象中的数据非常不安全。 // 创建一个Person类 class Person {name: string;age: number;constructor(name: string, age: number…

Linux 实践项目之论坛搭建

目录 一、思路 1、环境搭建(lamp--Linux apache mysql php ) 2、关闭防火墙SELinux启动服务 3、将论坛源代码上传至/var/www/html路径下 4、设置MySQL数据库名称和密码 5、浏览器上搭建Discuz论坛 二、实操 1、安装 2、关闭防火墙SELinux启动服务…

8.2 JUC - 7.线程安全集合类概述

目录 一、遗留的线程安全集合二、使用 Collections 装饰的线程安全集合三、java.util.concurrent.* 包下的对象 线程安全集合类可以分为三大类: 一、遗留的线程安全集合 Hashtable , Vector 二、使用 Collections 装饰的线程安全集合 Collections.sy…