xml地图|网站地图|网站标签 [设为首页] [加入收藏]

微信后台管理及前端微信小程序的应用方案,使

来源:http://www.ccidsi.com 作者:呼叫中心培训课程 人气:173 发布时间:2019-05-29
摘要:在头里的项目中蒙受二个如此的主题素材,页面分为上下两局地(分外号叫未选中配备消息部分和当选设备音讯部分),上边是从数据库拿出来的全数的装置音信,上边是显式已入选的

在头里的项目中蒙受二个如此的主题素材,页面分为上下两局地(分外号叫未选中配备消息部分和当选设备音讯部分),上边是从数据库拿出来的全数的装置音信,上边是显式已入选的装置音信,页面如下所示:

在微信支付中,小编一向重申供给树立四个相比较统壹的Web API接口种类,以便落成多少的聚集化,这样我们在健康的Web业务系统,Winform业务系统、微信应用、微信小程序、应用软件等地方,都能够一贯调用基于JSON数据格式的Web API接口,在本身以前的几篇小说中,对那上边都有自然的介绍,本篇继续这个大旨,细致深切的阐发怎么着在接口和源码的根基上结成Web API、微信后台管理及前端微信小程序的应用方案。

皇家国际娱乐中心 1

1、基于Web API的微信支付框架

率先我们逐条业务模块,都应该围绕着Web API进行进行,假若是都布置在同3个服务器只怕局域网内的系统,思量到支付的纷纷,退而求其次,也能够依附同3个数据库举办支付。
总体来讲,大家是以Web API为骨干举办的应用框架营造的,如下图所示。

皇家国际娱乐中心 2

皇家国际娱乐中心 3

皇家国际娱乐中心 4

皇家国际娱乐中心,在品种场景中,大家那边的微信后台管理连串,是3个单独维护微信后台数据的田间管理种类,对于操作微信相关API所急需的接口调用凭证(token),大家能够透过Web API接口获得,那样保险各个平台(如Winform界面、别的Web分界面),操作的接口token都保持一致

皇家国际娱乐中心 5

而后台管理种类,大家通过下边包车型地铁来打探全体机能,整个后台处理种类使用了Bootstrap的框架进行前端管理。

皇家国际娱乐中心 6

 

二、整合Web API、微信后台管理及前端微信小程序行使

率先大家在Web API平台上,创设3个AccountController的MVC调控器来提供相应的API接口,完成对账号相关的新闻查询,接口访问凭证的收获等业务。

    /// <summary>
    /// 微信公众号、小程序、企业号的账号配置
    /// </summary>
    public class AccountController : BusinessController<Account, AccountInfo>

接下来增添获得token的措施

        /// <summary>
        /// 获取公众号/企业号/小程序操作的访问令牌AccessToken
        /// </summary>
        /// <param name="accountId">账号ID</param>
        /// <returns></returns>
        [HttpGet]
        public string GetAccessTokenByAccount(string accountId)
        {
            var result = MyMemoryCache.GetAccessTokenByAccount(accountId);
            return result;
        }

以此token的变通,是储存在内部存储器缓存里面包车型客车,定期刷新的,那样大家能够免止频仍的请求接口凭证token,能够统生平成给各种业务系统利用 。

        /// <summary>
        /// 获取公众号(或企业号)操作的访问令牌AccessToken
        /// </summary>
        /// <param name="accountId">账号ID</param>
        /// <returns></returns>
        public static string GetAccessTokenByAccount(string accountId)
        {
            var key = string.Format("{0}_{1}", System.Reflection.MethodBase.GetCurrentMethod().Name, accountId);
            var token = MemoryCacheHelper.GetCacheItem<string>(key, delegate()
            {
                string result = "";
                AccountInfo info = MyMemoryCache.GetAccountByID(accountId);
                if (info != null)
                {
                    if (info.AccountType == AccountType.企业号.ToString())
                    {
                        // 获取微信企业号操作的访问令牌AccessToken
                        ICorpBasicApi baseBLL = new CorpBasicApi();
                        result = baseBLL.GetAccessToken(info.CorpID, info.CorpSecret);
                    }
                    else
                    {
                        //小程序、订阅号、服务器号共享一个逻辑
                        // 获取微信操作的访问令牌AccessToken
                        WHC.Weixin.Interface.IBasicApi baseBLL = new WHC.Weixin.API.BasicApi();
                        result = baseBLL.GetAccessToken(info.AppID, info.AppSecret);
                    }
                }
                return result;
            },
               new TimeSpan(0, 5, 0)//5分钟过期
           );

            return token;
        }

