天天看点

6. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-接口地址管理和封装自定义的js方法

一、.接口管理

在项目根目录下创建一个routes文件夹,然后下面创建一个router.js文件,用来管理所有接口

// 接口地址管理
let express = require('express');
let user = require('../controls/user');
let weekly = require('../controls/weekly');
let api = require('../config/api');

let router = express.Router();

// user-用户管理 
router.post(api.userLogin, user.login);
router.post(api.userLogout, user.logout);
router.post(api.userAdd, user.add);
router.post(api.userUpdateInfo, user.updateInfo);
router.post(api.userUpdateState, user.updateState);
router.post(api.userDetail, user.detail);
router.post(api.userList, user.list);

// weekly-周报管理
router.post(api.weeklyAdd, weekly.add);
router.post(api.weeklyUpdateInfo, weekly.updateInfo);
router.post(api.weeklyUpdateState, weekly.updateState);
router.post(api.weeklyDetail, weekly.detail);
router.post(api.weeklyList, weekly.list);

module.exports = router;
           

二、.  封装自定义的js方法

在项目根目录下创建一个utils文件夹,来存放共用的js方法,我这里封装了一个对时间处理的方法,就在此目录下创建了一个time.js文件

const moment = require('moment')

const $time = {
  formatTime(date) {
    let result = null
    if (!date) {
      // 当前时间格式化为24小时制年-月-日 时:分:秒
      result = moment().format('YYYY-MM-DD HH:mm:ss')
    } else {
      // 特定时间格式化为24小时制年-月-日 时:分:秒
      result = moment(date).format('YYYY-MM-DD HH:mm:ss')
    }
    return result
  },
  formatYmd(date) {
    let result = null
    if (!date) {
      // 当前时间格式化为24小时制年-月-日
      result = moment().format('YYYY-MM-DD')
    } else {
      // 特定时间格式化为24小时制年-月-日 时:分:秒
      result = moment(date).format('YYYY-MM-DD')
    }
    return result
  }
}

module.exports = $time
           

三、项目体验链接

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

本人前端程序员,长期混迹于各种前端开发中,现在专门为前端热爱者建了个微信群,和大家一起分享自己在工作、学习中遇到的技术知识或问题,还有各种资料和课程,各位感兴趣的可以加入哦~  

6. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-接口地址管理和封装自定义的js方法