运维开发网

Java的新项目学成在线笔记-day6(五)

运维开发网 https://www.qedev.com 2020-02-26 16:53 出处:51CTO 作者:我是小谷粒
1.4页面发布前端用户操作流程:1、用户进入cms页面列表。2、点击“发布”请求服务端接口,发布页面。3、提示“发布成功”,或发布失败。1.4.1API方法在cms前端添加api方法。[mw_shl_code=applescript,true]/*发布页面*/exportconstpage_postPage=id=>{returnhttp.requestPost(apiUrl+'/cms/p

1.4 页面发布前端

用户操作流程:

1、用户进入cms页面列表。

2、点击“发布”请求服务端接口,发布页面。 3、提示“发布成功”,或发布失败。 1.4.1 API方法

在 cms前端添加 api方法。


[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,添加发布按钮


[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]

添加页面发布事件:


[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、一个页面发布到多个服务器,其中有一个服务器发布失败时怎么办?

扫码领视频副本.gif

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号