Vue项目实战——【基于 Vue3.x + NodeJS】实现的课程表排课系统二（week-title）

基于 Vue3.x + NodeJS实现的课程表排课系统（二）

---

初始化样式

src/assets/resets.css

body,
p,
h1 {
   
    margin: 0;
}

h1 {
   
    font-weight: normal;
}

a {
   
    text-decoration: none;
    color: #666;
}

button {
   
    outline: none;
    border: none;
}

ul {
   
    padding: 0;
    margin: 0;
    list-style: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

main.js全局引入

import "./assets/resets.css";
1

封装axios处理数据

在client/src下新建文件夹lib/http.js

import axios from "axios";
import qs from "qs";

export function httpGet(url) {
   
  return new Promise((resolve, reject) => {
   
    axios(url)
      .then((res) => {
   
        const {
    code, msg, data } = res.data;

        if (code === 0) {
   
          resolve(data);
        } else {
   
          reject(mssg);
        }
      })
      .catch((err) => {
   
        reject(err);
      });
  });
}

export 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28