请选择 进入手机版 | 继续访问电脑版

马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#问题入口 ASP.NET问题入口

【C#问题提交】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接毕业设计】 面试-葵花宝典下载

官方一群:

官方二群:

查看: 420|回复: 0

基于微信开发框架进行业务开发的处理过程

[复制链接]
  • TA的每日心情
    开心
    前天 21:32
  • 签到天数: 1610 天

    [LV.Master]伴坛终老

    4251

    主题

    6177

    帖子

    11万

    积分

    管理员

    IBC编程社区-原道楠

    Rank: 9Rank: 9Rank: 9

    积分
    111382

    推广达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2019-11-8 09:50:42 | 显示全部楼层 |阅读模式

    马上加入IBC,查看更多教程

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x

    在我们开发微信应用的时间,包罗公众号、企业微信、小步调等,都必要基于肯定的框架底子上开发,才气事半功倍,一样寻常情况下,我们必要处理惩罚好微信菜单和微信事故的对接,以及配景数据管理体系和权限管理的有效整合,大概是基于业务流程的干系流转等,本篇随笔先容怎样基于微信开发框架举行业务开发的处理惩罚过程。

    1、微信账号设置

    在我们开发任何微信底子应用之前,都必要先录入微信账号的干系信息,包罗appId,AppSecret等底子信息,这个是用来获取token,和微佩服务器举行交互的底子,我们的微信框架提供了多种类型和多个账号的管理。

    095524mq8i0v8qi6u8iim3.png

    此中在新增大概编辑界面中录入我们公众号大概企业微信的信息,如果涉及微信付出的,录入微信付出干系秘钥和证书位置。

    095525ciipd8hym4hi7e8m.png

    如果是企业微信,我们选择账号类型为企业微信,然后根据提示录入干系企业微信信息即可。

    此中紧张是CorpID和CorpSecret和企业的AgentId信息,以及加密token和秘钥,保持和微信配景信息划一即可。

    095525ctjmpzcd4tcicw7c.png

    我们微信开发框架,提供了尺度的微信账号信息填写界面,录入对应的信息,完成微信配景的对接,即可开启开发微信应用之旅了。

    账号登录公众号配景大概企业微信配景,我们根据和账号设置划一对应的信息,完成体系对接即可,以下是微信公众号的设置对接界面。

    095526wibn1mzpzkdni1bj.png

    企业微信的对接雷同,不在赘述。

    2、微信菜单设置

    为了开发微信应用,我们照旧必要准备好微信应用的菜单,菜单是我们全部前端微信功能的入口,我们一样寻常必要先在微信开发框架 底子上举行菜单的录入维护,然后在提交到微佩服务器上,实现应用菜单的提交。

    在微信开发框架上维护菜单,可以根据必要禁用、启用某个菜单,然后再通过微信SDK接口提交更新到服务器举行菜单的更新,我们可以对多个账号的微信菜单举行维护。

    1)医疗设备维修的微信应用菜单

    比方我在开发一个医疗设备维修的微信应用的时间,菜单界说大概是这样子。

    095527h6gajc0g60063z0a.png

    这样我们提交菜单后,在公众号上就可以对干系的功能举行利用了。

    095528vjtq3z9v00t9qu9j.png

    干系的菜单对应功能如下所示。

    095534swucp7i7voa0asoo.png

    095536oxg0yob0dg9g0wgf.png

    2)药店处方管理的微信应用菜单

    我们再来看看,另一个微信公众号应用的菜单管理

    095542luy4q01tlyjyukwy.png

    提交到服务器后,在应用入口的菜单如下所示。

    095543bdl9h3r5b9dnralm.png

    3)企业微信应用菜单设置

    由于微信开发框架也支持企业微信接入,因此我们也可以同时开发企业微信应用的对接,起首也是一样,界说好对应的企业微信菜单。

    以下是我们开发的一个资产管理的企业微信应用,设置了干系的菜单如下所示。

    095543gxt09una621ameca.png

    提交乐成后,我们就可以在企业微信的工作台上看到对应企业微信的菜单了。

    095544b1191yqx91hxhkr3.png

    3、机构、脚色、用户的权限管理

    微信应用,除了提供相应的菜单功能外,一样寻常应用前端的H5页面大概配景页面都大概必要联合机构、脚色、用户和其权限信息举行体系权限的判断和数据的处理惩罚。

    比方我们针对医疗设备微信的应用,在微信配景体系内里界说了干系的机构、用户、脚色等信息。

    构造机构如下所示。

    用户脚色如下所示:

    095559q8ttetqwat4ftzk1.png

    体系根据脚色对菜单举行差异的表现设置。

    095602g3tz3zoz2i13g55j.png

    而我们如果应用差异,在体系配景调解这些机构、脚色、用户信息即可,如下面则是药店处方界说的机构信息。

    095604e6hx9dppzhx0flqd.png

    用户脚色界说如下所示。

    095605wr5ez5x243vj4ell.png

    根据差异的业务必要,界说本身的构造机构条理,脚色列表和职员信息即可,有了这些信息,我们可以同时对用户体系的利用功能和H5前端的权限举行控制管理。

    4、H5页面的开发

    开发微信公众号大概企业应用,许多时间工作的时间必要耗费在H5页面的开发上,H5页面的规范我们可以参考微信的Weui(公众号) 大概WeUI for work (企业微信),以及借用一些美丽的图表,以及现成的一些H5案例界面。WeUI还可以参考另一款 基于JQuery的 jQuery WeUI, 提供更多的案例和插件。

    WeUI : https://github.com/Tencent/weui

    WeUI for work:WeUI for Work (企业微信版)

    jQuery WeUI:http://jqweui.com/

    WeUI+ 演示 https://weui.shanliwawa.top/

    常规情况下,我们可以根据上面的一些案例,构建我们的一些输入大概表现元素,如日期输入、选择输入、字典绑定、图片展示、文件上传等等。

    一样寻常来说,H5页面开发,必要准备一些美丽一点的图标,可以让步调增色不少,图片可以在网站下载大概淘宝购买一些计划图标,根据相应场景进利用用即可。以下是我本身网络的一些图表,在必要的时间,找一些匹配的利用即可。

    095605al1wzmmww21z489y.png

    H5页面如果有一些尺度的案例来参考,做起来大概更加得心应手,如下是我本身网络的一些H5案例,根据实际项目的必要,在找一些对应的页面来模拟修改即可。

    095606d166y14rwu644w4r.png
    095606ibzvfh1812frf8fx.png

    095607sqfdvm4ww8zpwmd3.png
    095607v2wsh7uhvsnfqxo9.png

    095608g1nlk22e1h6nrlnn.png

    根据一些界面的样式,我们计划了一些雷同的界面效果。

    医疗设备维修的界面计划效果。

    095608k0552gmovovdlhc0.png

    095610zpuulp973yh327fa.png

    医药处方考核界面计划效果。

    095611q7e5k76zw8khx61q.png
    095611msd7k87nffd74rdn.png

    095612abryx0r0ng9r0jgb.png
    095612coakup8cahnkkhao.png

    对于图片预览以及一些特别功能,我们利用JSSDK实现即可,而表单的数据提交,紧张就是POST、GET的JS代码处理惩罚,这样可以实现动态的数据绑定和处理惩罚,特别是在查询分页展示的时间,利用ajax的处理惩罚,可以进步体验效果。

    C#论坛 www.ibcibc.com IBC编程社区
    C#
    C#论坛
    IBC编程社区
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则