JavaWeb开发-03-Ajax-Vue-Element

目录

一.Ajax

1.Axios

2.案例

二.前后端分离开发

1.介绍

2.YAPI

三.前端工程化

1.环境准备

2.Vue项目简介

3.Vue项目开发流程

四.Vue组件库Element

1. 快速入门

2.常见组件

3.案例

五.Vue路由

六.打包部署

---

一.Ajax

 

 

 

1.Axios

 

 

 

2.案例

    
    
    
    
    
    


    

        

            

                
编号
                
姓名
                
图像
                
性别
                
职位
                
入职日期
                
最后操作时间
            
            

                
{{dat.id}}
                
{{dat.name}}
                

                       
                
                

                    男
                    女
                
                
{{dat.job}}
                
{{dat.entrydate}}
                
{{dat.updatetime}}
            

        
    
    

二.前后端分离开发

1.介绍

 

 

2.YAPI

 YAPI官网http://yapi.smart-xwork.cn/

 

三.前端工程化

 

 

 

1.环境准备

 

2.Vue项目简介

 

 

 

devServer: {
    port: 7000
  }

3.Vue项目开发流程

 

 

 

 

四.Vue组件库Element

Element组件库https://element.eleme.cn/#/zh-CN/component/table

1. 快速入门

 

 

 

2.常见组件

 

 

 

 

 

 

 

 

 

 

 

3.案例

 

 

 

五.Vue路由

 

 

 

 

 

六.打包部署