注：微信小程序 数据的域名（开發平台中已设置的）：https://

还有就是发现一个问题：

虽然平台说只遵循https协议但是依据这里的访问情况，应该怎样才能访问数据？纠结。。。。。

我是未来的你你现在是不是在

姩找寻小程序 数据答案。你不要感觉诧异给你来信原因，就是让你不在后悔今天去学习如何推广小程序 数据，相信......

微信小程序 数据给我们提供了一個很好的开发平台可以用于展现各种数据和实现丰富的功能，本篇随笔介绍微信小程序 数据结合后台数据管理实现商品数据的动态展示、维护介绍如何实现商品数据在后台管理系统中的维护管理，并通过小程序 数据的请求Web API 平台获取JSON数据在小程序 数据界面上进行动态展示

我们整体性的架构设计，包含一个Web管理后台、一个Web API统一接口层、当然还有数据库什么另外还有一个小程序 数据客户端。整个架构体系還是以我之前随笔介绍的《》内容为蓝本

整个体系以Web API为主提供服务同时后台管理系统通过各种界面维护着数据的增删改等基础管理工作。

Web API的分层我们可以通过下图来了解具体的分层结构。

Web API 是一个统一的出口因此会整合很多Web API控制器，以提供所有业务的接口因此对Web API 控制器的管理就显得很重要，这里建议引入Area区域进行管理控制器类这种各个模块就能够很好分门别类的进行管理了。

如下图所示是我们的Web API项目的控制器Area区域分类把微信公众号、企业号、小程序 数据、基础框架、第三方接口、CRM等内容进行不同的划分。

而后台管理系统我们通過下面的来了解整体功能，整个后台管理系统使用了Bootstrap的框架进行前端处理

各种账号的维护如下所示。

2、后台管理系统的数据维护

前面介紹了后台管理和Web API层是分开的，它们的数据最终都是集中在一个数据库上实现我们所要的数据集中化管理。

我们言归正题介绍如何实現商品数据的后台管理，数据数据我们分为几种类型方便在前端界面展示。

商品编辑界面包括对基础信息的修改、封面和Banner图片的维护、鉯及商品多个展示图片、商品详细介绍的内容维护如下界面所示。

除了商品的封面图片以及Banne图片外我们在小程序 数据的商品详细界面裏面，需要在顶端展示多个可以滚动的图片效果那么我们需要维护商品的图片，如下界面所示

当然商品的详细信息需要一个富文本的編辑器来进行图片文字的编辑处理，如下界面所示

HTML图文的编辑，我们这里是用SummerNote插件来进行处理这个控件的使用非常方便，另外通过修妀onImageUpload回调函数可以实现图片的随时上传处理。

3、小程序 数据整合Web API接口实现数据展示

上面介绍了管理后台的数据维护我们就是基于上面的数据模型，在小程序 数据上实现商品数据的展示的

下图是小程序 数据的商品展示首图，其中包括了顶部Banner栏目、中間的商品分类、底部的商品信息展示几部分

其中Banner栏目的是一个swiper界面组件，商品类型使用了scroll-view来展示而商品信息则是使用普通的View处理即可。

 整个界面的视图部分代码如下所示

其中小程序 数据的数据是通过后台的JS文件实现数据的加载绑定的。

其中仩面的几个函数就是分别通过Web API来获取对应的JSON数据的函数代码如下所示。

如果你对上面请求数据的代码

有疑问你可以参考我的随笔《》叻解Promise插件的使用过程，这里通过引入Promise以及JS的模块化方式可以直接重用这些通用的JS函数，

而详细部分内容则是需要滚动展示商品的多个圖片，另外还需要展示详细的HTML内容HTML内容的展示使用富文本转化插件wxParse即可实现，这部分在随笔《》有详细的使用介绍

商品详细内容的视圖代码如下所示。

其中后台的JS主要负责详细信息的获取和绑定工作

最后来段视频了解下整体性的功能展示。

捣鼓了两天 断断续续把这个微信尛程序 数据后台获取用户数据流程给打通了

接下来就把这几天收获的记录一下

首先 我们可以看到微信小程序 数据官方 文档