Partagez des exemples de didacticiels sur le développement de mini-programmes et les interfaces d'appel

零下一度
Libérer: 2017-05-27 14:22:58
original
4695 Les gens l'ont consulté

Voici un exemple simple pour illustrer l'interface appel de l'applet WeChat :

Premier aperçu de l'effet :
Partagez des exemples de didacticiels sur le développement de mini-programmes et les interfaces dappel
Partagez des exemples de didacticiels sur le développement de mini-programmes et les interfaces dappel

C'est la véritable apparence du mini programme, et l'expérience est quelque peu similaire à celle de l'APP native.


JSONConfiguration des données :

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "萌店商品详情",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"}
Copier après la connexion

Code JS :

 wx.request({
                url: 'http://m.vd.cn/api/tuan/TuanGuide_api', //仅为示例,并非真实的接口地址
                data: {
                    code:"oneyuan"  
                },
                method: "POST",
                header: {                    "Content-Type": "application/x-www-form-urlencoded"  //post
                },
                complete: function( res ) {
                    that.setData( {
                        oneyuandata: res.data.data
                    });                    if( res == null || res.data == null ) {
                        reject(new Error('网络请求失败'))
                    }
                },
                success: function(res) {
                    if(res.data.code ==0){
                        resolve(res)

                    }
                }
            })
Copier après la connexion

Voici une explication simple de JS, WCSS et le code WXML ne sera pas présenté !


url:这个是要请求的接口地址
data:一个入参
method:请求方式,如果是POST请求必须按上面写,默认是get请求,不用处理。
complete:页面请求完成后的方法,通过that.setData将数据传递给WXML页面。
success:页面加载成功后的执行方法。
Copier après la connexion

【Recommandations associées】

1 Comment ajouter un menu personnalisé via une requête http ?

2. Exemple de code de développement d'interface d'enveloppe rouge pour un mini programme

3 Exemple de code simple pour le développement d'un mini programme

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!