Soumission du formulaire backend PHP dans le mini-programme WeChat-tutoriel php-php.cn

Soumission du formulaire backend PHP dans le mini-programme WeChat

不言

Libérer： 2023-03-30 21:04:02

original

2239 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur l'explication détaillée de l'exemple de soumission de formulaire backend PHP du programme WeChat Mini. Les amis dans le besoin peuvent se référer au

Formulaire de formulaire backend PHP du programme WeChat Mini

1. Par rapport à la précédente création de site Web WEB+PHP, le mini programme , ma compréhension personnelle est qu'il met simplement le Web du côté WeChat et utilise le format fixe. fin du mini programme pour la mise en page et les événements Pour le déclenchement, la transmission et la lecture des données, le côté serveur peut être écrit dans n'importe quel langage back-end, mais toutes les données doivent être renvoyées à l'applet sous forme de JSON.

2. Hier, j'ai écrit les fonctions d'enregistrement de connexion et de mot de passe oublié. Il s'agit essentiellement d'une opération de soumission de formulaire. Utilisons donc la fonction d'enregistrement pour écrire cet exemple.

3. Carte du répertoire

Le fichier js est un contrôle logique, principalement il envoie des requêtes et reçoit des données,
json est utilisé pour la configuration locale de cette page et remplace la configuration globale app.json,
wxss est utilisé pour le paramètre de style de page,
wxml est une page équivalente à html

4 Ignorez le style et le fichier json pour l'instant, je veux juste revoir la soumission du formulaire<.>

Code de fichier 5.Wxml

<view class="load-head">

  <image src="../../images/return.png" />

  注册

</view>

<view class="login">

  <form bindsubmit="formSubmit">

    <view class="field clearfix">

      <label for="name"><image src="../../images/phone.png" /></label>

      <input id="name" name="mobile" class="login-input" type="text" placeholder="请输入手机号" />

    </view>

    <view class="field clearfix">

      <label for="password"><image src="../../images/code.png" /></label>

      <input id="password" class="login-input" type="password" placeholder="请输入验证码" />

      <button class="get-code" hover-class="code-hover">获取验证码</button>

    </view>

    <view class="field clearfix">

      <label for="password"><image src="../../images/password.png" /></label>

      <input id="password" name="password" class="login-input" type="password" placeholder="请设置6-20位登录密码" />

    </view>

    <view class="field clearfix">

      <label for="repassword"><image src="../../images/password.png" /></label>

      <input id="repassword" name="repassword" class="login-input" type="password" placeholder="请输入确认密码" />

    </view>

    

    <button class="btn_login" formType="submit">注册</button>

  </form>

  <view class="reg_forget clearfix">

    <navigator url="../login/index" class="btn_reg">登录</navigator>

    <navigator url="../forget/index" class="btn_forget">忘记密码</navigator>

  </view >

  

</view>

Copier après la connexion

6. Plusieurs points clés doivent être compris

un formulaire.Form doit lier un événement de soumission Dans le mini-programme, l'attribut est bindsubmit,

bindsubmit="formSubmit

" La valeur de l'attribut ici. est formSubmit, nommé Il peut s'agir de n'importe quelle valeur conforme à la spécification, ce qui est équivalent à onsubmit="formSubmit()" dans le HTML précédent est un nom de fonction Lorsqu'il est soumis, l'événement de fonction formSubmit est déclenché. . Cette fonction est écrite en js. b. Les autres attributs sont similaires au HTML précédent. Notez que le formulaire doit avoir name="value" et que le traitement back-end est le même qu'avant. Par exemple, name="username" PHP peut le faire. utilisez $_POST[ 'username'] pour recevoir.

C. Étant donné que le mini-programme n'a pas de bouton de soumission d'entrée, il doit y avoir un bouton de soumission dans chaque formulaire,