Configuración de página y solicitud de datos de red en mini programa.

Archivos de configuración de página y elementos de configuración de uso común

        1. Configure el color y el color de fondo de la ventana en msg.json

  "navigationBarBackgroundColor": "#efefef",
  "navigationBarTextStyle": "black"

        2. Puede ver que no hay cambios en el inicio pero el mensaje ha cambiado, este es el mismo que el CSS anterior basado en el principio de proximidad.

         3. Elementos de configuración de uso común

Atributos	valor por defecto	describir
barra de navegaciónColor de fondo	jeje jeje	Color de fondo de la barra de navegación
barra de navegaciónEstiloTexto	negro,	Color de etiqueta (negro/blanco)
barra de navegaciónTítuloTexto		Contenido del personaje
color de fondo	ffffff	Color de fondo desplegable
fondoTextStyle	oscuro	Estilo desplegable (oscuro/claro)
habilitarPullDownRefresh	FALSO	Si se debe habilitar la actualización desplegable
enReachBottomDistance	50	Distancia de actualización inferior

 Solicitud de datos de red

        Solicitar restricciones

        1.Solicitud HTTPS

        2. Confía en el nombre de dominio

        Configurar nombre de dominio

         1. Inicie sesión en el miniprograma para desarrolladores de WeChat en la   página web.

   Si no tiene una cuenta, puede leer esto: Regístrese rápidamente en el mini programa WeChat

         Simplemente escanee el código QR para configurar el nombre de dominio. Puede ver el nombre de dominio que configuramos en los detalles.

 OBTENER solicitud

1. Escriba un botón en wxml y vincule un evento.

<button bindtap="getInfo" type="primary">get请求</button>

2. Escriba eventos en js y llámelos mediante wx.request

    getInfo(){
        wx.request({
          url: 'https://www.excook.cn',
          method:'GET',
          data:{
              name:"zs",
              age:21
          },
          success:(data)=>{
            console.log(data)
          }
        })
    },

3. Haga clic en obtener solicitud para llamar

Solicitud de publicación

 1. Escriba un botón en wxml y vincule un evento.

<button bindtap="postInfo" type="primary">post请求</button>

2. Escriba eventos en js y llámelos mediante wx.request

    postInfo(){
        wx.request({
          url: 'https://www.excook.cn',
          method:'POST',
          data:{
            name:'ls'
          },
          success:(resp)=>{
             console.log(resp.data)
          }
        })
    },

3. Haga clic en publicar solicitud para llamar

        Si desea llamar automáticamente a este método cuando la página recién se carga, podemos llamar a dos métodos en onload en js

    this.getInfo()
    this.postInfo()

        Los dos métodos se pueden llamar después de cargar la página en lugar de llamarlos solo cuando hacemos clic.

        Acceder a nuestra propia interfaz http definida

        1. En los detalles, marque la opción de no verificar el nombre de dominio legal, pero esto solo es posible al escribir. Después del lanzamiento oficial, la interfaz https aún es necesaria.

        2. Defina una interfaz en segundo plano.

         clase de entidad

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.io.Serializable; 
@Data
@AllArgsConstructor
@NoArgsConstructor
public class User implements Serializable {
    private String name;
    private String age;
}

        interfaz

import com.example.re.pojo.User;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class ReceiveController {

    @RequestMapping("get1")
    public User get(@RequestBody User u){
       return u;
    }

    @RequestMapping("get")
    public User get(String name,String age ){
        User u = new User(name, age);
        return u;
    }
}

        Pruebe si la interfaz es normal en apipost

 

        En el miniprograma, cambie la ruta de la solicitud de obtención a  http://localhost:8080/get 

        En el mini programa, cambie la ruta de la solicitud de publicación a  http://localhost:8080/get1 

        Recompilar