Tutorial práctico del applet de detección de ácido nucleico

1. Introducción

Con la normalización de la prevención y el control de epidemias, para permitir que los ciudadanos realicen pruebas de ácido nucleico de manera conveniente, han aparecido puntos de prueba de ácido nucleico en muchas ciudades. Los residentes pueden ir al punto de prueba de ácido nucleico más cercano para escanear el código para registrarse. Una vez que se completa el ácido nucleico, el informe se puede obtener directamente en el applet, lo cual es muy conveniente.

En este tutorial, tomamos este escenario de la vida real como ejemplo y combinamos las herramientas de código bajo de Microbuild para crear un subprograma de detección de ácido nucleico. El applet se divide en dos secciones: Cita en línea y Mi cita. La cita en línea puede agregar al examinado, elegir la ubicación de la cita, la fecha de la cita. Mis citas pueden ver los informes que he generado.

2 Diseño de fuente de datos

Diseñamos un total de tres fuentes de datos, a saber, la fuente de datos del punto de detección, la fuente de datos del examinado y la fuente de datos de la cita.

2.1 Fuente de datos del punto de detección

2.2 Fuentes de datos del sujeto

Aquí, el tipo de certificado debe crear una opción establecida por sí mismo. Los tipos de opciones son los siguientes

El mismo género también necesita crear un conjunto de opciones, los tipos de opciones son los siguientes:

2.3 Fuente de datos de reserva de ácido nucleico

Necesitamos hacer una relación de asociación para la ubicación de detección para que la ubicación se pueda seleccionar directamente

También necesitamos hacer una relación de asociación con el examinado, y puede seleccionar directamente a la persona

El resto de los campos se muestran en la siguiente figura:

3 Crear una aplicación modelo

Debido a que el informe debe cargarse, debemos crear una aplicación de administración del lado de la PC para las instituciones de pruebas de ácido nucleico. Las microcompilaciones se generan automáticamente al crear una aplicación modelo.

Inicie sesión en la consola de Weida, haga clic en Aplicar y haga clic en Solicitud de nuevo modelo

Introduzca un nombre para la aplicación y haga clic en Nuevo

Verifique la fuente de datos que acabamos de crear para completar la creación de la aplicación modelo

La plataforma generará automáticamente una página para agregar, eliminar, modificar y verificar.

Haga clic en el botón de liberación, y la verificación de configuración se realizará automáticamente, y todos los problemas que se le soliciten deben resolverse de manera específica.

Una vez que la aplicación se haya publicado correctamente, puede hacer clic en el enlace para ingresar al banco de trabajo empresarial para ver el contenido específico

Las instituciones de prueba de ácido nucleico generalmente necesitan ingresar la información de la institución por adelantado para que los usuarios la vean.

4 Crear un subprograma

Después de crear la aplicación modelo, debe crear un subprograma, hacer clic en Aplicar y hacer clic en Nueva aplicación personalizada

Ingrese el nombre de la aplicación, seleccione el applet para completar la creación

En el proceso, debe hacer clic nuevamente para crear una página en blanco

5 Desarrollo de la página de inicio

Nuestra página de inicio proporciona una navegación de cuadrícula para guiar la función, primero agregue el componente de navegación de cuadrícula a la página

Modifique las propiedades de la configuración de navegación y ajuste el menú a tres menús: punto de detección, examinado y cita en línea

Haga clic en el ícono para saltar a la página, necesitamos crear tres páginas nuevas, haga clic en el signo + junto a la página en la esquina superior izquierda e ingrese el nombre de la página para agregar. Agregar puntos de inspección, personas inspeccionadas y páginas de citas en línea respectivamente

Después de agregar la página, configure el menú de navegación del palacio en la página correspondiente.

Además de la navegación superior, también debemos agregar una navegación inferior para cambiar entre la página de inicio y mi página. Agregar un componente de barra de pestañas

Cambie el modo de diseño del componente de la barra de pestañas al modo de texto, cambie la lista de pestañas a la página de inicio y la mía, y establezca la página seleccionada en la página de inicio

