![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
文章平均质量分 90
Kepler_明
一个前端小菜鸟
展开
-
vue3.0加MongoDB加node的后台管理系统(一)
vue3.0的创建npm install -g @vue/cliyarn global add @vue/cliVite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。npm init vite-app Vite-mongodbcd Vite-mongodbnpm installnpm run dev或者使用yarn的方式创建yarn create vite-app V原创 2021-02-24 15:43:41 · 1044 阅读 · 0 评论 -
基于vant UI设计一个下拉选择跟搜索功能的组件
基于vant UI设计一个下拉选择跟搜索功能的组件原创 2022-06-16 16:24:43 · 6446 阅读 · 0 评论 -
vue3.0加MongoDB加node的后台管理系统(三)
现在开始主体架构的创建首先进行定义大致规划然后我们使用ant的侧边布局进行一些修改定义面包屑主要就是监听路由转跳,在路由转跳的时候进行判断当前转跳的是不是登录页,如果不是就想当前页面的名称以及路径push到数组中,在对数组进行渲染,当点击面包屑的时候进行跳转在src/components/Breadcrumb/Breadcrumb.vue中定义面包屑<template> <!-- 面包屑 --> <div> <a-breadcrum原创 2021-02-25 11:07:16 · 298 阅读 · 0 评论 -
vue3.0加MongoDB加node的后台管理系统(二)
接口定义完成,接下来我们进行页面的定义和封装接口在 /src/webapi/api.js中封装请求import axios from 'axios'// 引入axiosimport router from '../router/router'// 引入路由import { message } from 'ant-design-vue'// 引入提示const webapi = axios.create({// 判断当前的环境使用不同的地址 baseURL: process.en.原创 2021-02-25 10:25:43 · 277 阅读 · 0 评论 -
vue3.0加MongoDB加node的后台管理系统(四)
接下来到了设计注册页面的时候首先第一步先定义用户头像上传的接口引入文件上传模块formidable引入fs模块用于与文件系统进行交互npm install formidablenpm install fsconst fs = require('fs')const formidable = require('formidable')然后定义上传接口//上传头像接口router.post('/file_upload', function (req, res) { var form原创 2021-02-24 16:33:54 · 274 阅读 · 0 评论