# naive-admin-vue3

**Repository Path**: 789/naive-admin-vue3

## Basic Information

- **Project Name**: naive-admin-vue3
- **Description**: Vue 3 + Typescript + Vite + Naive UI + pinia + 菜单按钮权限管理
后端使用 koa2
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2022-11-08
- **Last Updated**: 2022-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 简介
预览：request://1.14.194.61:886/

对应后端：koa2-auth-template: https://gitee.com/li_ze_zheng/koa2-auth-template

1.使用vue3 script-setup 语法糖

2.使用typescript + vite

3.使用官方最新推荐的状态管理pinia 和 vue-router4.x

4.包含按钮级别的权限控制

5.尽量自适应

### 启动步骤
1. yarn install

2. yarn run dev

### 关于权限部分
1.后端自动生成系统的api结构，不直接展示给用户，通过按钮的形式去分配api。

2.前端手动添加对应的目录/菜单/按钮。 

3.如果添加按钮，需要绑定对应的api和输入对应的权限标识，权限标识用于前端设置按钮未授权样式，
绑定api则是用于后端进行api拦截。

4.添加的目录和菜单，主要用于前端动态渲染路由操作，与后端没有直接关系，前后端分离后端只需要对api进行拦截。
  
5.设置好目录，菜单，按钮后。设置对于的角色，勾选该角色所拥有的菜单和按钮权限。

6.添加用户，用户分配角色。