跳到主要内容

霓裳UI

霓裳项目是基于开源项目SCUI Admin实现的前端项目，在前后分离开发模式下用霓裳+磐石实现完整的RBAC实现。
SCUI 是一个前端解决方案，基于VUE3和elementPlus实现，使用较新的前端技术栈，提供各类实用的组件方便在业务开发时的调用，并且持续性的提供丰富的业务模板帮助你快速搭建企业级中后台前端任务，具体内容见官方 SCUI链接。

类型链接
霓裳项目https://gitee.com/xiaobolinet/nichang.git
霓裳演示地址https://www.xiaobo.li/nichang/demo/

SCUI​

SCUI 是一个中后台前端解决方案，基于VUE3和elementPlus实现。 使用最新的前端技术栈，提供各类实用的组件方便在业务开发时的调用，并且持续性的提供丰富的业务模板帮助你快速搭建企业级中后台前端任务。

SCUI的宗旨是 让一切复杂的东西傻瓜化。

logo

演示和文档​

类型链接
文档地址https://lolicode.gitee.io/scui-doc/
演示地址https://lolicode.gitee.io/scui-doc/demo/#/login

特点​

  • 组件 多个独家组件、业务模板
  • 权限 完整的鉴权体系和高精度权限控制
  • 布局 提供多套布局模式，满足各种视觉需求
  • API 完善的API管理，使用真实网络MOCK
  • 配置 统一的全局配置和组件配置，支持build后配置热更新
  • 性能 在减少带宽请求和前端算力上多次优化，并且持续着
  • 其他 多功能视图标签、动态权限菜单、控制台组态化、统一异常处理等等

部分截图​

logo

安装教程​

# 克隆项目
git clone https://gitee.com/xiaobolinet/nichang.git

# 进入项目目录
cd nichang

# 安装依赖
npm i

# 启动项目(开发模式)
npm run serve

启动完成后浏览器访问 http://localhost:2800

启动模式​

# 启动开发模式,API连接本机
# 此模式通常用于开发
npm run serve 

# 启动开发模式,API连接PANSHI在线API
# 此模式通常用于调试基本功能或功能演示
npm run panshi 

# 编译
npm run build

鸣谢​

SCUI Admin

许可​

本项目使用MIT开源协议，你可以进行任何形式的修改、分发和商业应用