在微信框架模块中，基于Vue&Element前端的事件和内容的管理

在微信后台管理中，我们需要定义好菜单对应的事件管理，因为微信通过菜单触发相关的事件，因此菜单事件的响应关系，我们如果处理好，就能构建出我们的微信应用入口了。通过入口，我们可以响应用户菜单的事件，如响应文本内容，图片内容，以及扫码处理，或者定位到自己的页面中去进行业务数据的录入和展示等等。

1、微信公众号的事件处理

如以下是我们公众号的关注成功页面，弹出一个标准介绍的图文消息，可以查看具体的公司介绍内容，也可以在菜单里面定位到自己所需要的功能中去。

微信的消息和事件的分类众多，我们大概了解一下

一般定义好入口菜单事件，我们除了可以响应文本内容、图片、图文消息外，也可以定位到自定义页面里面去，这样可以较好的处理我们自己的业务数据。

如以下是我们在前端定义的业务界面效果。

购物车结算界面如下所示。

 

 

2、微信账号和对接管理

在前面随笔《》中介绍过了，基于Vue&Element的微信账号管理，如下图所示。

在微信后台管理系统中，需要对系统设计到的一些微信账号信息进行配置，包括订阅号、公众号、企业微信、小程序等账号列表的管理。

我们微信开发框架，提供了标准的微信账号信息填写界面，录入对应的信息，完成微信后台的对接，即可开启开发微信应用之旅了。

微信账号的编辑界面如下所示，在其中管理各种用到的微信账号信息，便于后台API的接口访问。

账号登录公众号后台或者企业微信后台，我们根据和账号配置一致对应的信息，完成系统对接即可，以下是微信公众号的配置对接界面。

后台系统配置和官方微信后台的配置对接成功后，就需要设置好对应的公众号或者企业微信等的菜单了。

其中每项菜单，都包含一个触发的事件，要么是普通的单击事件，要么是视图事件，要么是扫码事件等等，如下菜单类似所示。

  

3、菜单的事件和内容管理

除了菜单的网页链接事件外，其他菜单的事件，如click类型事件等，都需要后台管理系统在接收到腾讯微信事件回调的时候，进行一一响应的，我们可以自定义我们的响应内容，因此引入了一个后台管理中的事件和内容管理，用于一一响应对应的事件代码。

如下是内容管理列表和详细内容界面。

 

 

 有了这些内容定义，我们就可以在事件定义中，选取一个或者多个内容定义作为事件的主要内容承载了。

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

 

 在新建或者编辑事件界面中，我们增加一个选择内容的按钮事件入口，如下所示

  在弹出界面中，我们选择对应的内容进行处理即可。

  选中的内容，以标签的形式展示出来。

以上就是在微信框架模块中，基于Vue&Element前端的事件和内容管理