黑马程序员技术交流社区

标题: 【郑州校区】Java的新项目学成在线笔记-day3(六） [打印本页]

---

作者: 谷粒姐姐    时间: 2018-12-29 16:32
标题: 【郑州校区】Java的新项目学成在线笔记-day3(六）
2.3.2 Api调用
1、在cms.js中定义page_add方法。

[AppleScript] 纯文本查看 复制代码

/*页面添加*/ 

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）。

[AppleScript] 纯文本查看 复制代码

this.$confirm('确认提交吗？', '提示', {}).then(() => {｝）

2、使用 message组件提示操作结果 （http://element.eleme.io/#/zh-CN/component/message）

[AppleScript] 纯文本查看 复制代码

this.$message({ 

              message: '提交成功',            

   type: 'success' })

完整的代码如下：

[AppleScript] 纯文本查看 复制代码

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: '提交成功',

[AppleScript] 纯文本查看 复制代码

 type: 'success'     

        });      

       this.$refs['pageForm'].resetFields();   

        }else{          

   this.$message.error('提交失败');   

        }       

  });   

    }); 

    } 

  });

 }

下边是测试：
1、进入页面列表页面

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2