在微信框架模塊中，基于Vue&Element前端的事件和內(nèi)容的管理
2021-07-22 19:35:59

在微信后臺管理中，我們需要定義好菜單對應(yīng)的事件管理，因?yàn)槲⑿磐ㄟ^菜單觸發(fā)相關(guān)的事件，因此菜單事件的響應(yīng)關(guān)系，我們?nèi)绻幚砗?，就能?gòu)建出我們的微信應(yīng)用入口了。通過入口，我們可以響應(yīng)用戶菜單的事件，如響應(yīng)文本內(nèi)容，圖片內(nèi)容，以及掃碼處理，或者定位到自己的頁面中去進(jìn)行業(yè)務(wù)數(shù)據(jù)的錄入和展示等等。后臺管理系統(tǒng)在接收到騰訊微信事件回調(diào)的時(shí)候，進(jìn)行一一響應(yīng)的，我們可以自定義我們的響應(yīng)內(nèi)容，因此引入了一個(gè)后臺管理中的事件和內(nèi)容管理，用于一一響應(yīng)對應(yīng)的事件代碼。

在微信后臺管理中，我們需要定義好菜單對應(yīng)的事件管理，因?yàn)槲⑿磐ㄟ^菜單觸發(fā)相關(guān)的事件，因此菜單事件的響應(yīng)關(guān)系，我們?nèi)绻幚砗?，就能?gòu)建出我們的微信應(yīng)用入口了。通過入口，我們可以響應(yīng)用戶菜單的事件，如響應(yīng)文本內(nèi)容，圖片內(nèi)容，以及掃碼處理，或者定位到自己的頁面中去進(jìn)行業(yè)務(wù)數(shù)據(jù)的錄入和展示等等。

1、微信公眾號的事件處理

如以下是我們公眾號的關(guān)注成功頁面，彈出一個(gè)標(biāo)準(zhǔn)介紹的圖文消息，可以查看具體的公司介紹內(nèi)容，也可以在菜單里面定位到自己所需要的功能中去。

微信的消息和事件的分類眾多，我們大概了解一下

一般定義好入口菜單事件，我們除了可以響應(yīng)文本內(nèi)容、圖片、圖文消息外，也可以定位到自定義頁面里面去，這樣可以較好的處理我們自己的業(yè)務(wù)數(shù)據(jù)。

如以下是我們在前端定義的業(yè)務(wù)界面效果。

購物車結(jié)算界面如下所示。

?

?

2、微信賬號和對接管理

在前面隨筆《》中介紹過了，基于Vue&Element的微信賬號管理，如下圖所示。

在微信后臺管理系統(tǒng)中，需要對系統(tǒng)設(shè)計(jì)到的一些微信賬號信息進(jìn)行配置，包括訂閱號、公眾號、企業(yè)微信、小程序等賬號列表的管理。

我們微信開發(fā)框架，提供了標(biāo)準(zhǔn)的微信賬號信息填寫界面，錄入對應(yīng)的信息，完成微信后臺的對接，即可開啟開發(fā)微信應(yīng)用之旅了。

微信賬號的編輯界面如下所示，在其中管理各種用到的微信賬號信息，便于后臺API的接口訪問。

賬號登錄公眾號后臺或者企業(yè)微信后臺，我們根據(jù)和賬號配置一致對應(yīng)的信息，完成系統(tǒng)對接即可，以下是微信公眾號的配置對接界面。

后臺系統(tǒng)配置和官方微信后臺的配置對接成功后，就需要設(shè)置好對應(yīng)的公眾號或者企業(yè)微信等的菜單了。

其中每項(xiàng)菜單，都包含一個(gè)觸發(fā)的事件，要么是普通的單擊事件，要么是視圖事件，要么是掃碼事件等等，如下菜單類似所示。

??

3、菜單的事件和內(nèi)容管理

除了菜單的網(wǎng)頁鏈接事件外，其他菜單的事件，如click類型事件等，都需要后臺管理系統(tǒng)在接收到騰訊微信事件回調(diào)的時(shí)候，進(jìn)行一一響應(yīng)的，我們可以自定義我們的響應(yīng)內(nèi)容，因此引入了一個(gè)后臺管理中的事件和內(nèi)容管理，用于一一響應(yīng)對應(yīng)的事件代碼。

如下是內(nèi)容管理列表和詳細(xì)內(nèi)容界面。

?

?

?有了這些內(nèi)容定義，我們就可以在事件定義中，選取一個(gè)或者多個(gè)內(nèi)容定義作為事件的主要內(nèi)容承載了。

事件管理列表界面如下所示。

?

?在新建或者編輯事件界面中，我們增加一個(gè)選擇內(nèi)容的按鈕事件入口，如下所示

??在彈出界面中，我們選擇對應(yīng)的內(nèi)容進(jìn)行處理即可。

??選中的內(nèi)容，以標(biāo)簽的形式展示出來。

以上就是在微信框架模塊中，基于Vue&Element前端的事件和內(nèi)容管理

?