1. 程式人生 > >Java的新專案學成線上筆記-day3(六)

Java的新專案學成線上筆記-day3(六)

2.3.2 Api呼叫 
1、在cms.js中定義page_add方法。

/*頁面新增*/
export const page_add = params =>
 {  
return http.requestPost(apiUrl+'/cms/page/add',params) }

2、新增事件 本功能使用到兩個UI元件:
1、使用element-ui的message-box元件彈出確認提交視窗(http://element.eleme.io/#/zhCN/component/message-box)。

this.$confirm('確認提交嗎?', '提示', {}).then(() => {})

2、使用 message元件提示操作結果 (http://element.eleme.io/#/zh-CN/component/message


this.$message({
              message: '提交成功',           
   type: 'success' })

完整的程式碼如下:

addSubmit(){
   this.$refs.pageForm.validate((valid) =>
 {  
  if (valid)
 { 
     this.$confirm('確認提交嗎?', '提示', {}).then(() =>
 {      
  cmsApi.page_add(this.pageForm).then((res) =>
 {       
     console.log(res);   
        if(res.success){ 
            this.$message({
              message: '提交成功',

type: 'success'     
       });      
      this.$refs['pageForm'].resetFields();   
       }else{         
  this.$message.error('提交失敗');   
       }      
 });   
   }); 
   }
 });
}

下邊是測試:
1、進入頁面列表頁面
Java的新專案學成線上筆記-day3(六)