APP
在微信框架模塊中，基于Vue&Element前端的事件和內(nèi)容的管理
在微信后臺(tái)管理中，我們需要定義好菜單對(duì)應(yīng)的事件管理，因?yàn)槲⑿磐ㄟ^(guò)菜單觸發(fā)相關(guān)的事件，因此菜單事件的響應(yīng)關(guān)系，我們?nèi)绻幚砗茫湍軜?gòu)建出我們的微信應(yīng)用入口了。通過(guò)入口，我們可以響應(yīng)用戶菜單的事件，如響應(yīng)文本內(nèi)容，圖片內(nèi)容，以及掃碼處理，或者定位到自己的頁(yè)面中去進(jìn)行業(yè)務(wù)數(shù)據(jù)的錄入和展示等等。
1、微信公眾號(hào)的事件處理
如以下是我們公眾號(hào)的關(guān)注成功頁(yè)面，彈出一個(gè)標(biāo)準(zhǔn)介紹的圖文消息，可以查看具體的公司介紹內(nèi)容，也可以在菜單里面定位到自己所需要的功能中去。
微信的消息和事件的分類眾多，我們大概了解一下
一般定義好入口菜單事件，我們除了可以響應(yīng)文本內(nèi)容、圖片、圖文消息外，也可以定位到自定義頁(yè)面里面去，這樣可以較好的處理我們自己的業(yè)務(wù)數(shù)據(jù)。
如以下是我們?cè)谇岸硕x的業(yè)務(wù)界面效果。
購(gòu)物車結(jié)算界面如下所示。
?
?
2、微信賬號(hào)和對(duì)接管理
在前面隨筆《》中介紹過(guò)了，基于Vue&Element的微信賬號(hào)管理，如下圖所示。
在微信后臺(tái)管理系統(tǒng)中，需要對(duì)系統(tǒng)設(shè)計(jì)到的一些微信賬號(hào)信息進(jìn)行配置，包括訂閱號(hào)、公眾號(hào)、企業(yè)微信、小程序等賬號(hào)列表的管理。
我們微信開(kāi)發(fā)框架，提供了標(biāo)準(zhǔn)的微信賬號(hào)信息填寫(xiě)界面，錄入對(duì)應(yīng)的信息，完成微信后臺(tái)的對(duì)接，即可開(kāi)啟開(kāi)發(fā)微信應(yīng)用之旅了。
微信賬號(hào)的編輯界面如下所示，在其中管理各種用到的微信賬號(hào)信息，便于后臺(tái)API的接口訪問(wèn)。
賬號(hào)登錄公眾號(hào)后臺(tái)或者企業(yè)微信后臺(tái)，我們根據(jù)和賬號(hào)配置一致對(duì)應(yīng)的信息，完成系統(tǒng)對(duì)接即可，以下是微信公眾號(hào)的配置對(duì)接界面。
后臺(tái)系統(tǒng)配置和官方微信后臺(tái)的配置對(duì)接成功后，就需要設(shè)置好對(duì)應(yīng)的公眾號(hào)或者企業(yè)微信等的菜單了。
其中每項(xiàng)菜單，都包含一個(gè)觸發(fā)的事件，要么是普通的單擊事件，要么是視圖事件，要么是掃碼事件等等，如下菜單類似所示。
??
3、菜單的事件和內(nèi)容管理
除了菜單的網(wǎng)頁(yè)鏈接事件外，其他菜單的事件，如click類型事件等，都需要后臺(tái)管理系統(tǒng)在接收到騰訊微信事件回調(diào)的時(shí)候，進(jìn)行一一響應(yīng)的，我們可以自定義我們的響應(yīng)內(nèi)容，因此引入了一個(gè)后臺(tái)管理中的事件和內(nèi)容管理，用于一一響應(yīng)對(duì)應(yīng)的事件代碼。
如下是內(nèi)容管理列表和詳細(xì)內(nèi)容界面。
?
?
?有了這些內(nèi)容定義，我們就可以在事件定義中，選取一個(gè)或者多個(gè)內(nèi)容定義作為事件的主要內(nèi)容承載了。
事件管理列表界面如下所示。
?
?在新建或者編輯事件界面中，我們?cè)黾右粋€(gè)選擇內(nèi)容的按鈕事件入口，如下所示
??在彈出界面中，我們選擇對(duì)應(yīng)的內(nèi)容進(jìn)行處理即可。
??選中的內(nèi)容，以標(biāo)簽的形式展示出來(lái)。
以上就是在微信框架模塊中，基于Vue&Element前端的事件和內(nèi)容管理
?
本文摘自 ：https://blog.51cto.com/w
