In this article, the word attribute is equivalent to the word field as they relate to entities. Both the words field and attribute will be used interchangeably. This is a side-by-side JHipster 7 blue print showing how to put human-readable foreign key field in place of UUIDs into the user interface where entities have relationships with other entities. Sometimes having a UUID makes it difficult for the human in the loop to figure out what the entity on the other side actually is (without clicking on the UUID link).

This code was generated using the JHipster blueprint “generator-jhipster-multiple-human-readable-foreign-key-fields” (the source code is available at: https://github.com/amarpatel-xx/generator-jhipster-multiple-human-readable-foreign-key-fields). This code has a JDL which shows 2 foreign keys that will concatenated and shown, in the Angular user interface, in replacement of the UUID. The JDL can be modified and the @customAnnotation(“DISPLAY_IN_GUI_RELATIONSHIP_LINK”) can be used with any fields of an entity which would make it easier to identify that entity when displayed (as part of a relationship).