# nichang

**Repository Path**: xiaobolinet/nichang

## Basic Information

- **Project Name**: nichang
- **Description**: 基石系列前端霓裳UI，一款基于SCUI(VUE)的前后分离结构前端UI，搭配磐石(PANSHI)后端项目实现了RBAC基本控制，开箱即用
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2023-04-13
- **Last Updated**: 2025-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<div align="center">

![logo](https://lolicode.gitee.io/scui-doc/logo.png)

<p align="center">
	<a href="https://v3.vuejs.org/" target="_blank">
		<img src="https://img.shields.io/badge/VueCLI-5-green" alt="VueCLI">
	</a>
	<a href="https://v3.vuejs.org/" target="_blank">
		<img src="https://img.shields.io/badge/Vue.js-3.x-green" alt="Vue">
	</a>
	<a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">
		<img src="https://img.shields.io/badge/element--plus-latest-blue" alt="element plus">
	</a>
</p>

<h1>霓裳</h1>

</div>

近期因各种项目需要时常需要快速构建中小型项目，因此结合历史知识，整合出一款可快速复制应用的基于RBAC的基础框架，并以开源形式发布，欢迎各界朋友Fork/Pull Request。

霓裳项目是基于开源项目SCUI Admin实现后端项目磐石的接入，霓裳+磐石实现完整的RBAC实现。

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

## SCUI

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

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

![logo](https://lolicode.gitee.io/scui-doc/g_1.jpg)

## 演示和文档

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

## 特点

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

## 部分截图

![logo](https://lolicode.gitee.io/scui-doc/g_2.jpg)

## 安装教程

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

# 进入项目目录
cd nichang

# 安装依赖
npm i

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

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

## 启动模式

| 模式 | 环境 | 适用 |
| --- | --- | --- |
| dev | 开发环境 | 团队成员日常开发 |
| test | 测试环境 | 测试成员使用构建 |
| prod | 生产环境 | 生产环境 |
| local | 本机环境 | 适用于前后端均在本机的环境 |
| panshi | 官方环境 | 后端使用PANSHI官方API |

``` sh

# 编译
npm run build

# 运行开发环境,API连接本机
# 此模式通常用于开发
# 后端地址为: http://127.0.0.1:8010
# 该地址多数情况下需要依据你的开发环境进行修改
npm run dev

# 运行测试环境
npm run test

# 运行生产环境
npm run prod

# 运行生产环境
npm run prod

# 运行PANSHI环境,API连接PANSHI在线API
# 此模式通常用于调试基本功能或功能演示
npm run panshi 


```

## 鸣谢

SCUI Admin

## 许可

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