美文网首页
5. 基于Vue+Element+nodeJs+Express+

5. 基于Vue+Element+nodeJs+Express+

作者: 竹立荷塘 | 来源:发表于2020-05-03 17:57 被阅读0次

    一、Express服务器入口文件index.js设置

    // node 后端服务器
    const router = require('./routes/router'); // 接口地址管理
    const path = require('path');
    const bodyParser = require('body-parser');
    const express = require('express');
    const app = express();
     
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({extended: true}));
     
    // 后端api路由
    app.use(router);
     
    // 监听端口
    app.listen(3002);
    console.log('success listen at port:3002......');
    

    二、数据库配置

    前提:电脑安装mysql数据库
    在项目根目录下创建一个config文件夹,然后下面创建两个文件

    1. db.js----用来添加mysql配置

    // 数据库连接配置
    module.exports = {
      host: 'localhost',
      user: 'root', // 数据库账号
      password: 'xxxxxx', // 数据库密码
      database: 'demo_weekly', // 该项目的数据库名称
      port: 3306,
      multipleStatements: true
    }
    

    2. api.js----用来添加接口地址

    let path = '/demo-weekly/back-end/api';
     
    module.exports = {
        // user-用户管理
        userLogin: path + '/user/login', // 用户登录
        userLogout: path + '/user/logout', // 用户登出
        userAdd: path + '/user/add', // 新增用户
        userUpdateInfo: path + '/user/updateInfo', // 更新用户信息
        userUpdateState: path + '/user/updateState', // 更新用户状态
        userDetail: path + '/user/detail', // 获取用户详情
        userList: path + '/user/list', // 获取用户列表
     
        // weekly-周报管理
        weeklyAdd: path + '/weekly/add', // 新增周报
        weeklyUpdateInfo: path + '/weekly/updateInfo', // 更新周报信息
        weeklyUpdateState: path + '/weekly/updateState', // 更新周报状态
        weeklyDetail: path + '/weekly/detail', // 获取周报详情
        weeklyList: path + '/weekly/list' // 获取周报列表
    };
    

    三、项目体验链接

    周报管理系统体验链接:https://www.17sucai.com/pins/35488.html

    相关文章

      网友评论

          本文标题:5. 基于Vue+Element+nodeJs+Express+

          本文链接:https://www.haomeiwen.com/subject/gktjghtx.html