首页 > 其他分享 >一个前后端都有的后台管理系统,使用nest.js和vue3

一个前后端都有的后台管理系统,使用nest.js和vue3

时间:2024-05-30 15:15:07浏览次数:26  
标签:admin nest vue3 nova js pnpm 后台

今天介绍一个新的Vue后台管理框架,相比其他后台功能丰富管理系统,这个后台管理系统可以用干净简洁来形容——Nova-admin

Nova-admin

Nova-admin 是一个基于Vue3、Vite5等最新技术的后台管理平台。用简单的方式实现完整功能,并尽可能的考虑代码规范,易读易理解无过度封装,方便二次开发。

特点

  • 基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技术栈开发
  • 基于alova封装和配置,提供统一的响应处理和多场景能力
  • 完善的前后端权限管理方案
  • 支持本地静态路由和后台返回动态路由,路由简单易配置
  • 对日常使用频率较高的组件二次封装,满足基础工作需求
  • 黑暗主题适配, 界面样式保持Naive风格
  • 仅在提交时进行eslint校验,没有过多限制,开发更简便
  • 界面样式布局灵活可配置
  • 多语言(i18n)支持

安装使用

Node.js 需要大于 20

本地开发环境建议使用 pnpm 8.x

// 安装依赖
pnpm i

// 启动服务
pnpm dev

// 打包构建
pnpm build
首页

异常页

地图

后端

nova-admin 是一个前后端分离的项目,前端使用的是Vue3Vite5TypescriptNaive UI

nove-admin-nestsnova-admin对应的后端,使用 Nest.jsTypescript进行开发

安装启动

// 安装
pnpm i

// 启动
npm run start

同时作者也贴心的配置了apifox的文档

https://nova-admin-nest.apifox.cn/

如果你想要了解和学习全栈的相关知识,这个项目是一个不错的切入点

前端:https://github.com/chansee97/nova-admin

后端:https://github.com/chansee97/nove-admin-nest

标签:admin,nest,vue3,nova,js,pnpm,后台
From: https://www.cnblogs.com/frontendweb3/p/18222396

相关文章

  • elementPlus+vue3易踩的坑之el-radio单选框:为什么默认选项都被勾选了?
    出错的效果:选项都被选中了......明明是从elementplus复制过来的代码(如下),怎么会出现这个情况呢?<el-radio-groupv-model="radio"> <el-radiovalue="1">通过</el-radio> <el-radiovalue="2">不通过</el-radio> </el-radio-g......
  • Particles.js:为Web项目增添动态粒子效果
    Particles.js:为Web项目增添动态粒子效果示例介绍Particles.js是一个轻量级的JavaScript库,用于在Web页面上创建和管理动态粒子效果。它允许开发者通过简单的配置文件实现复杂的动画效果,为网页增添视觉吸引力。粒子可以是点、线、图像等,能够根据用户交互进行动态变化,Particles.......
  • java版微信公众号开发(八)获取jsapi_ticket,生产JS-SDK签名
    jsapi_ticket是公众号用于调用微信JS接口的临时票据。只用正确的签名才能使用JS调用微信接口,小编在这里整理一个一套完整的获取方法。废话不多说,直接上干货。//importjava.security.MessageDigest;/***获取位置信息签名*@AuthorFM_南风*@Date2024......
  • 从零开始创建一个nodejs+ts+express+热加载的简易项目
    为了搭建一个nodejs+express+ts+热加载的一个简易项目,需要配置一些基础的文件来确保ts代码能被编译和正确的运行。下面是一个详细的配置例子,以供参考。1.安装Node.js:确保系统上已经安装了Node.js。这一步省略,安装也很简单。2.初始化项目创建一个新的项目目录并......
  • react+three.js导入外部gltf格式
    我把gltf文件放在了public/static下面了。其他地方还没适用。因为之前想导入obj一直没成功,就跟着官网和各种例子成功导入了gltf格式的然后其他的没啥。看代码吧。大部分我都写了备注components组件importReact,{useEffect,useRef}from"react";import*asTHREE......
  • JS小知识点
    js是单线程的所有的同步任务都是按顺序依次执行的,前面的执行完了之后才会执行后面的任务../上级目录./当前文件夹目录说出==和===的区别普通相等:==在比较类型不相同的情况下,会将运算元先转成Number的值,再进行比较(即会进行隐式转换)严格不等:===在进行比......
  • js事件基础知识
    事件的基础知识事件三要素:事件源:  事件被触发的对象 谁被触发事件类型:如何触发,什么事件例如鼠标点击,鼠标经过,键盘按下等事件处理程序:通过函数赋值的方式完成常用的事件:1)、鼠标事件onclick   当点击鼠标时运行的事件onmousedown  当按下鼠标按钮时运行的事......
  • JS中?? 与 || 的区别
     1)相同点:??和||的用法相同,都是前后是值,中间用符号连接,根据前面的值来判断最终是返回前面的值还是后面的值。One??TwoOne||Two2)不同点:判断的方法不同:使用??时,只有One为null或者undefined时才会返回two;使用||时,One会先转化为布尔值判断,为true时返回One......
  • 三维前端开发项目中Threejs的THREEScene函数详解
    THREE.Scene函数用于创建一个场景对象。大家好!艾斯视觉作为在IT行业中负责ui设计和前端开发环节的服务商很高兴能在这里与大家共同探讨学习:场景是Three.js中所有图形元素的容器,它可以包含相机、光源、几何体、材质等。创建场景对象的基本语法如下:constscene=newTHREE.S......
  • JS-07 深入了解闭包
    目录1变量作用域2 作用域链3认识闭包4经典面试题5闭包的应用6闭包内存释放7闭包的优势1变量作用域变量作用域的概念:就是一个变量可以使用的范围JS中首先有一个最外层的作用域:称之为全局作用域JS中还可以通过函数创建出一个独立的作用域(局部),其中函数可以嵌......