1.4 页面发布前端
用户操作流程：
1、用户进入cms页面列表。
2、点击“发布”请求服务端接口，发布页面。 3、提示“发布成功”，或发布失败。   1.4.1 API方法
在 cms前端添加 api方法。

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

[mw_shl_code=applescript,true]/*发布页面*/ export const page_postPage= id => {   return http.requestPost(apiUrl+'/cms/page/postPage/'+id)
}

[/mw_shl_code]
1.4.2 页面
修改page_list.vue，添加发布按钮

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

[mw_shl_code=applescript,true]<el‐table‐column label="发布" width="80">   
<template slot‐scope="scope"> 
    <el‐button   
    size="small" type="primary" plain @click="postPage(scope.row.pageId)">发布   
  </el‐button> 
  </template> 
</el‐table‐column>

[/mw_shl_code]
添加页面发布事件：

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

[mw_shl_code=applescript,true]postPage (id) { 
  this.$confirm('确认发布该页面吗?', '提示', {  
}).then(() => {  
   cmsApi.page_postPage(id).then((res) => {  
     if(res.success){    
     console.log('发布页面id='+id);   
      this.$message.success('发布成功，请稍后查看结果');   
    }else{     
    this.$message.error('发布失败');     
  }    
});  
}).catch(() => {  
   }); },

[/mw_shl_code]
1.5 测试
这里测试轮播图页面修改、发布的流程：
1、修改轮播图页面模板或修改轮播图地址
注意：先修改页面原型，页面原型调试正常后再修改页面模板。
2、执行页面预览
3、执行页面发布，查看页面是否写到网站目录
4、刷新门户首页并观察轮播图是否变化。  
1.6 思考
1、如果发布到服务器的页面内容不正确怎么办？
2、一个页面需要发布很多服务器，点击“发布”后如何知道详细的发布结果？
3、一个页面发布到多个服务器，其中有一个服务器发布失败时怎么办？

1.4 页面发布前端
用户操作流程：
1、用户进入cms页面列表。
2、点击“发布”请求服务端接口，发布页面。 3、提示“发布成功”，或发布失败。   1.4.1 API方法
在 cms前端添加 api方法。

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

[mw_shl_code=applescript,true]/*发布页面*/ export const page_postPage= id => {   return http.requestPost(apiUrl+'/cms/page/postPage/'+id)
}

[/mw_shl_code]
1.4.2 页面
修改page_list.vue，添加发布按钮

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

[mw_shl_code=applescript,true]<el‐table‐column label="发布" width="80">   
<template slot‐scope="scope"> 
    <el‐button   
    size="small" type="primary" plain @click="postPage(scope.row.pageId)">发布   
  </el‐button> 
  </template> 
</el‐table‐column>

[/mw_shl_code]
添加页面发布事件：

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

[mw_shl_code=applescript,true]postPage (id) { 
  this.$confirm('确认发布该页面吗?', '提示', {  
}).then(() => {  
   cmsApi.page_postPage(id).then((res) => {  
     if(res.success){    
     console.log('发布页面id='+id);   
      this.$message.success('发布成功，请稍后查看结果');   
    }else{     
    this.$message.error('发布失败');     
  }    
});  
}).catch(() => {  
   }); },

[/mw_shl_code]
1.5 测试
这里测试轮播图页面修改、发布的流程：
1、修改轮播图页面模板或修改轮播图地址
注意：先修改页面原型，页面原型调试正常后再修改页面模板。
2、执行页面预览
3、执行页面发布，查看页面是否写到网站目录
4、刷新门户首页并观察轮播图是否变化。  
1.6 思考
1、如果发布到服务器的页面内容不正确怎么办？
2、一个页面需要发布很多服务器，点击“发布”后如何知道详细的发布结果？
3、一个页面发布到多个服务器，其中有一个服务器发布失败时怎么办？