在微信框架模塊中,基於Vue&Element前端的事件和內容的管理


在微信后台管理中,我們需要定義好菜單對應的事件管理,因為微信通過菜單觸發相關的事件,因此菜單事件的響應關系,我們如果處理好,就能構建出我們的微信應用入口了。通過入口,我們可以響應用戶菜單的事件,如響應文本內容,圖片內容,以及掃碼處理,或者定位到自己的頁面中去進行業務數據的錄入和展示等等。

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

如以下是我們公眾號的關注成功頁面,彈出一個標准介紹的圖文消息,可以查看具體的公司介紹內容,也可以在菜單里面定位到自己所需要的功能中去。

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

一般定義好入口菜單事件,我們除了可以響應文本內容、圖片、圖文消息外,也可以定位到自定義頁面里面去,這樣可以較好的處理我們自己的業務數據。

如以下是我們在前端定義的業務界面效果。

購物車結算界面如下所示。

 

 

2、微信賬號和對接管理

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

在微信后台管理系統中,需要對系統設計到的一些微信賬號信息進行配置,包括訂閱號、公眾號、企業微信、小程序等賬號列表的管理。

我們微信開發框架,提供了標准的微信賬號信息填寫界面,錄入對應的信息,完成微信后台的對接,即可開啟開發微信應用之旅了。

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

賬號登錄公眾號后台或者企業微信后台,我們根據和賬號配置一致對應的信息,完成系統對接即可,以下是微信公眾號的配置對接界面。

后台系統配置和官方微信后台的配置對接成功后,就需要設置好對應的公眾號或者企業微信等的菜單了。

其中每項菜單,都包含一個觸發的事件,要么是普通的單擊事件,要么是視圖事件,要么是掃碼事件等等,如下菜單類似所示。

  

3、菜單的事件和內容管理

除了菜單的網頁鏈接事件外,其他菜單的事件,如click類型事件等,都需要后台管理系統在接收到騰訊微信事件回調的時候,進行一一響應的,我們可以自定義我們的響應內容,因此引入了一個后台管理中的事件和內容管理,用於一一響應對應的事件代碼。

如下是內容管理列表和詳細內容界面。

 

 

 有了這些內容定義,我們就可以在事件定義中,選取一個或者多個內容定義作為事件的主要內容承載了。

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

 

 在新建或者編輯事件界面中,我們增加一個選擇內容的按鈕事件入口,如下所示

  在彈出界面中,我們選擇對應的內容進行處理即可。

  選中的內容,以標簽的形式展示出來。

以上就是在微信框架模塊中,基於Vue&Element前端的事件和內容管理

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM