{"id":3337,"date":"2024-08-29T14:42:09","date_gmt":"2024-08-29T17:42:09","guid":{"rendered":"https:\/\/horatech.shop\/?p=3337"},"modified":"2024-11-29T14:12:06","modified_gmt":"2024-11-29T17:12:06","slug":"como-fazer-uma-interface-grafica-com-python-e-tkinter","status":"publish","type":"post","link":"https:\/\/horatech.shop\/it\/come-realizzare-uninterfaccia-grafica-con-python-e-tkinter\/","title":{"rendered":"Come creare un'interfaccia grafica con Python e Tkinter"},"content":{"rendered":"

Creare un'interfaccia grafica Python con Tkinter \u00e8 una straordinaria capacit\u00e0 per gli sviluppatori che vogliono creare app con interazione visiva chiara e intuitiva.<\/p>\n\n\n\n

Con Tkinter, \u00e8 possibile creare interfacce amichevoli in modo efficiente e accessibile, consentendo ai programmatori a tutti i livelli di sfruttare le capacit\u00e0 di Python. <\/p>\n\n\n\n

In questo post, faremo un'immersione nei passaggi essenziali per impostare un ambiente di sviluppo e dettagliare come implementare elementi di interfaccia comuni come pulsanti, caselle di input e menu.<\/p>\n\n\n\n

Tkinter \u00e8 la libreria standard per le interfacce grafiche Python, essendo una scelta affidabile e ampiamente utilizzata nella comunit\u00e0. Qui imparerai ad avviare un progetto zero e aggiungere componenti che rendono le tue applicazioni pi\u00f9 facili da usare.<\/p>\n\n\n\n

Oltre ai concetti di base, l'articolo porta anche suggerimenti e migliori pratiche per una comprensione pi\u00f9 profonda della creazione di interfacce efficaci, suscitando il tuo interesse a continuare ad apprendere e migliorare le tue capacit\u00e0 di sviluppo del software.<\/p>\n\n\n\n

Per iniziare a sviluppare interfacce grafiche con Python e Tkinter, il primo passo \u00e8 garantire che l'ambiente sia configurato correttamente. Ci\u00f2 comporta l'installazione di Python e della Biblioteca Tkinter.<\/p>\n\n\n\n

\"\"
Python e pallone<\/em><\/figcaption><\/figure>\n\n\n\n

Installazione di Python<\/strong><\/h2>\n\n\n\n

Il primo passo \u00e8 installare Python, che pu\u00f2 essere scaricato dal sito Web ufficiale di Python.org. Durante l'installazione, assicurarsi di contrassegnare l'opzione \"Aggiungi Python al percorso\". Ci\u00f2 facilita l'esecuzione di Python dal terminale.<\/p>\n\n\n\n

Dopo l'installazione, eseguire un semplice test. Apri il terminale e il tipo: Python -Version<\/code> O Python3 -Version<\/code>. Se il comando restituisce la versione installata, tutto \u00e8 giusto.<\/p>\n\n\n\n

Altrimenti, controllare nuovamente la procedura di installazione.<\/p>\n\n\n\n

Installazione della libreria Tkinter<\/strong><\/h2>\n\n\n\n

La biblioteca Tkinter \u00e8 di solito installata con Python, ma \u00e8 sempre bene provarlo. Per fare ci\u00f2, apri l'interprete di Python e prova a importare Tkinter con il comando Importa tkinter<\/code>.<\/p>\n\n\n\n

Se non compaiono errori, la libreria \u00e8 disponibile. Altrimenti, \u00e8 possibile installarlo utilizzando il gestore di pacchetti. <\/p>\n\n\n\n

Nelle distribuzioni basate su Debian, come Ubuntu, usa il comando Sudo apt-get installa python3-tk<\/code>. Ci\u00f2 assicurer\u00e0 che tutte le funzionalit\u00e0 di Tkinter siano pronte per l'uso.<\/p>\n\n\n\n

Concetti di base di Tkinter<\/strong><\/h2>\n\n\n\n

Tkinter \u00e8 la libreria predefinita per la creazione di interfacce grafiche Python. Offre un modo economico e potente per creare applicazioni con Windows ed elementi interattivi.<\/p>\n\n\n\n

\"\"
Biblioteca Tkinter<\/em><\/figcaption><\/figure>\n\n\n\n

Finestra principale<\/strong><\/h3>\n\n\n\n

La finestra principale \u00e8 il punto di partenza per qualsiasi app Tkinter. Viene creato usando la classe Tk<\/code>, che inizializza l'applicazione e fa apparire automaticamente la finestra.<\/p>\n\n\n\n

\u00c8 possibile configurare varie opzioni di finestra come titolo e dimensioni subito dopo la creazione. Per esempio:<\/p>\n\n\n\n

Importa tkinter come tk\n\nfinestra = tk.tk ()\nWindow.title (\"la mia applicazione\")\nWindow.Geometry (\"400x300\")<\/code><\/pre>\n\n\n\n
Qui, titolo<\/code> definisce il nome della finestra e geometria<\/code> Specifica le tue dimensioni. Per mantenere attiva la finestra, \u00e8 necessario chiamare il metodo Mainloop ()<\/code>.<\/p>\n\n\n\n
Widget<\/strong><\/h3>\n\n\n\n
I widget sono i componenti che formano l'interfaccia grafica. Tkinter offre vari tipi di widget, come etichette, pulsanti e campi di input.<\/p>\n\n\n\n
Aggiungi widget alla finestra principale usando i metodi Pacchetto ()<\/code>, GRIGLIA ()<\/code> O Posto ()<\/code>. Ad esempio, per creare un pulsante semplice, puoi usare:<\/p>\n\n\n\n
Button = tk.Button (finestra, text = \"Fai clic qui\")\nButton.Pack ()<\/code><\/pre>\n\n\n\n
Ogni widget ha propriet\u00e0 che puoi configurare, come bg<\/code> per il colore di sfondo e Fg<\/code> per il colore del testo. L'esplorazione e la combinazione di widget consente di creare interfacce ricche e funzionali.<\/p>\n\n\n\n
Eventi e attacchi<\/strong><\/h3>\n\n\n\n
Gli eventi Tkinter sono azioni che l'utente esegue, come i clic del mouse o le pressioni dei tasti. La libreria ti consente di manipolare questi eventi utilizzando attacchi.<\/p>\n\n\n\n
Per collegare un evento a una funzione, si utilizza il metodo Legamento ()<\/code>. Per esempio:<\/p>\n\n\n\n
Def clicc ():\n    Stampa (\"Pulsante cliccato!\")\n\nButton.Bind (\"\", Lambda E: Click ())<\/code><\/pre>\n\n\n\n
In questo esempio, \"\"<\/code> Rappresenta un clic sinistro del mouse. La funzione clic<\/code> Si chiama quando si verifica l'evento. Comprendere eventi e attacchi \u00e8 fondamentale per rendere l'interfaccia interattiva.<\/p>\n\n\n\n
Disegnare l'interfaccia grafica<\/strong><\/h2>\n\n\n\n
La creazione di un'interfaccia grafica con Python e Tkinter comporta la pianificazione della disposizione degli elementi, l'aggiunta di widget pertinenti e la gestione in modo efficiente il layout. Ecco i passaggi per questo:<\/p>\n\n\n\n
\"\"
Disegnare l'interfaccia grafica<\/em><\/figcaption><\/figure>\n\n\n\n
Impostazione del layout<\/strong><\/h3>\n\n\n\n
Inizia impostando un layout che rende l'interfaccia organizzata e facile da usare. Considera la distribuzione dei componenti. L'uso di un layout della griglia pu\u00f2 essere utile se \u00e8 necessario allineare diversi widget.<\/p>\n\n\n\n
I widget possono essere posizionati utilizzando percentuali o pixel secondo necessit\u00e0. Tkinter consente l'uso di metodi .Pacchetto ()<\/code>, .Griglia ()<\/code> e .posto ()<\/code> Per organizzare i componenti sullo schermo. La scelta del metodo pu\u00f2 influire notevolmente sull'esperienza dell'utente.<\/p>\n\n\n\n
Aggiunta di widget<\/strong><\/h3>\n\n\n\n
I widget sono i blocchi di costruzione dell'interfaccia grafica. Tkinter offre una variet\u00e0 di widget, come Etichetta<\/code>, Pulsante<\/code>, Iscrizione<\/code> e Testo<\/code>. Ognuno di questi widget serve una funzione specifica. Ad esempio, a Etichetta<\/code> Visualizza testo e uno Pulsante<\/code> esegue azioni quando \u00e8 cliccato.<\/p>\n\n\n\n
Aggiungi questi componenti al layout logicamente, garantendo che ognuno abbia uno scopo chiaro. La personalizzazione di widget (come colori e fonti) pu\u00f2 migliorare l'estetica e l'usabilit\u00e0.<\/p>\n\n\n\n
Gestori di layout<\/strong><\/h3>\n\n\n\n
I gestori di layout definiscono come i widget si comportano all'interno della finestra. Tkinter offre tre metodi principali: .Pacchetto ()<\/code>, .Griglia ()<\/code> e .posto ()<\/code>. Ognuno ha caratteristiche distinte che influenzano l'allocazione dello spazio.<\/p>\n\n\n\n
    \n
  • .Pacchetto ()<\/code>: Organizza widget nell'ordine in cui vengono aggiunti, in linea o colonna.<\/li>\n\n\n\n
  • .Griglia ()<\/code>: Crea una griglia in cui i widget possono essere posizionati su righe e colonne specifiche.<\/li>\n\n\n\n
  • .posto ()<\/code>: Consente di mettere i widget in coordinate esatte, dando il pieno controllo sulla posizione.<\/li>\n<\/ul>\n\n\n\n
    Scegli il gestore di layout in base alle esigenze dell'applicazione. \u00c8 possibile combinare questi metodi, ma fare attenzione a evitare conflitti.<\/p>\n\n\n\n
    Manipolare i dati di input<\/strong><\/h2>\n\n\n\n
    Qui discuteremo di come gestire i dati di input su un'interfaccia grafica usando Python e Tkinter. La conoscenza dei campi di testo e dei pulsanti di azione \u00e8 essenziale per interazioni efficaci.<\/p>\n\n\n\n
    Campo di testo<\/strong><\/h3>\n\n\n\n
    I campi di testo sono essenziali per l'acquisizione dei dati degli utenti. In tkinter, usi il widget Iscrizione<\/code> Per creare un campo di testo. L'implementazione \u00e8 semplice:<\/p>\n\n\n\n
    Importa tkinter come tk\n\nroot = tk.tk ()\ninput = tk.entry (root)\ninput.pack ()<\/code><\/pre>\n\n\n\n
    Questo crea un campo in cui l'utente pu\u00f2 inserire informazioni. Per ottenere la quantit\u00e0 inserita, utilizzare il metodo OTTENERE ()<\/code>:<\/p>\n\n\n\n
    value = input.get ()<\/code><\/pre>\n\n\n\n
    Inoltre, \u00e8 possibile personalizzare il campo di testo con parametri come larghezza<\/code> e bg<\/code> Per modificare la sua larghezza e colore di sfondo, rispettivamente. Convalidamento dell'ingresso, come verificare se il campo \u00e8 vuoto, \u00e8 una buona pratica per garantire la qualit\u00e0 dei dati.<\/p>\n\n\n\n
    Pulsanti di azione<\/strong><\/h3>\n\n\n\n
    I pulsanti di azione consentono all'utente di eseguire comandi. Usa il widget Pulsante<\/code> per questo. Un pulsante semplice pu\u00f2 essere creato in questo modo:<\/p>\n\n\n\n
    Botao = tk.Button (root, text = \"Send\", comando = some_Function)\nBotao.pack ()<\/code><\/pre>\n\n\n\n
    Qui, Any_function<\/code> Deve essere una funzione definita che elaborer\u00e0 i dati, come il salvataggio o la visualizzazione degli ingressi. \u00c8 importante che il testo del pulsante sia chiaro e indichi l'azione prevista.<\/p>\n\n\n\n
    I pulsanti possono anche essere personalizzati con opzioni come bg<\/code>, Fg<\/code> e font<\/code> Per cambiare il colore di sfondo, il colore del testo e lo stile di origine. In applicazioni pi\u00f9 complesse, \u00e8 possibile acquisire eventi come clic per convalidare ed elaborare automaticamente i dati di input.<\/p>\n\n\n\n
    Integrazione con il database<\/strong><\/h2>\n\n\n\n
    L'integrazione di un'interfaccia grafica con un database \u00e8 fondamentale per la creazione di applicazioni dinamiche e funzionali. L'uso di librerie appropriate consente di comunicare in modo efficiente l'applicazione con dati memorizzati.<\/p>\n\n\n\n
    Connessione al database<\/strong><\/h3>\n\n\n\n
    Per connettersi a un database Python, \u00e8 possibile utilizzare la libreria Sqlite3<\/code> Per database SQLite. Stabilire la connessione con il seguente codice:<\/p>\n\n\n\n
    importare sqlite3\n\nConnection = sqlite3.connect ('name_banco.db')<\/code><\/pre>\n\n\n\n
    Dopo aver stabilito la connessione, creare un cursore per interagire con la banca ed eseguire comandi SQL:<\/p>\n\n\n\n
    Cursor = Connection.Cursor ()<\/code><\/pre>\n\n\n\n
    Per altri database, come MySQL o PostgreSQL, usa le librerie come Mysql-connector<\/code> O Psycopg2<\/code>. Assicurati di installare la libreria corrispondente. Chiudi sempre la connessione al termine:<\/p>\n\n\n\n
    connection.close ()<\/code><\/pre>\n\n\n\n
    Operazioni CRUD<\/strong><\/h3>\n\n\n\n
    Le operazioni CRUD (Crea, leggi, aggiorna ed eliminano) sono essenziali per qualsiasi app che manipola i dati.<\/p>\n\n\n\n
      \n
    • Per creare<\/strong>: Per immettere i dati, utilizzare il comando Inserire<\/code>:<\/li>\n<\/ul>\n\n\n\n
      Curso.<\/code><\/pre>\n\n\n\n
        \n
      • Leggere<\/strong>: Per consultare i dati, utilizzare il comando Selezionare<\/code>:<\/li>\n<\/ul>\n\n\n\n
        Corso.Execute (\"Seleziona * dalla tabella\")\nRecords = Course.FetChall ()<\/code><\/pre>\n\n\n\n
          \n
        • Per aggiornare<\/strong>: Per modificare i dati esistenti, utilizzare il comando Aggiornamento<\/code>:<\/li>\n<\/ul>\n\n\n\n
          CORSO.\n\nnew_value, id)))<\/code><\/pre>\n\n\n\n
            \n
          • Eliminare<\/strong>: Per rimuovere i dati, utilizzare il comando Eliminare<\/code>:<\/li>\n<\/ul>\n\n\n\n
            CORSO.<\/code><\/pre>\n\n\n\n
            Queste operazioni sono la base per interagire con il database in un'applicazione Tkinter. Ricorda di trattare le eccezioni e convalidare le voci per mantenere l'integrit\u00e0 dei dati.<\/p>\n\n\n\n
            Aggiunta di risorse avanzate<\/strong><\/h2>\n\n\n\n
            Le risorse avanzate possono arricchire l'interfaccia grafica, rendendola pi\u00f9 interattiva ed efficiente. Vediamo come creare grafici e visualizzazioni di dati, nonch\u00e9 manipolare i file.<\/p>\n\n\n\n
            \"\"
            Aggiunta di risorse avanzate<\/em><\/figcaption><\/figure>\n\n\n\n
            Grafici e visualizzazioni dei dati<\/strong><\/h3>\n\n\n\n
            L'uso di librerie come Matplotlib e Seabron possono trasformare l'esperienza dell'interfaccia. \u00c8 possibile integrare i grafici direttamente sul tkinter usando la libreria FigureCanvastkag<\/code>.<\/p>\n\n\n\n
            Ecco un semplice esempio di grafico:<\/p>\n\n\n\n
            Importa matplotlib.pyplot come plt\nDa matplotlib.backends.backend_tkagg import figurecanvastkag\n\n# Crea un grafico\nFig, ax = plt.sublots ()\nAx.plot ([1, 2, 3], [1, 4, 9])\n\n# integrare su tkinter\nCanvas = FigureCanVastKag (Fig, Master = Window)\ncanvas.get_tk_widget (). Pacchetto ()<\/code><\/pre>\n\n\n\n
            Pertanto, i grafici dinamici possono essere aggiornati in base agli input dell'utente, facilitando l'interpretazione di dati complessi.<\/p>\n\n\n\n
            Manipolazione dei file<\/strong><\/h3>\n\n\n\n
            La manipolazione dei file \u00e8 essenziale per molte applicazioni. Tkinter facilita la selezione e la lettura dei file con la funzione filaticialog<\/code>.<\/p>\n\n\n\n
            Ecco un codice di base per aprire un file:<\/p>\n\n\n\n
            Da tkinter import filedialog\n\n# Selezionare File\nFile_Path = FileDialog.AskOPenFileName ()\n\n# Leggi il contenuto\ncon open (file_path, 'r') come file:\n    Data = file.read ()<\/code><\/pre>\n\n\n\n
            Ci\u00f2 consente all'utente di caricare e manipolare i dati direttamente sull'applicazione, rendendo l'interfaccia pi\u00f9 interattiva e funzionale.<\/p>\n\n\n\n
            Test e gradi<\/strong><\/h2>\n\n\n\n
            Test e autorizzazione sono passaggi fondamentali nello sviluppo di un'interfaccia grafica con Python e Tkinter. Aiutano a identificare e correggere errori, garantendo che l'applicazione funzioni come previsto.<\/p>\n\n\n\n
            Scrivere test per l'interfaccia<\/strong><\/h3>\n\n\n\n
            Per testare un'interfaccia grafica, \u00e8 importante creare un set di test che controllano le funzionalit\u00e0 dell'applicazione. Strumenti come Unittest<\/code> e Pytest<\/code> Sono ampiamente usati. Ecco un semplice esempio per verificare che un pulsante esegui l'azione corretta:<\/p>\n\n\n\n
            Import Unittest\nDa mine_app import app # Supponiamo che la tua applicazione sia in mine_app.py\n\nClasse Testapp (Unittest.testCase):\n    Def setup (self):\n        self.app = app ()\n\n    Def test_button_click (self):\n        self.app.Button.invoke () # simula il clic\n        Self.assertequal (self.app.result, \"previsto\") # controlla il risultato\n\nSe __Name__ == '__main__':\n    Unittest.Main ()<\/code><\/pre>\n\n\n\n
            Oltre a controllare il comportamento, i test possono anche convalidare se l'interfaccia soddisfa i criteri di usabilit\u00e0.<\/p>\n\n\n\n
            Debug di funzioni<\/strong><\/h3>\n\n\n\n
            Il debug \u00e8 essenziale per identificare i problemi che non vengono catturati dai test. Strumenti come il PDB<\/code> Facilitano il processo, consentendo allo sviluppatore di ispezionare le variabili e seguire il flusso di esecuzione.<\/p>\n\n\n\n
            Un metodo pratico di autorizzazione di tkinter \u00e8 aggiungere stampa<\/code> dichiarazioni in punti strategici. Ad esempio, quando si tratta di eventi a pulsanti, \u00e8 possibile stampare lo stato dell'applicazione:<\/p>\n\n\n\n
            Def on_button_click (self):\n    Stampa (\"pulsante cliccato\")\n    Codice di funzionalit\u00e0 #<\/code><\/pre>\n\n\n\n
            Inoltre, \u00e8 possibile configurare un logger per registrare ulteriori informazioni:<\/p>\n\n\n\n
            Registrazione di importazione\n\nlogging.basicconfig (level = logging.debug)\n\nDef on_button_click (self):\n    Logging.debug (\"Pulsante cliccata\")<\/code><\/pre>\n\n\n\n
            Questi approcci offrono approfondimenti sull'operazione di applicazione e aiutano nella correzione dei guasti.<\/p>\n\n\n\n
            Imballaggio e distribuzione<\/strong><\/h2>\n\n\n\n
            L'imballaggio e la distribuzione delle applicazioni Python create con Tkinter consentono agli sviluppatori di condividere facilmente i loro progetti. Esistono metodi efficaci per creare eseguibili e distribuire applicazioni.<\/p>\n\n\n\n
            Creazione di eseguibili<\/strong><\/h3>\n\n\n\n
            Per trasformare un progetto in un eseguibile, uno strumento popolare \u00e8 Pyinstaller. Converte gli script di Python in eseguibili auto -domentabili per Windows, Mac e Linux. Il processo \u00e8 semplice:<\/p>\n\n\n\n
              \n
            1. Installa Pyinstaller con PIP Installa Pyinstaller<\/code>.<\/li>\n\n\n\n
            2. Sfoglia la tua directory di script.<\/li>\n\n\n\n
            3. Esegui il comando Pyinstaller - -inefile your_sript.py<\/code>.<\/li>\n<\/ol>\n\n\n\n
              Questo crea una cartella distanza<\/code>dove sar\u00e0 l'eseguibile finale. Altre opzioni includono cx_freeze<\/code> e py2exe<\/code>Ma Pyinstaller \u00e8 ampiamente utilizzato per la sua semplicit\u00e0 e l'efficacia.<\/p>\n\n\n\n
              Distribuzione delle applicazioni<\/strong><\/h3>\n\n\n\n
              La distribuzione pu\u00f2 verificarsi con vari mezzi, come ad esempio:<\/p>\n\n\n\n
                \n
              • Sito web personale<\/strong>: Rendi l'eseguibile disponibile su un sito Web.<\/li>\n\n\n\n
              • Github<\/strong>: Crea una pagina per la gestione del caricamento e delle versioni.<\/li>\n\n\n\n
              • Mercato<\/strong>: Pubblica su piattaforme come PYPI.<\/li>\n<\/ul>\n\n\n\n
                Inoltre, includi un file ReadMe con installazione e utilizza le istruzioni. Attenzione alle licenze del software in quanto ci\u00f2 pu\u00f2 influire sull'uso e la condivisione dell'applicazione.<\/p>\n\n\n\n
                <\/p>","protected":false},"excerpt":{"rendered":"
                Criar uma interface gr\u00e1fica em Python com Tkinter \u00e9 uma habilidade incr\u00edvel para desenvolvedores que querem criar aplicativos com uma intera\u00e7\u00e3o visual clara e intuitiva. Com Tkinter, voc\u00ea consegue criar interfaces amig\u00e1veis de forma eficiente e acess\u00edvel, o que permite que programadores de todos os n\u00edveis explorem as capacidades do Python. Neste post, vamos dar […]<\/p>\n","protected":false},"author":2,"featured_media":3338,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacao"],"blocksy_meta":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Como-fazer-uma-interface-grafica-com-Python-e-Tkinter.webp?fit=1244%2C800&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/posts\/3337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/comments?post=3337"}],"version-history":[{"count":4,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/posts\/3337\/revisions"}],"predecessor-version":[{"id":3781,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/posts\/3337\/revisions\/3781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/media\/3338"}],"wp:attachment":[{"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/media?parent=3337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/categories?post=3337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/horatech.shop\/it\/wp-json\/wp\/v2\/tags?post=3337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}