• Stars
    star
    164
  • Rank 228,971 (Top 5 %)
  • Language Vue
  • Created over 5 years ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

admin-web后台管理项目骨架是基于vue3搭建起来的项目,前端ui库使用的是element-plus组件库,实现登录鉴权,动态菜单功能

vue-admin介绍

针对企业后台管理项目搭建的基础框架模型,实现基本的布局、登录权限、多环境区分、菜单权限、动态路由,如果你没有后端接口,你可以使用 nestjs 后端项目

使用方式

  • 1、下载代码
  • 2、安装依赖包
  • 3、运行项目

界面展示

  • 1、登录页面

    image-20230627161944230

  • 2、登录进去后的页面展示

    image-20230627162014614

菜单权限

  • 1、模拟当前用户拥有的权限列表,实际开发中请求后端数据接口,覆盖这个数据就可以

    // TODO 实际开发替换模拟后端返回的菜单列表
    authMenusList: ['account', 'resources', 'accountDetail', 'baidu','role'],

More Repositories

1

nestjs-mysql-api

NestJs CRUD for RESTful API使用nestjs+mysql+typeorm+jwt+swagger企业项目中的RBAC权限管理、实现单地方登录。
TypeScript
871
star
2

gin-admin-api

基于 Gin 模块化开发的 API 框架设计,封装了常用功能,使用简单,致力于进行快速的业务研发。比如,支持 cors 跨域、jwt 签名验证 的使用 等等。
Go
51
star
3

nest-code-generate

@nestjs/cli脚手架的增强版,提供输入数据库表名自动生成控制器、服务层、实体类等基本的curd
JavaScript
31
star
4

cms-egg-api

egg的后台管理系统api的种子工程,提供基本的用户管理、角色管理、权限管理、资源管理模块
JavaScript
28
star
5

tornado-pro

tornado企业级开发项目框架搭建
Python
26
star
6

nestjs-mysql-api-react

react + typescript实现的中后台模板框架,配合https://github.com/kuangshp/nestjs-mysql-api 项目的前端代码
TypeScript
19
star
7

nest-learn

nestjs项目
TypeScript
15
star
8

angular-admin-web

angular12和antd搭建的后台管理系统基础模板,包括登录、左侧导航、拦截器、ngrx状态管理等
TypeScript
14
star
9

angular4-model-node

对angular4数据请求的封装
TypeScript
9
star
10

nest-mongoose

nest连接mongoose的操作
TypeScript
9
star
11

nest-logs

nestjs中实现日志打印包
TypeScript
7
star
12

nest-mongoose-graphql

介绍nest+mongoose+graphql在项目中使用
TypeScript
7
star
13

react-admin-web

react17+typescript后台管理系统模板,使用router-v6版本实现路由守卫,路由权限
TypeScript
6
star
14

nest-mysql-api-front

配合https://github.com/kuangshp/nestjs-mysql-api 的前端项目
Vue
6
star
15

cms-front

对接egg后台api的前端项目https://github.com/kuangshp/cms-egg-api
JavaScript
6
star
16

django-graphql-vue-react

简单使用vue桥联django+graphql项目
JavaScript
5
star
17

nest-graphql-api

使用nestjs实现graphql api操作,实现基本的权限,上传文件单点登录等功能
TypeScript
4
star
18

generate-model

go语言从数据库映射生成数据模型
Go
3
star
19

maucash-model

vue+ts弹框组件
JavaScript
3
star
20

ali-rds-async

将ali-rds使用generator的方式改造成promise
JavaScript
3
star
21

ng8-ant

使用angular8+ant.design构建一个后端管理系统
TypeScript
3
star
22

post-demo

前后端分离开发中处理跨域的问题
HTML
3
star
23

typeorm-model-generator-cli

该工具将数据库的表生成model
JavaScript
3
star
24

maucash-utils

封装一些常用的方法
JavaScript
2
star
25

node-sso

简单生成随机token
TypeScript
2
star
26

mysql

2
star
27

simp-node-auth

使用typescirpt简单实现node-web开发密码加密
JavaScript
1
star
28

nest-admin-vue

Vue
1
star
29

angular-ngrx

angular8+ngrx8的基本使用demo
TypeScript
1
star
30

node-pay-sdk

nodejs中使用微信或者支付宝支付
JavaScript
1
star
31

nest-api-cache

nest中借用redis实现api接口缓存
TypeScript
1
star