当前位置:网站首页>Sous - Forum technique hdc2021: introduction au développement de faible Code harmonios

Sous - Forum technique hdc2021: introduction au développement de faible Code harmonios

2021-11-25 17:27:12 InfoQ

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}},{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"Auteur:sunyuhui,wangxiaoyan,Huawei2012Logiciel de laboratoireIDEExpert","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Qu'est - ce que le développement de code bas?Quelles sont les principales caractéristiques du développement à faible Code??Comment développer des services atomisés avec un faible Code?Je vais vous montrer ce que c'est.~","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"Un.、Qu'est - ce queHarmonyOSDéveloppement de codes bas?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Développement de codes bas,Comme son nom l'indique,Avec moins de code,Exécution plus efficace des applications.Le développement de code bas permet à un plus grand nombre de personnes de participer au développement d'applications,Pas seulement des programmeurs avec des compétences professionnelles en programmation,Les gens d'affaires non techniques peuvent également construire des applications;Pour les grandes entreprises,Le faible développement de code peut également réduireITFormation des équipes、Coût initial du déploiement de la technologie.","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"2.、HarmonyOSIntroduction à l'interface de développement de code bas","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Comme le montre la figure1Comme indiqué,L'interface de développement de code bas est définie parUIBarre de contrôle、Arbre des composants、Panneau de fonctions、La toile、Composition de la barre de style de propriété.","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/ac/ac6ac7b1a5eb714ac3acc1e6e99da1a7.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.1 Interface de développement de code faible","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"① UIBarre de contrôle:","attrs":{}},{"type":"text","text":"Vous pouvez sélectionner et faire glisser les composants appropriés sur la toile(Canvas)Moyenne,Implémenter l'ajout de contrôles.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"② Arbre des composants:","attrs":{}},{"type":"text","text":"Dans l'interface de développement de code bas,Permet aux développeurs de voir intuitivement la hiérarchie des composants、Informations sommaires et conseils d'erreur.Les développeurs peuvent sélectionner des composants dans l'arborescence des composants(Les composants correspondants dans la toile sont sélectionnés de façon synchrone),Positionnement rapide des composants dans la toile;Cliquez sur l'icône après le composant,Peut être caché/Afficher les composants appropriés.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"③ Panneau de fonctions:","attrs":{}},{"type":"text","text":"Inclure des zooms de toile couramment utilisés、Annuler、Afficher/Masquer la bordure virtuelle du composant、Changement de périphérique、Changement de mode、L'interface de mise en page visuelle est convertie enhmlEtcssDocuments, etc..","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"④ La toile:","attrs":{}},{"type":"text","text":"Les développeurs peuvent faire glisser des composants dans cette zone、Opérations de visualisation telles que l'étirement,ConstruireUIEffet de mise en page de l'interface.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"⑤ Barre de style de propriété:","attrs":{}},{"type":"text","text":"Après avoir sélectionné les composants appropriés dans la toile,La barre de style d'attribut de droite vous permet de configurer les styles d'attribut de ce composant.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Pour plus de détails sur le développement de codes bas, veuillez consulter le site officiel:","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"link","attrs":{"href":"https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ide-low-code-0000001158284713","title":"","type":null},"content":[{"type":"text","text":"https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ide-low-code-0000001158284713","attrs":{}}]}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"Trois、HarmonyOSPrincipales caractéristiques du développement de codes bas","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"HarmonyOSDéveloppement de codes bas utilisant la visualisation“Drag”Au lieu du codage traditionnel,Suppression de la nécessité pour les développeurs d'écrire manuellement des codes liés à la plateforme,Soulagement de la pression sur les développeurs non techniques,Vous pouvez le faire en écrivant une petite quantité de codeUIDéveloppement de l'interface,Réduit efficacement les coûts de démarrage des développeurs et améliore la construction des développeursUIEfficacité de l'interface.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"Ensuite, regardonsHarmonyOSQuelles sont les caractéristiques de la plateforme de développement de code bas:","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"1. Composants et modèles riches","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Comme le montre la figure2Comme indiqué,Le développement de codes bas est basé sur des composants individuels,Actuellement pris en charge20Composants,En même tempsIDEUne série de modèles de scénarios communs sont également disponibles,Aider les développeurs à démarrer rapidement.","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/d5/d539ce3126c19fabf3bbbc49ac05ed15.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.2 Composants et modèles riches","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"2. Conception visuelle efficace","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"HarmonyOSDéveloppement de codes bas pourUILe développement d'interface fournit un ensemble complet d'outils de conception visuelle.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"(1)Afficher la barre auxiliaire lorsque vous faites glisser un composant","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Comme le montre la figure3Comme indiqué,Quand les développeurs glissentListItemComposants,Uniquement pour passer à l'appariementListDans le composant,Une barre auxiliaire pour placer les composants n'apparaîtra que,Éviter les problèmes d'inadéquation des composants.Les développeurs travaillent sur des composants“Drag”Le Code est généré automatiquement lorsque,Réduit les problèmes courants de codage des développeurs,Comme des fautes d'orthographe.、Étiquette en boucle fermée, etc..","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/63/63a279202e70e282740bf553fe1e1697.gif","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.3 Glisser les composants","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"(2)Échelle et réglage des paramètres.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Comme le montre la figure4Comme indiqué,L'échelle des composants peut être réalisée en faisant glisser les composants directement,Ou comme le montre la figure5Configurer les paramètres détaillés de chaque composant à travers la barre de propriétés.","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/f7/f784a453259b94872531fb7bc6334135.gif","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.4 Échelle des composants","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/bf/bf1e007d21f6aa656823dd956a53795a.gif","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.5 Ajustement des paramètres","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"(3)Autres fonctions","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"HarmonyOSLe développement de code bas prend en charge la réplication、Cisaillement、Coller、Annuler、Fonctions communes telles que Redo.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Développer des ajustements de couleur communs pour l'avant,HarmonyOSLe développement de code bas fournit un sélecteur de couleurs,Permet aux développeurs d'ajuster facilement les couleurs des composants ou des polices, etc.,Il enregistre également les couleurs sélectionnées dans l'histoire.","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"PourimageComponents,Ou une image de fond d'un autre composant,HarmonyOSLe développement de code bas fournit un sélecteur de ressources d'image,Faciliter le choix des images par les développeurs,Évitez la difficulté de saisir manuellement le chemin du fichier image.","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"3. Ce que vous voyez est ce que vous obtenez","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"HarmonyOSLe développement de codes bas fournit la capacité de voir et de gagner,Comme le montre la figure6Comme indiqué,Lorsque le développeur modifie un éditeur de code bas,Vous voyez les mêmes effets que sur l'aperçu,De cette façon, les développeurs n'ont pas besoin de basculer fréquemment entre le Code et l'aperçu,Il suffit de se concentrer sur le développement des pages frontales,Plus efficace et plus pratique.","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/e3/e314fdc1185782a25ac367e22ef2a9b9.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.6 Ce que vous voyez est ce que vous obtenez","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"4. Développement de dispositifs multiples","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"PourHarmonyOSCaractéristiques orientées vers plusieurs appareils,L'éditeur de code bas prend également en charge le flux Multi - écrans、Déploiement Multi - terminaux.Comme le montre la figure7Comme indiqué,Les développeurs peuvent facilement développer plusieurs appareils et passer d'un écran horizontal à un écran vertical sur une plate - forme de développement à faible Code.En même temps,Les développeurs peuvent également choisir d'ajuster visuellement l'affichage d'un appareil,Sans affecter d'autres équipements,Amélioration considérable de l'efficacité du développement de pages Multi - appareils.","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/5b/5b1ff11a046a9292f7b7f3976bb633fe.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.7 Développement de dispositifs multiples","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"5. Analyse logique et corrélation","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Après le réglage de la page visuelle,Si vous voulezUIL'interface est dynamique,Il faut que les données、Événements liés.Comme le montre la figure8Comme indiqué,Plate - forme de développement de code bas réutiliséeHarmonyOSInterface avec le cadre de développement des applications,Analyse automatique des données et des événements écrits par les développeurs dans le Code,Pour permettre aux développeurs de lier les données et les événements aux composants,Rendre la page vraiment dynamique.","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/7f/7f07908085ed85eeb479b806618a76c9.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","marks":[{"type":"size","attrs":{"size":10}}],"text":"Fig.8 Analyse logique et corrélation","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"Quatre、HarmonyOSExemple de développement de code faible","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Ensuite, je vais vous montrer comment développer un service d'atomisation de page de santé sportive avec un code bas:","attrs":{}}]},{"type":"video","attrs":{"videoHTML":""}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Regarde la vidéo.,C'est si simple??Il suffit de passer“Drag”C'est facile.UIDéveloppement d'interfaces,Même les petits blancs sans base de code peuvent être facilement manipulés,Qu'est - ce qu'on attend,Ouvrez - le viteIDEDévelopper rapidement votreUIL'interface..","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"HarmonyOSLe développement de faible Code prendra également en charge les composants personnalisés à l'avenir,Plus de fonctionnalités,Attendez avec impatience.!","attrs":{}}]}]}

版权声明
本文为[InfoQ]所创,转载请带上原文链接,感谢
https://chowdera.com/2021/11/20211125172531449d.html

随机推荐