1.4 頁(yè)面發(fā)布前端
用戶操作流程：
1、用戶進(jìn)入cms頁(yè)面列表。
2、點(diǎn)擊“發(fā)布”請(qǐng)求服務(wù)端接口，發(fā)布頁(yè)面。 3、提示“發(fā)布成功”，或發(fā)布失敗。 1.4.1 API方法
在 cms前端添加 api方法。

[mw_shl_code=applescript,true]/*發(fā)布頁(yè)面*/ export const page_postPage= id => { return http.requestPost(apiUrl+'/cms/page/postPage/'+id) } [/mw_shl_code]

1.4.2 頁(yè)面
修改page_list.vue，添加發(fā)布按鈕

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

添加頁(yè)面發(fā)布事件：

[mw_shl_code=applescript,true]postPage (id) {this.$confirm('確認(rèn)發(fā)布該頁(yè)面嗎?', '提示', { }).then(() => { cmsApi.page_postPage(id).then((res) => { if(res.success){ console.log('發(fā)布頁(yè)面id='+id); this.$message.success('發(fā)布成功，請(qǐng)稍后查看結(jié)果'); }else{ this.$message.error('發(fā)布失敗'); } }); }).catch(() => { }); }, [/mw_shl_code]

1.5 測(cè)試
這里測(cè)試輪播圖頁(yè)面修改、發(fā)布的流程：
1、修改輪播圖頁(yè)面模板或修改輪播圖地址
注意：先修改頁(yè)面原型，頁(yè)面原型調(diào)試正常后再修改頁(yè)面模板。
2、執(zhí)行頁(yè)面預(yù)覽
3、執(zhí)行頁(yè)面發(fā)布，查看頁(yè)面是否寫(xiě)到網(wǎng)站目錄
4、刷新門(mén)戶首頁(yè)并觀察輪播圖是否變化。
1.6 思考
1、如果發(fā)布到服務(wù)器的頁(yè)面內(nèi)容不正確怎么辦？
2、一個(gè)頁(yè)面需要發(fā)布很多服務(wù)器，點(diǎn)擊“發(fā)布”后如何知道詳細(xì)的發(fā)布結(jié)果？
3、一個(gè)頁(yè)面發(fā)布到多個(gè)服務(wù)器，其中有一個(gè)服務(wù)器發(fā)布失敗時(shí)怎么辦？

轉(zhuǎn)載于:https://blog.51cto.com/13517854/2354511

總結(jié)

以上是生活随笔為你收集整理的Java的新项目学成在线笔记-day6（五）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。