# xiao-navigation-admin

**Repository Path**: xiangshaw/xiao-navigation-admin

## Basic Information

- **Project Name**: xiao-navigation-admin
- **Description**: xiao-navigation后台管理
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-16
- **Last Updated**: 2023-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# xiao-navigation-admin

<p style="text-align: center">
 <a href="https://badgen.net/https/cal-badge-icd0onfvrxx6.runkit.sh/Asia/Shanghai" target="_blank"><img alt="Read the Docs" src="https://badgen.net/https/cal-badge-icd0onfvrxx6.runkit.sh/Asia/Shanghai"></a><br/>
 <a href="https://gitee.com/xiangshaw/coisini" target="_blank"><img alt="Gitee" src="https://img.shields.io/badge/Gitee-coisini-orange?style=social&logo=gitee&colorA=F77234&link=https://gitee.com/xiangshaw/coisini"></a><br/>
 <a href="https://github.com/xiangshaw/coisini" target="_blank"><img alt="GitHub" src="https://img.shields.io/badge/Github-coisini-orange?style=social&logo=github&colorA=F77234&link=https://github.com/xiangshaw/coisini"></a>
 <a href="https://github.com/xiangshaw/coisini" target="_blank"><img alt="stars" src="https://badgen.net/github/stars/xiangshaw/coisini"></a>
 <a href="https://github.com/xiangshaw/coisini" target="_blank"><img alt="release" src="https://badgen.net/github/release/xiangshaw/coisini"></a>
</p>


- 积丝成寸，积寸成尺；尺寸不已，遂成丈匹。
- 首页访问：[https://coisini.cn](https://coisini.cn)

## xiao-navigation后台UI设计
对应后端代码：[xiao-navigation](https://github.com/xiangshaw/xiao-navigation)

>基于 [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) 修改的后台UI

## Build Setup

```bash
# 克隆项目
git clone https://gitee.com/xiangshaw/xiao-navigation-admin.git

# 进入项目目录
cd xiao-navigation-admin

# 安装依赖
yarn install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
yarn install --registry=https://registry.npm.taobao.org

# 启动服务
yarn run dev
```

## 效果图

登录页面

![login.png](src%2Fassets%2Fdemo_diagram%2Flogin.png)

首页（兼容移动端显示）
![home.png](src%2Fassets%2Fdemo_diagram%2Fhome.png)

![phoneHome.png](src%2Fassets%2Fdemo_diagram%2FphoneHome.png)

用户管理

![user.png](src%2Fassets%2Fdemo_diagram%2Fuser.png)

角色管理

![role.png](src%2Fassets%2Fdemo_diagram%2Frole.png)

分配权限

![assignAuth.png](src%2Fassets%2Fdemo_diagram%2FassignAuth.png)

菜单管理

![menu.png](src%2Fassets%2Fdemo_diagram%2Fmenu.png)

类别管理

![sort.png](src%2Fassets%2Fdemo_diagram%2Fsort.png)

标签管理

![tag.png](src%2Fassets%2Fdemo_diagram%2Ftag.png)

登录日志管理

![loginLog.png](src%2Fassets%2Fdemo_diagram%2FloginLog.png)

操作日志管理

![operLog.png](src%2Fassets%2Fdemo_diagram%2FoperLog.png)