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

本人前端程式員，長期混迹于各種前端開發中，現在專門為前端熱愛者建了個微信群，和大家一起分享自己在工作、學習中遇到的技術知識或問題，還有各種資料和課程，各位感興趣的可以加入哦~