竭泽而渔了token的合并生成和储存外,我们就能够在一1分裂的体系中采取这些token 接口获取并运用来操作微信对迎接口了。

    //客户端调试和服务端应用统一采用一个AccessToken的方式
    //避免客户端测试的时候,替换更新了服务端的AccessToken,从而导致服务端的AccessToken无效。
    HttpHelper helper = new HttpHelper();
    var tokenWebSiteUrl = string.Format("https://www.youdomain.com/api/Framework/Account/GetAccessTokenByAccount?accountId={0}", accountId);
    var result = helper.GetHtml(tokenWebSiteUrl);
    if(!string.IsNullOrEmpty(result))
    {
        result = result.Trim('"');
    }
    Console.WriteLine("通过Web API 获取到的Token为:"   result);
    this.token = result;

有关微信后台管理体系,那几个是对微信相关数据,如账号配置、菜单、事件、权限调整、业务数据定义等方面的归结管理,通过依据Bootstrap的MVC的本事拓展Web端的数量爱惜,如下分界面所示。
系统登录后,通过水平菜单进行后台效用处理。

皇家国际娱乐中心 7

系统支持多微信账号的过渡处理和行使,同不常间协助订阅号、公众号、集团号、小程序的账号配置。

皇家国际娱乐中心 8

在系统中管理菜单,并透过把菜单提交到服务器上,实现菜单的动态配置和浮动,可以为我们系统适应种种的必要,达成灵活的处理。

皇家国际娱乐中心 9

在微信服务账号的流派上,菜单的表现效果如下所示。

皇家国际娱乐中心 10

为了更管用管理订阅用户以及分组音信,大家得以从微信服务器上猎取相关的新闻,供大家领会关怀的用户音讯,也得以为一而再的群发新闻做希图。

皇家国际娱乐中心 11

据他们说Bootstrap的Web前端,大家管理H5页面起来也是百发百中,特别方便。
在本人如今的部分案例中,都采用了We UI样式来张开过多微信H5页面包车型地铁成效设计,包蕴微信支付页面、签到页面等等。如微信支付页面如下所示:

皇家国际娱乐中心 12

皇家国际娱乐中心 13

皇家国际娱乐中心 14

以及签到页面效果如下所示。

皇家国际娱乐中心 15

皇家国际娱乐中心 16

基于微信的H五页面,大家后台管理种类整合了一个实际上的道具维修案例的微信应用场景,该要求重要围绕固定资金财产(如医疗设施)的微信应用进行,包蕴录入及查询资金消息、资金财产盘点、设备的维修爱护、平常巡检、维修、计量检查评定等业务。
方方面面案例微信端应用使用的是H5页面以及微信的JSDK举办有关的接口开荒,符合微信的分界面风格。后端管理正是本后台管理连串。

皇家国际娱乐中心 17

皇家国际娱乐中心 18

皇家国际娱乐中心 19

皇家国际娱乐中心 20

设备盘点和配备计量如下所示:

皇家国际娱乐中心 21

防范性维护和设施计量分界面如下所示。

皇家国际娱乐中心 22

能够选中在那之中的私下数量的器具,点击“加多到以选中设备”,就能如下图所示:

三、微信小程序的后台和前端的选用整合

比方对于大家开发的《公司企业浮现》小程序,适合显示集团新闻,以及商铺的出品音信,在那几个应用中大家是组成了后台管理种类和微信前端开荒完结的。
我们在微信后台管理种类中,完毕商品数量的后台管理,数据数据我们分为几系列型,方便在前者分界面显得。

皇家国际娱乐中心 23

货物编辑分界面包罗对基础新闻的改造、封面和Banner图片的保险、以及商品五个展现图片、商品详细介绍的开始和结果维护,如下分界面所示。

皇家国际娱乐中心 24

除却国商人品的封面图片以及Banne图片外,大家在小程序的商品详细分界面里面,需求在上面体现三个可以滚动的图片效果,那么大家需求保险商品的图纸,如下分界面所示。

皇家国际娱乐中心 25

理当如此商品的详细消息须要贰个富文本的编辑器来实行图片文字的编辑管理,如下分界面所示。

皇家国际娱乐中心 26

地方介绍了保管后台的数码珍爱,我们正是基于上边的数据模型,在小程序上完成货色数量的来得的。
下图是小程序的货品展现首都体育场面,在那之中包罗了顶上部分Banner栏目、中间的物品归类、底部的商品音讯显示几有的。

皇家国际娱乐中心 27

而详尽部分内容,则是索要滚动展现商品的多个图片,其它还亟需出示详细的HTML内容,HTML内容的来得使用富文本转化插件wxParse即可兑现,那一部分在小说《在微信小程序中利用富文本转化插件wxParse》有详细的运用介绍。

皇家国际娱乐中心 28

皇家国际娱乐中心 29

本文由68399皇家赌场发布于呼叫中心培训课程,转载请注明出处:微信后台管理及前端微信小程序的应用方案,使

关键词: 68399皇家赌场 微信开发随笔

上一篇:ReentrantLock实现原理及源码分析

下一篇:没有了

最火资讯