关于前端:Naive-Ui-Admin-发布后台管理系统-高颜值Admin骨架-看看是不是你想要的

7次阅读

共计 1027 个字符,预计需要花费 3 分钟才能阅读完成。

简介

Naive Ui Admin 是一个收费开源的中后盾模版,应用了最新的 vue3,vite2,TypeScript 等支流技术开发,开箱即用的中后盾前端解决方案,也可用于学习参考。

个性

  • 最新技术栈:应用 Vue3/vite2 等前端前沿技术开发
  • TypeScript: 应用程序级 JavaScript 的语言
  • 主题:可配置的主题
  • Mock 数据 内置 Mock 数据计划
  • 权限 内置欠缺的动静路由权限生成计划
  • 组件 二次封装了多个罕用的组件

页面性能

  • ✨ Features

  • 菜单模式(左侧 / 顶部)
  • 权限(固定角色 / 动静路由菜单)
  • 主题(深色 / 浅色)援用 naiveui 个性,光明主题 / 自定义组件,暗黑主题信手捏来
  • 零碎主题(十种平安色,可切换预览,可自定义)
  • 导航格调(三种,可自在搭配,暗色侧边 / 红色侧边和通栏 / 暗色侧边和顶部通栏)
  • 多页签,长久化,拖拽,敞开,固定
  • 面包屑,图标,子菜单下拉联动展现
  • 丑陋的锁屏界面
  • 在线配置抽屉(布局预览性能)
  • 主控台,简略写了一下,能看了
  • 工作台随便撸了一下(不想写 style)用 tailwindcss 大开杀戒了
  • echarts,官网例子很全了,没啥好撸的,偷懒再次援用 vben 作者的代码,再感激一次,哈哈
  • 主控台,工作台,自适应反对
  • 左侧菜单屏幕可视宽度 <=950 主动收起
  • 页脚是否显示,可配置
  • 新增页面缓存,演示页面在 > 工作台 > 动静卡片 > 输入框

零碎看板

  • [x] 主控台
  • [] 监控页
  • [x] 工作台

成果展现

预览

  • naive-ui-admin

账号:admin,明码:123456

文档

文档地址 – 待欠缺

筹备

  • node 和 git - 我的项目开发环境
  • Vite – 相熟 vite 个性
  • Vue3 – 相熟 Vue 根底语法
  • TypeScript – 相熟 TypeScript 根本语法
  • Es6+ – 相熟 es6 根本语法
  • Vue-Router-Next – 相熟 vue-router 根本应用
  • Naive-ui-admin – ui 根本应用
  • Mock.js – mockjs 根本语法

装置应用

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

yarn install
  • 运行
yarn dev
  • 打包
yarn build

更新日志

CHANGELOG

浏览器反对

本地开发举荐应用Chrome 80+ 浏览器

维护者

@Ah jung

交换

Naive Ui Admin 是齐全开源收费的我的项目,在帮忙开发者更不便地进行中大型管理系统开发,同时也提供 QQ 交换群应用问题欢送在群内发问。

  • QQ 群 328347666
正文完
 0