00:00
各位同学大家好,刚才呢,我们完成了查询全部菜单接口,最终封装成了树形结构的数据,通过menu VO完成操作,那下面呢,我们通过前端进行最终测试,那咱们看一下啊,前端呢,我这里边已经写好了,咱把过程看一遍啊,第一部分我们在A片里边建个文件夹,Chart里边建个文件叫点S,那我们看啊,我这里边已经创建好了。然后各位注意啊,我们现在做的是这个管理员系统,你别找错位置啊,咱们在这个管理员系统中的API中件里个S,然后把里面的接口在里边定义,这里边写的是增删改查,咱们目前重点写一个列表接口,这是第一部分,然后之后注意路径啊,跟它要保持一致,你把路径改成跟这边一样的路径,In we chart menu。然后之后呢,我们的第二部分,咱们来个页面,在S里个we的点wave那找到啊,也就是里边的这个页面啊,在这里list.wave然后在list.wave里边加上相关的代码,所以现在啊前端就完成了,那咱们下面做个测试,看一下它的效果是怎么样,我们来试一下这个结果啊。
01:22
现在呢,我们打开这个管理员系统,LOCAL9528,然后在里边我刷新一下。点击公众号菜单下面有一个菜单列表,咱们现在把它点开,然后大家看这里边是不是有我们相关的菜单数据,大家看啊,第一层有审批列表,审批中心还有我的,然后下面有它的第二层,在审批列表中有待处理,已处理已发起,在我的里边有基本信息关于我们,所以现在啊,这个列表的这部分我们就完成了,各位重点把这个封装过程好去练习一下。
02:04
然后这个之后呢,下面我们继续来做啊,各位注意啊,因为咱们做的是公众号菜单,我们目前这个菜单呢,只是在我们的数据库中进行存储,咱们需要把这菜单给他推送到咱这个公众号里面去,在微信公众号中能看到这个菜单,比如说你看我这里边啊,这个是第一集,这是里面的第二集,最终在公众号里面进行显示,所以下面呢,咱们开始做这过程,推送菜单到微信公众号,那这个怎么做,咱们一步一步进行说明,先把这过程给大家说一下啊,然后咱们进行实践。那这里边我来写一下啊,首先咱要推送到微信公众号,我们的第一步干什么呢?咱们需要先申请一个微信的公众号,这肯定要申请,不申请你不能用,但是怎么申请给大家特别说明啊,因为咱们目前做这个云上办公系统中没有微信支付这种高级功能,所以咱们测试的时候呢,我们就不需要用这个叫服务号,我强调啊,服务号什么意思呢?里边有支付等高级功能,但是服务号的申请它需要用企业这种级别,就是企业的营业执照才能申请,咱目前没法申请,因为咱们没有这种功能,所以咱们直接用这个测试账号就能完成我们相应的功能,在实际公司里边,你可以把这账号快速切换到你的正式号啊,咱们现在用个测试账号就可以完成这个测试,因为咱们里边没有这个支付功能。
03:36
那这里边这个账号怎么申请,我们看一下啊,我们用这个叫微信公众平台接口的测试账号进行最终测试。我写到这个位置啊,但申请这么一个东西。然后怎么做呢?给大家演示一下这个过程啊。首先啊,我们打开一个固定的网址,这是微信的网,大家看这名字啊,叫MP,点微信点qq.com,咱把这个网打开,现在打开。
04:07
咱们在网页中直接复制,直接回车,然后大家看啊,它就进入到这个页面,这个我在课件中也都写到了啊,然后这个页面中怎么做,咱们点击登录,它会出现一个二维码,然后这个时候呢,你用你自己的微信进行扫码,扫码之后就完成这个微信公众测试号的申请,我现在啊,我用我这个测试微信进行一个扫码,我现在来扫一下啊,然后把它登录进去。现在啊,我已经扫完码了,然后我在手机上点击这个就是。同意啊,现在我点同意。然后同意之后,大家看是不是进入到这个界面,这个界面就是微信公众号那个测试号的关联界面,然后在界面中大家看啊,这位置有两个值,一个叫PID,一个叫APP密钥,咱们一会儿在操作中需要用到这两值,所以你把你的这个值给它复制出来,每个人的肯定都不一样啊,我的是一个值,你跟我的肯定不一样,然后看我课件中写到的啊,就是拿到这两个值,一个APID,一个叫APP密钥,咱通过它来做这个事情,所以现在啊,把这部分我们就做到了啊,我这里给大家在图里边写一下啊,申请微信公众号测试账号,然后我们使用微信。
05:34
扫码登录啊,就是完成这个申请,这个申请之后,咱们获取里边的两个值。一个ID,一个密钥,为了后面操作进行使用,所以第一部分咱们就完成了啊,各位自己去申请一下,然后这个之后我们往下来看啊,咱看里边的这个位置,这个位置就是我们那个测试号的微信公众号,咱们需要用微信扫这个进行关注就可以了,我这里边已经扫完关注过了啊,你关注你自己的就可以了,因为这是测试了啊,他最多支持100个,如果你都扫我这个啊,可能各位用不了了,因为他最多支持100个,你自己用自己的微信扫一个,然后关注就可以了,直接扫码关注,我这里已经关注过了,然后关注之后我们看一下啊,我强调啊,因为这是微信公众号,咱是在手机上操作,但是手机上操作各位看着不方便,我们这么来做啊,你下载一个微信的桌面版,我这已经下载过了,然后通过微信桌面版,你把它登录在这个里边,找到你的那个公众号,我找一下啊,就是我的公众号在这里。
06:42
然后你看这是我刚才关注这个公众号,就这个啊,这是那个接口测试号来用它进行后面的操作,这个各位给他自己做一下啊,你自己下载一个这个桌面版,然后用这个把这关注好之后,在这里面进行测试,然后后面通过它在这个电脑中能看到相关的操作,要不然你在手机上进行操作并不方便,你还得用一些什么投屏啊等等各种方式啊,用这个完全可以进行测试。
07:11
这个啊,我们就做到了啊,我这里特别写下啊,就是建议各位啊,你最好就是下载一个微信的那个桌面版。然后在桌面版里边就是登录啊,我们完成这个公众号的相关的测试,如果你不这么做,那你用一下那个投屏,你手机操作电脑中你能看到,或者电视上能看到也可以啊,看你实际我现在就用这个微信桌面版进行操作了啊,因为现在的技术啊,可以说是特别的发达,什么样操作都可以有,我记得我在家的时候,我经常做那个投屏啊,我手机上操作,电视上都能看到啊,电脑上也能看到,这些都是可以的啊,我现在演示就这么来做了,因为我手机上看各位肯定看不到,我用它进行操作。这是第一步咱就完成了啊,按照步骤各位自己去申请一下,然后之后我们再来看啊,下面怎么做呢?按照里面的步骤,我们看这里写到的啊,这不是我写的,是他官方写到的啊,我们推送菜单有两种方式,第一种方式按照它里面一个文档采用HTP方式推送,但是这种方式呢,特别的繁琐,很多人更喜欢用第二种方式,这里边有一个封装好的工具,咱们用工具直接调方法可以做这个推送,我们这里边就采用第二种方式,通过这个叫微信Java MP的工具完成这个菜单的推送。
08:36
这个啊是我们要做的事情,然后这个之后下面呢,我们往下具体实现这个过程,咱们先看一遍啊,然后进行具体操作,首先第一步把刚才两个值,就是一个ID,一个密钥,咱们在这个配置文件中加上,然后引入这个相关的依赖,这个依赖呢,就是我说这个工具的依赖,微信Java MP。然后怎么做,我们创建配置类,配置类里边主要为了用到里面这个对象,或者一会儿使用之后呢,咱就写这个推送的接口,就是同步接口,那咱们在CTRL里边加上这个方法,然后在这个service里边实现方法,这一推送怎么做呢?大家看这代码中啊,你看啊,这里写了这么多。
09:22
这么多什么意思呢?就是封装微信它的菜单约定的格式,这格式它约定好了是怎么样一个格式呢?大家看这位置啊,有一个在线文档,咱们打开就是它官方文档,然后大家往下找,你看这个位置啊,这就是他官方约定的格式,咱把数据就变成这个格式可以了,包括你看里边啊,有这个叫button,有这个sub button有name,你看我这段代码里边咱们找到啊。是不是有这个新闻名字sub name啊,包括里边这个button,咱们做一个数据的封装,封装之后调用刚才工具中的方法叫menu create,把数据拿过来,最终完成推送啊,这单一会儿进行编写,然后之后呢,就是前端整合,包括这里边还一个接口,比如现在啊,我可以把这个菜单给到删除掉,就是删除你的推送菜单,当你删除之后,微信公众号中应该就没有这个菜单,所以咱们下面就来按照这个过程把这个公众号菜单的推送进行实现。
10:31
这是我们做一个介绍啊,目前咱们先完成这个测试账号的申请,我这边已经完成了,下面呢,按照步骤我们马上进行实现。
我来说两句