# vue-next-admin-Ts **Repository Path**: CharlesInOSC/vue-next-admin-ts ## Basic Information - **Project Name**: vue-next-admin-Ts - **Description**: 基于nestjs+vue-next-admin开发的权限控制系统 - **Primary Language**: TypeScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 5 - **Created**: 2023-02-11 - **Last Updated**: 2023-02-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue-next-admin-nest #### 🌈 介绍 基于 nestjs+vue-next-admin 开发的权限控制系统 后端:nestjs+typeorm+jwt 认证+csrf 防御+摘要认证+细粒度权限控制(菜单=>页面=>按钮)+mysql+redis 前端:vue3+vite+typescript+vue-next-admin ## 🚧 使用说明 ```第一步 拉取前后端代码,在根目录执行npm/yarn/pnpm install安装依赖(建议使用npm,设置淘宝镜像) ``` ```第二步 手动创建mysql数据库,修改后端根目录/src/Config/Index.ts的DataBaseConfig.DataBase参数 ``` ```第一步 设置后端根目录/src/Config/Index.ts的AppConfig.debug改为true,设置为开发模式, (开发模式会打印日志,并且自动将实体迁移至数据库,上线后记得debug改为false) 进入后端执行npm run start:dev启动后端,访问0.0.0.0:3000/seed进行数据初始化操作 (初始化数据请谨慎操作,初始化完成后记得将/src/Controller/IndexController.ts的seed控制器注释,防止数据被重置) 项目会自动生成swagger接口文档,访问路径/api ``` ## 🏭 后端启动命令 ```bash # 安装依赖 $ npm install # dev mode $ npm run start:dev # production mode $ npm run start:prod ``` ## ⚡ 前端启动命令 ```bash # 安装依赖 $ npm install # dev mode $ npm run dev # production mode $ npm run build 打包后将静态文件部署到服务端静态目录进行访问 ``` #### ⛱️ 项目截图 ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221124112609.png) ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221124112646.png) ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221124112526.png) ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221124112739.png) #### 💯 联系我们 QQ 群:478153238 联系作者 QQ:1844045442 联系方式:15071076841(微信同号) 微信公众号:量子互联网络科技 微信摸鱼小游戏:梦幻农庄 ![微信二维码](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221208092411.jpg) #### 💕 赞赏记录 - gitee 用户:490912587@qq.com 贡献金额:100 - 微信用户:程序员 LaJun(phpcoder666) 贡献金额:8.8 #### 💌 赞助 您的支持就是我们前进的动力