站长下载:中国新一代站长门户网!

软件提交最近更新热门排行站长论坛

当前位置:首页 > 站长教程 > 小程序教程 > H5与小程序如何共用的一套代码

H5与小程序如何共用的一套代码

时间:2019-01-13人气:500来源:原创我要评论(0)

小编了解到,微信小程序成为当下热门话题,下面从多个方面来谈谈H5与小程序如何共用的一套代码。

12月28日消息,微信官方日前发布消息称,为了让微信小程序相关成员在无线端更方便地管理微信小程序,将开发小程序助手升级为微信小程序助手,新增版本查看、成员管理、基础数据及性能分析等主....

很多时候,大家是不是有这种想法,开发的小程序,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://img.ithome.com/newsuploadfiles/focus/f3583ca6-9a52-461b-b2b2-0f649fab0516.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)

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

温馨提示:以上内容和图片整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!如有侵权行为请联系删除!

相关文章

  • 崽崽辅助代码怎么弄 崽崽辅助代码使用教程

    随着使用崽崽的朋友越来越多,有些用户在同步账号的时候,发现需要用到旧账号的辅助代码,可是不知道代码究竟在哪里。那么下面手机乐园水银师小编就为你介绍了崽崽辅助代码的使用方法,相信可以帮助到你。崽崽辅助代码的使用攻略:1、其实“辅助代码”的复制
  • 开发一套小程序商城多少钱合适

    想要清楚做一个微信小程序需要花花费多少?首先咱们需要了解做微信小程序的渠道都有哪些,或者说,咱们应该知道都有哪些方式可以做一个商城小程序。  微信小程序需要搭建者基于微信官方开放的接口权限搭建。这也就意味着咱们商家如果要搭建自己的微信小

网友评论

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

最新评论

还没有收到评论,赶紧来抢沙发吧~

关于站长下载 | 联系方式 | 发展历程 | 版权声明 | 下载帮助(?) | 广告联系 | 网站地图 | 友情链接

Copyright 2005-2019 Downzz.Com 【站长下载】 版权所有 浙ICP备17005543号 | 浙公网安备 42011102000245号

声明: 本站部分内容属于原创转载请注明出处 如有侵权行为请严格参照本站【版权声明】与我们联系,我们将在48小时内容进行处理!