私藏项目实操分享# nodejs后端+vue+mysql搭建一个管理系统

本文分享使用NodeJs作为后端,Vue作为前端框架,配合MySQL数据库搭建管理系统的步骤。首先通过vue-manage-system搭建Vue前端,解决可能出现的安装问题。接着创建数据库连接工具类、接口类和后端主类,实现登录接口的测试交互。vue.config.js配置跨域,login.vue中发送请求完成登录功能。作者提供了更多学习资料和面试资源。
摘要由CSDN通过智能技术生成

NodeJs后端+Vue+MySQL搭建一个管理系统
写在前面,之前一直换着法用Java写后端,不论是SpringBoot还是MVC还是啥,就离不开那一套,忽然发现现在学校又让用node写后端的,学习一下!

一、首先整一套Vue现成的开源脚手架程序并启动,作为前端架子
我这边用的是​ ​vue-manage-system​​,非常好用这边肥肠感谢!根据项目里面的Readme启动起来项

注意如果install出现错误像下面这个图,那就删掉 ​​package-lock.json ​​这个文件   


二、就以这个登录接口为例,测试交互
src下新建server包
​​

// 数据库连接配置
module.exports = {
    mysql: {
        host: '127.0.0.1',
        user: 'root',
        password: '123456',
        database: 'nodejsserver',
        port: '3306'
    }
}

新建 ​​mysqldb.js​​ 数据库连接工具类

新建 ​​api.js​​ 接口类

var models = require('./mysqldb'); //数据库链接信息
var express = require('express');
var router = express.Router();
var mysql = require('mysql');

// 连接数据库
var conn = mysql.createConnection(model
  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值