Skip to main content

28小节:基于Vben前端脚手架启动oneThread控制台

作者:程序员马丁

在线博客:https://nageoffer.com

note

热门项目实战社群,收获国内众多知名公司面试青睐,近千名同学面试成功!助力你在校招或社招上拿个offer。

基于 Vben 前端脚手架启动 oneThread 控制台,元数据信息:

©版权所有 - 拿个offer-开源&项目实战星球专属学习项目,依据《中华人民共和国著作权法实施条例》《知识星球产权保护》,严禁未经本项目原作者明确书面授权擅自分享至 GitHub、Gitee 等任何开放平台。违者将面临法律追究。


内容摘要:说一下为什么选择 Vben Admin 作为 oneThread 前端框架,以及我比较认可的几款前端脚手架。

课程目录如下所示:

  • 前言
  • vue-admin-better
  • Naive Ui Admin
  • materio-vuetify-vuejs-admin-template-free
  • Vuestic Admin
  • Vben Admin
  • Tail Admin

前言

原本按照规划,想和大家聊聊 Vben Admin 在 oneThread 中的应用以及框架的启动细节,但这些内容之前已经讲过,所以这篇文章换个角度,和大家聊聊我认为比较优秀的前端脚手架。

至于为什么选择 Vben Admin?从我的角度上,有以下考虑:

  • 生态完善、功能覆盖面广。

  • Ant Design Vue 风格更偏企业级应用。

  • TS 类型系统对长期维护友好。

众所周知,我是个“颜控”。对我来说,界面美观度是非常重要的,所以如果只从“颜值”维度来看,我会这样排序:

vue-admin-better < Naive Ui Admin < Tail Admin < materio-vuetify-vuejs-admin-template-free < Vben Admin = Vuestic Admin

以上仅代表个人观点,欢迎大家在评论区分享和讨论。

vue-admin-better

vue-admin-better 是一个基于 Vue 2.x(也支持 Vue3.x) + Element UI 的后台管理系统模版,主打开箱即用和功能丰富。它提供常见的后台管理功能,如动态菜单、权限管理、国际化、多主题、多环境配置等,是 Vue 生态里非常成熟的解决方案之一。

相关信息一览:

Naive Ui Admin

Naive Ui Admin 是基于 Vue 3 + Vite + TypeScript + Naive UI 的中后台管理系统模版。它融合了最新的前端技术栈,提炼了典型的业务模型和页面,包括二次封装组件、动态菜单、权限校验等功能,助力快速搭建企业级中后台项目。

相关信息一览:

Tail Admin

TailAdmin 是一个基于 Tailwind CSS 构建的免费现代化后台管理仪表板模板。它采用简洁高效的工具类 CSS 风格,提供美观的 UI 界面和常见管理面板组件,开箱即用。TailAdmin 同时提供免费版和 Pro 版,前者包含基础仪表盘、表格、表单、图表等组件,适合快速构建后台原型;Pro 版则扩展了更多页面模板和 UI 元素,适合更复杂的项目需求。

相关信息一览:

Vben Admin

Vben Admin 是一个基于 Vue 3 + Vite + TypeScript + Ant Design Vue 的现代化中后台前端解决方案。它采用最新的前端技术栈,提供完善的工程化配置和丰富的内置功能,例如动态路由、权限管理、国际化支持、组件封装、Mock 数据、主题切换等。

相关信息一览:

materio-vuetify-vuejs-admin-template-free

Materio Vuetify Vuejs Admin Template Free 是一个基于 Vue 3 + Vuetify 3 的免费后台模版。它提供现代化的 Material Design 风格界面,整体设计规范简洁,适合中小型项目或前期原型搭建。

相关信息一览:

Vuestic Admin

Vuestic Admin 是一个基于 Vue 3 + Vuestic UI 的免费开源管理后台模版。Vuestic UI 是由 Epicmax 团队开发的一套 Vue 组件库,风格灵活,支持主题定制,因此 Vuestic Admin 在视觉个性化和国际化方面表现出色。

当前版本的功能性相对基础,感觉不足以支撑企业级系统管理的复杂需求。不过,其 UI 设计采用了手绘与极简风格,视觉呈现清新独特,是我喜欢的类型。未来我计划将自建的一些系统逐步迁移或适配到此框架之上,到时候大家一起看看效果展示。

相关信息一览:

完结,撒花 🎉