许多时间，，，，
，，各人是不是有这种想法，，，，
，，开发的小程序，，，，
，，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

实战

1：剖析页面请求

需要实现的页面如下：

从上图，，，，
，，我们可以看到这个页面，，，，
，，有2个数据来自后端，，，，
，，分表是广告图与列表数据。。。
。

2.建设数据表

2.1广告图

数据结构如下

 ```

[

  {

  "title": "1299元起，，，，
，，诺基亚X6正式宣布",

  "image": "http://www.kesion.com/UploadFiles/2021-7/82/b3132703572752980813ZNN.jpg",

  "link": "/pages/news/detail?id=360077&title=1299元起，，，，
，，诺基亚X6正式宣布"

  }

 ]

 ```

在后台建个表slides，，，，
，，导入数据/src/db/slides.json

列表数据

我在后台建个表newslist，，，，
，，导入数据/src/db/newslist.json，，，，
，，跟上一步一样的操作

详细数据

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

3.修改请求代码到数据库

列表修改请求代码:

```

//api.js,getNewsList改为

getNewsList: (r) => {

    //返回一个异步工具

    return new Promise((resolve, reject) => {

    //盘问`newslist` 数据

      const query = Bmob.Query('newslist')

      query.find().then(res => {

         //返回一个json数据

        resolve({'newslist': res})

      }).catch(err => {

        reject(err)

      })

    })

  },

 ```

数据已经从Bmob数据库挪用出来了。。。
。广告图操作一样，，，，
，，详细代码看github（https://github.com/bmob/ithome-lite）

这样就实现了，，，，
，，首页的广告、数据列表、内容展示功效，，，，
，，若是您的小程序只是一个展示功效，，，，
，，可以使用此代码举行修改。。。
。