Table des matières
Lorsque les enfants atteignent l'âge approprié, ils doivent entrer à la maternelle pour étudier. Aujourd'hui, de nombreuses familles ne comptent qu'un seul enfant. Il est plus important de choisir une maternelle appropriée afin que les enfants puissent s'adapter à la vie collective dès leur plus jeune âge et acquérir des compétences sociales et compétences culturelles et artistiques correspondantes. Afin de donner à leurs enfants un environnement éducatif sûr et de qualité, les parents doivent souvent comparer de nombreux aspects lors du choix d'une école.
Maintenant, la carte Baidu est plus pratique, mais la carte ne peut afficher qu'une seule information de localisation géographique de la maternelle.Si vous voulez en savoir plus sur la philosophie de l'école, les enseignants, l'environnement et d'autres informations, il manque souvent. Après le lancement du mini-programme WeChat en 2017, ses fonctionnalités prêtes à l'emploi et sans installation ont attiré un grand nombre d'applications dans les rayons.
Cependant, la plupart des écoles maternelles n'ont pas encore leur propre applet publicitaire.Dans cet article, nous utilisons des outils low-code pour créer rapidement une applet, ce qui est non seulement pratique pour la publicité de la maternelle, mais également pratique pour les parents pour choisir les écoles. Le didacticiel pratique est divisé en trois parties : analyse de la demande, conception de la source de données et développement d'applications. Il s'efforce d'acquérir des connaissances détaillées et les étapes sont claires et claires. Même s'il n'y a pas de base, il peut être construit étape par étape.
1 Analyse de la demande
Le processus d'analyse des exigences générales consiste à comprendre les besoins réels des clients et à convertir les exigences en fonctions logicielles. Dans le processus d'analyse des exigences, nous utilisons souvent plusieurs étapes telles que les entretiens, le prototypage et la confirmation des fonctions. Pour les entretiens, nous pouvons communiquer en face à face. S'il s'agit d'une communication en ligne, nous pouvons utiliser WeChat, la conférence Tencent et d'autres outils pour faciliter une compréhension détaillée des besoins.
Après la communication de la demande, nous utiliserons la carte mentale pour trier les points de fonction. Voici les points de fonction que nous avons triés. Les points de fonction
ne sont pas intuitifs. Nous utiliserons également l'outil prototype pour dessiner des prototypes afin de faciliter la confirmation de fonctions.
1.1 Prototype de page d'accueil
La page d'accueil est une page qui affiche les fonctions de notre applet dans son ensemble, et elle présente souvent toutes les informations, et les informations peuvent être listées dans l'ordre de haut en bas. La barre de navigation en bas peut passer d'une page à l'autre
1.2 Page Détails de l'inscription
Sur la page des détails de l'inscription, vous pouvez rapidement communiquer et soumettre des informations de consultation via des icônes et des boutons.
1.3 Affichage graphique
Il peut y avoir deux vues pour l'affichage graphique, l'une est une vue à une seule colonne et l'autre est une vue à deux colonnes
1.4 Ma page
Ma page affiche généralement l'avatar de l'utilisateur, et vous pouvez voir les informations de consultation qui ont été soumises
2 Conception des sources de données
Une fois les informations fonctionnelles affinées, nous devons concevoir la source de données en fonction de la fonction. La plupart d'entre eux servent à afficher des informations et nous pouvons concevoir des sources de données indépendantes en fonction des colonnes. Si la source de données est relativement simple, nous pouvons envisager de concevoir deux sources de données, l'une est la source de données de la colonne et l'autre est la source de données du document.
Cependant, il y a un problème avec la séparation entre les tables principales et les sous-tables. Les sous-tables stockent les identifiants de données de la table principale. Surtout lorsque nous faisons l'affichage, nous devons filtrer par le nom de la colonne. De cette façon, nous devons utiliser la syntaxe d'agrégation pour la connexion de table, ce qui augmentera sans aucun doute la complexité. Pour plus de simplicité, nous ne le diviserons pas en tables principales et sous-tables. Une colonne est une source de données.
Des besoins de tri, nos colonnes sont divisées en introduction de la maternelle, enseignants, activités passionnantes, affichage des travaux, annonces de nouvelles, cours d'enseignement, à propos de nous et rendez-vous. Ces informations sont des informations de classe d'affichage. En plus de la classe d'affichage, nous avons également un type d'informations de classe de soumission, c'est-à-dire que la consultation des informations peut également créer une source de données distincte.
2.1 Informations sur le jardin
Nous allons planifier une source de données pour les informations de base liées à la maternelle. Les champs incluent le carrousel de la page d'accueil, le numéro de contact, l'adresse, à propos de nous, les enseignants, les classes d'enseignement et les icônes de navigation . Il
convient de noter ici que les icônes de navigation sont les premier tableau de sélection. L'élément est un objet, vous devez ajouter les champs, puis ajouter les propriétés dans l'objet
2.2 Avis et annonce
L'annonce de notification contient trois champs : titre, corps et date de publication.
2.3 Merveilleuses activités
En plus du titre et du texte, nous avons ajouté un champ supplémentaire pour la photo de l'événement.
2.4 Exposition des oeuvres
Le champ Affichage de l'œuvre comprend un titre et une image de l'œuvre
2.5 Prendre rendez-vous
Les champs d'enregistrement de la réservation incluent le titre, le contenu
2.6 Informations sur les consultations
Les champs d'informations de consultation incluent le nom de l'élève, le numéro d'identification, le parent de l'élève, le numéro de téléphone portable, l'adresse du domicile, la nationalité
3 Créer des applications d'arrière-plan
Généralement, de petits programmes seront fournis aux opérateurs ayant une formation en gestion, et la formation en gestion low-code peut être générée automatiquement. Cliquez pour créer une application modèle
Entrez le nom de l'application
Vérifiez la source de données que nous avons créée ci-dessus L'
application modèle générera automatiquement une page pour ajouter, supprimer, modifier et vérifier
Cliquez sur Configuration de la navigation
Cliquez pour générer un clic en fonction de la page
Générer automatiquement le menu de gauche
Cliquez sur le bouton Publier
pour choisir de publier en tant que version d'essai, Résolvez divers problèmes rencontrés lors de la vérification de la configuration. Une fois la
publication terminée, vous pouvez visualiser l'effet spécifique sur l'atelier de l'entreprise
4 Créer une applet
Cliquez sur Nouvelle application pour créer une application personnalisée
Entrez le nom de l'application pour prendre en charge la plate-forme pour sélectionner l'applet
Cliquez sur la page vierge pour terminer la création de l'applet
4.1 Création de pages
Selon les besoins, nous avons prévu la page d'accueil, à propos de nous, la liste d'inscription aux rendez-vous, les détails d'inscription aux rendez-vous, les activités passionnantes, moi, les informations de consultation et d'autres pages.
Cliquez sur le signe + dans la zone du composant de page pour créer une page
Entrez le nom de la page pour terminer la création de la page
4.2 Obtenir l'openid de l'utilisateur
Les débutants qui n'ont pas utilisé d'outils low-code, conçoivent une page de connexion dès qu'ils développent un petit programme, et invitent l'utilisateur à entrer un nom d'utilisateur et un mot de passe. C'est encore une question de pensée traditionnelle.
Les outils low-code s'appuient sur des installations cloud, et tous les environnements sont hébergés sur le cloud, ce qui est naturellement différent du modèle de développement traditionnel. Il existe trois modes de code bas, à savoir la connexion anonyme, la connexion par nom d'utilisateur et mot de passe et la connexion par code de vérification par SMS.
Parce que nous sommes une application de site Web, nous utilisons le mode de connexion anonyme, de
sorte que l'utilisateur a terminé la connexion dès qu'il ouvre l'applet, ce qui nous permet d'obtenir automatiquement l'openid lorsque nous soumettons des informations ultérieurement.
Ouvrez l'éditeur de code
Dans le répertoire commun, nous créons un getopenid pour obtenir les informations de connexion de l'utilisateur et collons
le code suivant
export async function getOpenId() {
const {
OPENID, FROM_OPENID } = await app?.utils?.getWXContext()
let userId = FROM_OPENID || OPENID
if (!userId) {
const {
wedaId } = await app.cloud.getUserInfo()
userId = wedaId
}
return userId
}
Créez une variable globale pour stocker l'openid de l'utilisateur
. Lorsque l'applet démarre, nous obtenons l'openid de l'utilisateur et l'assignons à la variable globale
import {
getopenid } from './common/getopenid'
export default {
onAppLaunch(launchOpts) {
//console.log('---------> LifeCycle onAppLaunch', launchOpts)
getopenid().then(async userId => {
app.dataset.state.openid = userId
console.log(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)
}
}
Ouvrez l'outil de développement et de débogage et vous pouvez voir que la console génère les informations de connexion de l'utilisateur. Les
informations de connexion sont particulièrement utiles lorsque l'utilisateur soumet les informations, ce qui permet d'identifier qui a soumis les informations.
Résumer
Cet article présente systématiquement comment un petit programme passe des exigences à la conception en passant par le processus de développement spécifique.Bien que les outils low-code abaissent le seuil de développement, le processus de développement logiciel reste incontournable. Faire tout le travail préparatoire selon le processus de développement logiciel peut également assurer le bon déroulement des travaux de développement ultérieurs. Dans le prochain article, nous vous présenterons le développement spécifique de chaque page, alors restez connectés.