一组用于如何共享H5和小程序的代码

很多时候，你是否有这个想法，你能开发出一组可由小程序，H5和小程序共享的代码，后端可以提交给微信进行审核吗？

那你怎么做的？

制剂

平台：

访问www.bmob.cn

查找Bmob最新的混合平台JSSDK库，它支持Node.js，微信小程序，Weex，React Native，Quick App和浏览器。为任何上述平台写一个js。

混合数据SDK

文件地址：http://doc.bmob.cn/data/wechat_app_new/index.html

后端直接使用Bmob后端云。如果您使用自己的服务器，则可以使用Fly来请求网络。它也是跨平台的，可以在github上查看。

帧选择：

由于mpvue正式有一个跨平台的前端示例，这里选择较少的mpvue，选择mpvue

实战

1：分析页面请求

需要实施的页面如下：

从上图中我们可以看到这个页面，后端有2个数据，子表是广告地图和列表数据。

2.创建数据表

2.1广告地图

数据结构如下

```

[

{

'标题':'从1299元起，诺基亚X6正式发布'，

'image':'http://img.ithome.com/newsuploadfiles/focus/f3583ca6-9a52-461b-b2b2-0f649fab0516.jpg'，

'link':'/pages/news/detail？id=360077＆amp; title=1299，诺基亚X6正式发布'

}

]

```

在后台创建一个表幻灯片，导入数据/src/db/slides.json

列出数据

我在后台建了一个表新闻列表，导入数据/src/db/newslist.json，与上一步操作相同

详细数据

创建新闻内容表newscontent，导入数据/src/db/newscontent.json

3.将请求代码修改为数据库

列表修改请求代码:

```

//api.js，getNewsList更改为

getNewsList:（r）=> {

//返回异步对象

返回新的Promise（（解决，拒绝）=> {

//查询`newslist`数据

Const query=Bmob.Query（'newslist'）

Query.find（）。then（res=> {{p>

//返回一个json数据

解决（{'newslist': res}）

}）。catch（err=＆gt; {

拒绝（ERR）

}）

}）

}，

```

已从Bmob数据库调用数据。与广告图相同，具体代码查看github（https://github.com/bmob/ithome-lite）

这是实现的，主页广告，数据列表，内容显示功能，如果您的小程序只是一个印象功能，您可以使用此代码进行修改。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。