Cree otra página mía de acuerdo con el método de creación de una página anterior

Luego modifique el salto del elemento del menú a la página correspondiente

6 Desarrollo de página de puntos de detección

Agregar un componente de lista de datos a la página de puntos de detección

Modificar el modelo de datos para comprobar puntos

Seleccione Título de lista simple y vincule el contenido de texto como el nombre del punto de detección

Verifique que este sea un contenido de lista simple, vincule el campo como una dirección detallada

7 Desarrollo de la página de lista de examinados

Solo necesitamos mostrar la información en la página del punto de detección, y los datos se ingresan en el lado de la PC. La información del examinado debe ser ingresada por el usuario. Al registrar datos, debe identificar quién ingresó los datos. Esta identificación está abierta en el applet.

Si es un novato, es posible que deba implementar los permisos usted mismo tan pronto como aparezca, como solicitar al usuario que ingrese un nombre de usuario y una contraseña para iniciar sesión. Esto generalmente es causado por la mentalidad.Si utiliza el pensamiento de desarrollo tradicional para aplicar aplicaciones de Internet, inevitablemente conducirá a desvíos.

Generalmente, cuando los usuarios de nuestro applet se abren, ya están logueados de forma anónima, si no lo hacen, no pueden operar y acceder a la base de datos. Luego, debe obtener la información de inicio de sesión cuando se abre el applet, es decir, obtener el openid del usuario.

Cómo hacemos esto? Generalmente, se obtiene en el método de inicio del ciclo de vida global. Haga clic en los seis puntos en la esquina superior izquierda, haga clic en el editor de código bajo

Haga clic en el ciclo de vida en la interfaz abierta para escribir el código para obtener el openid

Para obtener el openid, si necesita ser utilizado por otras páginas, necesitamos almacenar el valor en una variable global.Para esto, primero debemos crear una variable global en la variable, openid

Ingrese el siguiente código en el ciclo de vida del editor de código bajo para obtener el openid del usuario

export default {
    
    
  async onAppLaunch(launchOpts) {
    
    
    //console.log('---------> LifeCycle onAppLaunch', launchOpts)
    const {
    
     OPENID, FROM_OPENID } = await app.utils.getWXContext()
    let userId = FROM_OPENID || OPENID
    if (!userId) {
    
    
      const {
    
     wedaId } = await app.cloud.getUserInfo()
      userId = wedaId
    }
    app.dataset.state.openid = userId
    console.log("openid",app.dataset.state.openid)
  },
  onAppShow(appShowOpts) {
    
    
    //console.log('---------> LifeCycle onAppShow', appShowOpts)
  },
  onAppHide() {
    
    
    //console.log('---------> LifeCycle onAppHide')
  },
  onAppError(options) {
    
    
    //console.log('---------> LifeCycle onAppError', options)
  },
  onAppPageNotFound(options) {
    
    
    //console.log('---------> LifeCycle onAppPageNotFound', options)
  },
  onAppUnhandledRejection(options) {
    
    
    //console.log('---------> LifeCycle onAppUnhandledRejection', options)
  }
}

Después de obtener el ID abierto del usuario, podemos desarrollar la función de página. Primero agregue un componente de lista de datos, y el modelo de datos selecciona al examinado.

Los datos de nuestro punto de detección están abiertos a todos, por lo que no es necesario establecer condiciones de filtrado. Para el examinado, esperamos que el usuario solo pueda consultar los datos agregados por él mismo, por lo que debemos filtrar de acuerdo con el openid actual del usuario.

Para el campo, elegimos openid, para la condición elegimos igual, y para el valor, elegimos la variable y tomamos el valor del openid de la variable global. De acuerdo con el método de vinculación de datos de la página del punto de inspección, vinculamos el nombre y el número de certificado de la persona inspeccionada a los campos correspondientes, respectivamente.

Además de la consulta de lista, también hay una función para agregar la información del examinado. Puede agregar un botón en la parte inferior, establecer el estilo en fijo y fijarlo en la parte inferior.

