Article
Lorenzo Scalese · Oct 21, 2022 2m de lecture

Utilisation de l'interface utilisateur fhir-react pour une visualisation rapide

Le projet fhir-react est un cadre d'interface utilisateur React basé sur Google Material Design, qui couvre presque toutes les ressources FHIR pour les versions DSTU2, STU3 et R4.

Sa conception est très simple : il n'y a qu'un seul composant ! Comme les types de ressources FHIR sont des standards, le framework résout de manière interne quelle classe de rendu doit être utilisée.

Pour afficher votre ressource FHIR, il suffit d'écrire ce composant :

<FhirResource fhirResource={fhirResource} fhirVersion={fhirVersions.STU3} />

fhirResource est un JSON contenant toute ressource FHIR.

Dans l'API REST FHIR, il y a un opérateur qui récupère toutes les ressources des patients : $everything :

http://localhost:32783/fhir/r4/Patient/1/$everything

Cela renvoie toutes sortes de ressources liées au patient.

Donc, comme fhir-react peut gérer presque toutes les ressources FHIR, je l'ai utilisé pour afficher les ressources retournées par les appels $everything, améliorant ainsi la fonctionnalité de visualisation des patients de mon application.

Tout d'abord, seules les ressources de type Patient sont retournées, et chacune d'entre elles est affichée avec un bouton à proximité. Lorsque ce bouton est cliqué, un appel $everything est émis vers le serveur. Ensuite, les ressources sont regroupées par type et affichées à l'aide d'un composant d'onglet.

Les résultats sont présentés ci-dessous :

Ici vous pouvez trouver les fichiers sources et les instructions pour construire cette application web.

Vous pouvez consulter ce document pour obtenir plus d'informations sur la manière d'utiliser l'API REST FHIR avec IRIS Analytics et Power BI.

0
0 14
Discussion (0)2
Connectez-vous ou inscrivez-vous pour continuer