Naive Ui Admin前端集成框架

Posted xiangzhihong8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Naive Ui Admin前端集成框架相关的知识,希望对你有一定的参考价值。

简介

Naive Ui Admin 是基于 vue3,vite2,TypeScript,搭配使用 Naive Ui 组件库形成一套开箱即用的中后台前端解决方案,Naive Ui Admin 遵守 Naive Ui 组件设计和开发约定,风格统一,全面的组件和便捷的工具会让您信手拈来,如鱼得水,更多功能在不停开发中。

特性

  • 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发
  • TypeScript: 应用程序级 javascript 的语言
  • 主题:可配置的主题
  • Mock 数据 内置 Mock 数据方案
  • 权限 内置完善的动态路由权限生成方案
  • 组件 二次封装了多个常用的组件

页面功能

系统看板

  • 主控台
  • 监控页
  • 工作台
  • 表单页面
  • 列表页面
  • 异常页面
  • 结果页面
  • 设置页面
  • 系统设置
  • 菜单权限
  • 角色权限

页面组件

ProTable

  • 基础表格
  • 上传图片
  • 滑块验证码
  • 持续开发中…

效果展示



账号:admin,密码:123456

预备准备

安装使用

  • 获取项目代码
git clone https://github.com/jekip/naive-ui-admin.git
  • 安装依赖
cd naive-ui-admin

yarn install

  • 运行
yarn dev
  • 打包
yarn build

Git 贡献提交规范

  • 参考 vue 规范 (Angular)

    • feat 增加新功能
    • fix 修复问题/BUG
    • style 代码风格相关无影响运行结果的
    • perf 优化/性能提升
    • refactor 重构
    • revert 撤销修改
    • test 测试相关
    • docs 文档/注释
    • chore 依赖更新/脚手架配置修改等
    • workflow 工作流改进
    • ci 持续集成
    • types 类型定义文件更改
    • wip 开发中

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

IEEdgeFirefoxChromeSafari
not supportlast 2 versionslast 2 versionslast 2 versionslast 2 versions

源码地址:
https://github.com/jekip/naive-ui-admin

以上是关于Naive Ui Admin前端集成框架的主要内容,如果未能解决你的问题,请参考以下文章

开源Vue后端UI开箱即用解决方案——vuestic-admin

几个过常用的前端框架后台框架

(一)基于 vue-element-admin 前端与后端框架搭建

博主收藏的前端框架,极力推荐!

前端框架参考

博主收藏的前端框架,极力推荐!