前端的环境搭建

技术选型

熟悉目录结构

如何梳理代码

以登录功能进行示例

先看前端页面

这个路径一定是对应了一个对应的路由，这个路由一定对应了某个组件

找到登录的方法

这个方法在store中，是异步方法

store中有一个actions方法

对应的是login的api请求

request是我们单独封装的请求方法

在工具中供大家统一使用

请求拦截器

响应拦截器

暴露出去

小结

员工页面

<template>
  <div class="dashboard-container">
    <div class="container">
        <div class="tableBar">
          <label style="margin-right: 5px">
            员工姓名:
          </label>
          <el-input  placeholder="请输入员工姓名" style="width: 15%"> </el-input>
          <el-button type="primary" icon="el-icon-search" style="margin-left: 10px">查询</el-button>
          <el-button type="primary" icon="el-icon-plus" style="margin-right: 10px;float: right">添加员工</el-button>
        </div>
    </div>