从零开始搭建一个网站后台管理系统（node+vue+SQL）（2）

最新推荐文章于 2024-02-10 12:28:40 发布

置顶

qq_295022030

最新推荐文章于 2024-02-10 12:28:40 发布

阅读量982

点赞数 3

分类专栏： node 文章标签：前端 vue node

本文链接：https://blog.csdn.net/qq_28473235/article/details/102852495

版权

本文是关于从零搭建网站后台管理系统的第二部分，主要介绍项目基本配置、基本框架的设定，以及登录、注册、注销功能的实现。通过node.js创建接口，使用jsonwebtoken生成token，结合vue前端与element-ui组件库，完成功能的开发。在开发过程中，讨论了如何获取前端传来的参数，并分享了遇到的问题及解决办法。

摘要由CSDN通过智能技术生成

我是一名前端开发，我为自己带盐。【满纸荒唐言，一把辛酸泪。都云作者痴，谁解其中味？】

下载地址：链接: https://pan.baidu.com/s/13FRqPlM7_qSbUizjIh8UjQ 提取码: ipk4

一：项目基本配置以及基本框架

上一篇已写到基本的数据库创建（本地数据库test，并创建admin表），后端接口userList 查用用户，vue前端搭建以及获取接口，具体可以到从零开始搭建一个网站后台管理系统（node+vue+SQL）（1）查看。

二：登录注册注销功能实现

思路

1：数据库表admin,包含字段（默认 Id， userId ，userName， password ，token）

2：node项目里面app.js创建接口，token生成需要下载一个jsonwebtoken插件

3：vue项目下载一个element-ui 包

实现后效果

ready ， go~

1：第一步，数据库

DROP TABLE IF EXISTS `admin`;
CREATE TABLE `admin` (
  `Id` int(11) NOT NULL AUTO_INCREMENT,
  `userId` varchar(255) DEFAULT NULL,
  `userName` varchar(255) DEFAULT NULL,
  `password` varchar(255) DEFAULT NULL,
  `token` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`Id`)
) ENGINE=MyISAM AUTO_INCREMENT=8 DEFAULT CHARSET=utf8;

2：第二步，node 项目中app.js

var express = require('express');
var path = require('path');
var app = express();
var bodyParser = require('body-parser');
var mysql = require('mysql');
var fs = require("fs");
var jwt = require("jsonwebtoken");
//npm install mysql 安装mysql

var db = require('./config/db.js');

app.all("*", function (req, res, next) {