Primero cree una nueva página para el examinado y luego agregue un evento de clic al botón para saltar a nuestra nueva página

8 Desarrollo de nuevas páginas para el examinado

El desarrollo de nuevas páginas es relativamente simple, solo necesita agregar un contenedor de formulario, seleccionar la fuente de datos del examinado y la plataforma generará automáticamente la página.

Hemos guardado el openid del usuario en la variable global, aquí debemos enlazar con el valor de entrada de openid y establecer el estilo en oculto

9 Desarrollo de página de reserva de ácido nucleico

La nueva página de reserva de ácido nucleico también usa el contenedor de formulario, y la fuente de datos selecciona la reserva de ácido nucleico

El método de configuración de Openid es el mismo que el de la nueva página del examinado.

Solo abra los campos de ubicación de la prueba, persona evaluada y hora de la cita para los usuarios, y oculte el resto.

Un problema encontrado es que al seleccionar un punto de detección, aparece el ID de datos. Necesitamos mostrar el nombre. Necesitamos modificar la fuente de datos del punto de detección y cambiar el campo de la columna principal al nombre del punto de detección.

De la misma manera, también configuraremos el campo de la columna principal para el tema.

Es justo cuando eliges de nuevo.

Otro problema es que nuestros examinados son todo personal, por lo que los datos deben ser ingresados ​​por los propios usuarios del Programa Mini. Necesitamos filtrar los datos de acuerdo con el openid del usuario actualmente conectado Seleccionamos el componente de selección desplegable de la persona inspeccionada y seleccionamos la opción condición de filtro

Agregue una condición de filtro para hacer que el openid del campo sea igual al openid de la variable global para filtrar

Esto asegura que los usuarios solo puedan ver los datos ingresados ​​por ellos mismos al hacer una cita

10 Desarrollo de mi página

La función de mi página es mostrar el estado e informar el estado de los registros reservados por el usuario actual en forma de lista. Primero cree una variable de modelo para consultar los datos del informe de la persona que ha iniciado sesión actualmente. Introduzca primero el identificador de la variable

La fuente de datos selecciona la reserva de ácido nucleico y el método selecciona la lista de consulta

Necesita agregar una condición de filtro, todavía hacemos que el openid del campo sea igual al openid de la variable global

resultado final de la configuración

Después de definir las variables, necesitamos construir componentes. De acuerdo con el nivel, primero colocamos un contenedor ordinario, agregamos otro contenedor ordinario al contenedor ordinario y luego colocamos dos componentes de texto dentro.

Modifique el contenido de texto del primer componente de texto para indicar, seleccione el contenedor normal en la capa interna, establezca el estilo en diseño flexible y alinee ambos extremos

Luego clona los cuatro componentes.

Modifique el contenido del texto para ser inspeccionado, resultado de la inspección, tiempo de muestreo, tiempo de informe

En el contenedor ordinario más externo, vinculamos la visualización del bucle y vinculamos las variables que acabamos de definir

Después de vincular el ciclo, podemos vincular los campos al texto de la derecha desde la variable de ciclo a su vez.

11 Crear usuario y autorización

Una vez que se han desarrollado todas las funciones, el software debe entregarse al personal comercial para su uso. Debe crear cuentas y asignar permisos al personal comercial. Haga clic en Usuario, haga clic en Nuevo usuario y agregue información de usuario

Después de agregar la cuenta, debemos agregar roles para controlar a qué páginas se puede acceder

La configuración puede acceder a las aplicaciones de administración en segundo plano

Activar los derechos de acceso a la fuente de datos

Activar el acceso a Enterprise Workbench

Después de activar los permisos, se pueden agregar usuarios

12 Lanzamiento y vista previa

Para la aplicación en el lado de la PC, Weida ha configurado el nombre de dominio predeterminado, al que se puede acceder directamente. Si es necesario lanzar el subprograma, haga clic en el botón de lanzamiento en la barra de navegación para realizar el lanzamiento oficial.