什么是前端

什么是前端组件库

1.PC端Vue-UI库

https://m.mingzhang.cc/article/8yz9

2.移动端Vue-UI库

https://m.mingzhang.cc/article/hvm5

3.后台管理系统-Vue前端框架

基于Element UI

• vue-pure-admin

  • 文档齐全,vue3 ts , 推荐, 一直有更新, 包含视频教程

  • github.com/pure-admin/…

  • yiming_chang.gitee.io/pure-admin-…

  • www.bilibili.com/video/BV1kg…

• vue-element-plus-admin

  • 文档齐全,vue3 ts , 一直有更新

  • github.com/kailong3212…

  • kailong110120130.gitee.io/vue-element…

  • kailong110120130.gitee.io/vue-element…

• Geeker Admin

  • Vue3、TS 、Vite5, 一直有更新

  • github.com/HalseySpicy…

  • admin.spicyboy.cn/#/home/inde…

• SCUI Admin

  • 一般 vue3 elementUI plus

  • gitee.com/lolicode/sc…

  • github.com/curvanordw1…

• v3-admin-vite

  • 有文档 ,vue3 ts , 功能比较单一, 一直有更新

  • github.com/un-pany/v3-…

  • un-pany.github.io/v3-admin-vi…

• Vue Admin Work X

  • 包含收费版, 支持各种新UI库的版本, ant design , arco , naive ui等,功能全面

  • github.com/qingqingxua…

  • www.vueadminwork.com/index

  • p.vueadminwork.com/#/index/wor…

• vue-element-admin

  • 经典的vue2 + elemenUI 框架

  • star 数多到惊人

  • 缺点比较老都是 vue2 而且不怎么维护了

  • github.com/PanJiaChen/…

基于 ant design vue

• Vben Admin

  • vue3,vite5,TS , 一直有更新, 支持多种版本 完全版,国际化,简化版等

  • 缺点 用的是ant design vue

  • github.com/vbenjs/vue-…

  • vben.vvbin.cn/thin/next/#…

  • github.com/vbenjs/vue-…

基于 Naive UI

• naive-ui-admin

  • vue3 , ts , 一直有更新

  • 缺点 有收费版

  • github.com/jekip/naive…

  • www.naiveadmin.com/

  • element.naiveadmin.com/login?redir…

• soybean-admin

  • Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。 一直有更新

  • github.com/soybeanjs/s…

• Admin Work

  • start较少,最近无更新

  • github.com/qingqingxua…

基于 arco

• Vue TSX Admin Prod

• manyuemeiquqi.github.io/vue-tsx-adm…

4.中后台框架(前端+后端)

• ruoyi 若依

  • 技术架构: 早期是 php+vue ,新版本是 java+vue3

  • 支持vue3 , elementui plus ,

  • 支持各个端,并且生态非常好,包含全平台的所有开源项目 uniapp ,

  • 文档详细,功能齐全

  • 缺点不支持 ts

  • github.com/yangzongzhu…

  • doc.ruoyi.vip/ruoyi/

  • vue.ruoyi.vip/tool/gen

  • gitee.com/y_project/R…

• aglie admin

  • 技术架构: java srpingboot +vue3

  • 缺点 star 较少

  • admin.gumingchen.icu/

  • 后端 github.com/gmingchen/j…

  • 前端源码 github.com/gmingchen/a…

• ELADMIN jpa

  • 技术架构: java spring-boot + vue2 + elementUI

  • star 多 , 成熟稳定, 功能齐全

  • 表格组件封装过度,很难定制化

  • 缺点 只有vue2,前端技术比较老 , 没怎么维护了

  • github.com/elunez/elad…

  • eladmin.vip/

  • eladmin.vip/demo/#/logi…

• buildadmin

  • 技术架构: php Thinkphp8 + vue3 + ts + elementUI plus

  • 优点: 一直有更新,前端通过hook , 虽然也是过度封装,但是思想值得深入学习

  • 缺点后台语言不是java ,可维护性较差, 封装了很多事件,学习成本大

  • github.com/build-admin…

  • uni.buildadmin.com/

  • doc.buildadmin.com/guide/

5.其他

移动端日期控件

• xfhxbb日期时间选择控件

  • xfhxbb.github.io/LCalendar/p…

• jQuery移动端日期和时间插件

  • www.jq22.com/jquery-info…

• jdate demo

  • weijhfly.github.io/jdate.html

参考

可能是全网最详细的「管理后台」选择指南

https://juejin.cn/post/7385784332445958155

vue后台系统大全

http://vue.easydo.work/