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、一個頁面發布到多個服務器，其中有一個服務器發布失敗時怎么辦？

轉載于:https://blog.51cto.com/13517854/2354511

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。