XIAOMING820

A064_单页面组件_ElementUI_Mock_axios

目录

- - 一、内容介绍
  - 二、搭建前端项目
  - - 1、Idea创建一个static web项目
    - 2、根目录下执行vue命令
    - 3、运行项目
    - 4、浏览器访问
    - 5、单页面组件 . vue
    - - 5.1、定义
      - 5.2、使用
  - 三、ElementUI-基于vue前端ui框架
  - - 1、入门
    - - 1.1、安装
      - 1.2、导入
      - 1.3、开始使用
    - 2、Layout布局
    - 3、Container布局容器(掌握)
    - 4、Button按钮(掌握)
    - 5、Tree树形控件(掌握)
    - 6、Pagination分页(掌握-结合表格)
    - 7、Alert警告(掌握)
    - 8、Tabs标签页
    - 9、Dialog对话框(掌握)
    - 10、Form(掌握)
    - 11、Table(掌握)
  - 四、Elementui+Crud实现
  - - 1、接口数据模拟-Mockjs
    - - 1.1、为什么需要模拟数据
      - 1.2、Mock.js模拟数据(后台人员不需要掌握-了解)
      - 1.2.1、什么是mock.js
        
        1.2.2、特点
        
        1.2.3、快速入门
        
        1.2.4、crud数据模拟
    - 2、Ajax请求优化-axios
    - - 2.1、安装
      - 2.2、局部使用
      - 2.3、全局使用
      - 2.4、EasyMock or fastmock
      - 2.4.1、什么是EasyMock
        
        2.4.2、EasyMock基本入门
        
        2.4.3、本地安装
  - 五、课程总结
  - - 1、重点
    - 2、难点
    - 3、如何掌握？
    - 4、扩展
  - 六、排错技巧（技巧）
  - 七、课后练习
  - 八、面试题

ElementUI综合练习-day01

一、内容介绍

1. 搭建前端环境；（掌握）
2. 前端UI框架ElementUI简单入门（掌握）
4. Mock.js(了解)
5. EasyMock后端模拟数据
6. Axios
7. ElementUI综合案例（CRUD）

二、搭建前端项目

1、Idea创建一个static web项目

2、根目录下执行vue命令

1. npm install -y
2. npm install vue
3. vue init webpack

3、运行项目

1.npm run dev

4、浏览器访问

5、单页面组件 . vue

5.1、定义

   创建一个.vue,里面由三个部分组成
      1