通过Express+vue2实现笔记管理系统

本文链接：https://blog.csdn.net/lin85253788/article/details/131402841

项目地址NoteManngeer: 笔记管理系统

后端Express 部分

一.express生成器

1.概述

应用程序生成器工具 (express-generator) 可以快速创建应用程序框架。

2.全局安装express生成器

npm install -g express-generator

3.在当前工作目录中创建名为 myapp 的 Express 应用程序并将视图引擎将设置为 Pug

express --view=pug myapp

4.然后进入myapp根目录安装依赖项：

cd myapp
npm install

5.启动项

npm start

二.解决前后端跨域

1.通过安装cors模块解决

npm i cors

2.app.js

const cors = require('cors')

app.use(cors())

三.连接、封装操作MySQL

// 1.导入mysql包
const mysql = require('mysql')

// 2.创建mysql连接
const pool = mysql.createPool({
    connectionLimit: 150, 
    host:'localhost',  // 主机
    user: 'root',      // 用户名
    password: '',  // 密码
    database: 'hw3_1'  // 数据库名称
})

// 3.连接mysql
function query (sql) {
    return new Promise(function (resolve,reject) {
        pool.getConnection(function (err, connection) {
            if (err) return;
            // 4. 执行sql
            connection.query(sql, function (err, data) {
                if (err) return;
                resolve(data)
                console.log(data);
                // 5.释放连接
                connection.release()
            })
        })
    })
}

// 查询数据

module.exports=query

四.创建注册用户接口

使用mysql创建表格

//创建存储用户数据的表格
ALTER TABLE `hw3_1`.`user`
  CHANGE `password` `password` INT NULL FIRST,
  CHANGE `username` `username` CHAR (11) CHARSET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL AFTER `password`;

routers/login.js

const express = require('express')
const router = express.Router()
const query = require('../db/query')

// 新增用户 
//将用户名称 密码插入user表中 同一管理
router.post('/adduser', async function (req, res) {
    // post 请求参数
    const { username, password } = req.body
    const sql =  `insert into users(username,password) values( '${username}', '${password}')`
    const insert= await query(sql)
    console.log(req.body)	
    res.send({
        status:200,
        message:'数据插入成功',
        insert
    })
})

// 通过用户名创建存储用户数据的表
router.post('/formate', async function (req, res) {
    // post 请求参数
    const {username} = req.body
    const sql = `CREATE TABLE ${username} (  
        id INT NOT NULL AUTO_INCREMENT,
        formname VARCHAR(255) NOT NULL,
        fordata TEXT,
        PRIMARY KEY (id)
      )`
    const insert= await query(sql)
    console.log(req.body)	
    res.send({
        status:200,
        message:'数据插入成功',
        insert
    })
})

//查询表 
//用于判断表中是否有该用户用于登陆
router.post('/formate', async function (req, res) {
    // post 请求参数
    const {username} = req.body
    const sql = `CREATE TABLE ${username} (  
        id INT NOT NULL AUTO_INCREMENT,
        formname VARCHAR(255) NOT NULL,
        fordata TEXT,
        PRIMARY KEY (id)
      )`
    const insert= await query(sql)
    console.log(req.body)	
    res.send({
        status:200,
        message:'数据插入成功',
        insert
    })
})

module.exports = router

使用sql创建图片表

CREATE TABLE `images` (
  `switch` text NOT NULL,
  `id` int NOT NULL AUTO_INCREMENT,
  PRIMARY KEY (`id`)
)