{"id":2,"date":"2026-09-14T08:37:02","date_gmt":"2026-09-14T08:37:02","guid":{"rendered":"https:\/\/rechum.pt\/?page_id=2"},"modified":"2026-09-15T22:11:22","modified_gmt":"2026-09-15T22:11:22","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/rechum.pt\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi\u00f1a coladas. (And gettin&#8217; caught in the rain.)<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230;or something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">As a new WordPress user, you should go to <a href=\"https:\/\/rechum.pt\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<table id=\"tablepress-1\" class=\"tablepress tablepress-id-1\">\n<thead>\n<tr class=\"row-1\">\n\t<th class=\"column-1\">id<\/th><th class=\"column-2\">nome<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-striping row-hover\">\n<tr class=\"row-2\">\n\t<td class=\"column-1\">1<\/td><td class=\"column-2\">julio<\/td>\n<\/tr>\n<tr class=\"row-3\">\n\t<td class=\"column-1\">2<\/td><td class=\"column-2\">manel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-1 from cache -->\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">    <div class=\"meu-bloco-container\" style=\"border: 1px solid #ccc; padding: 20px; border-radius: 5px;\">\n        <h3>Registar no MySQL<\/h3>\n        \n        <!-- Formul\u00e1rio Frontend -->\n\t\t<div id=\"kk\">kk<\/div>\n\t\t<table border=1><tr><td>a<\/td><td>b<\/td><td>c<\/td><\/tr><\/table><button onclick=\"teste()\"  style=\"padding: 8px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer;\">dados<\/button>\n        <form class=\"meu-bloco-form\" data-api=\"https:\/\/rechum.pt\/index.php?rest_route=\/meu-bloco\/v1\/inserir\" data-nonce=\"3ee470ec76\" onsubmit=\"enviarDadosBloco(event, this)\">\n            <input type=\"text\" name=\"nome_usuario\" placeholder=\"Digite um nome...\" required style=\"padding: 8px; width: 70%; margin-right: 10px;\">\n            <button type=\"submit\" style=\"padding: 8px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer;\">Guardar<\/button>\n        <\/form>\n\n        <h4 style=\"margin-top: 20px;\">\u00daltimos Registos:<\/h4>\n        <ul class=\"meu-bloco-lista\">\n           \n           \n        <\/ul>\n    <\/div>\n\n    <!-- Script Inline simples para tratar o AJAX no Frontend -->\n    <script>\n\tfunction teste(){\n\t\talert();\n\t}\n\t\n    function enviarDadosBloco(event, form) {\n        event.preventDefault();\n        const input = form.querySelector('input[name=\"nome_usuario\"]');\n        const nome = input.value;\n        const apiUrl = form.getAttribute('data-api');\n        const nonce = form.getAttribute('data-nonce');\n        const lista = form.closest('.meu-bloco-container').querySelector('.meu-bloco-lista');\n\n        fetch(apiUrl, {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json',\n                'X-WP-Nonce': nonce\n            },\n            body: JSON.stringify({ nome: nome })\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.sucesso) {\n                \/\/ Remover o aviso de \"sem dados\" se existir\n                const semDados = lista.querySelector('.sem-dados');\n                if (semDados) semDados.remove();\n\n                \/\/ Adicionar o novo item no topo da lista\n                const novoItem = document.createElement('li');\n                novoItem.textContent = nome;\n                lista.insertBefore(novoItem, lista.firstChild);\n                input.value = ''; \/\/ Limpa o campo\n            } else {\n                alert('Erro: ' + data.mensagem);\n            }\n        })\n        .catch(err => console.error('Erro na requisi\u00e7\u00e3o:', err));\n    }\n    <\/script>\n    <\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n    <div class=\"meu-bloco-container\" style=\"border: 1px solid #ccc; padding: 20px; border-radius: 5px;\">\n        <h3>Registar no MySQL<\/h3>\n        \n        <!-- Formul\u00e1rio Frontend -->\n\t\t<div id=\"kk\">kk<\/div>\n\t\t<table border=1><tr><td>a<\/td><td>b<\/td><td>c<\/td><\/tr><\/table><button onclick=\"teste()\"  style=\"padding: 8px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer;\">dados<\/button>\n        <form class=\"meu-bloco-form\" data-api=\"https:\/\/rechum.pt\/index.php?rest_route=\/meu-bloco\/v1\/inserir\" data-nonce=\"3ee470ec76\" onsubmit=\"enviarDadosBloco(event, this)\">\n            <input type=\"text\" name=\"nome_usuario\" placeholder=\"Digite um nome...\" required style=\"padding: 8px; width: 70%; margin-right: 10px;\">\n            <button type=\"submit\" style=\"padding: 8px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer;\">Guardar<\/button>\n        <\/form>\n\n        <h4 style=\"margin-top: 20px;\">\u00daltimos Registos:<\/h4>\n        <ul class=\"meu-bloco-lista\">\n           \n           \n        <\/ul>\n    <\/div>\n\n    <!-- Script Inline simples para tratar o AJAX no Frontend -->\n    <script>\n\tfunction teste(){\n\t\talert();\n\t}\n\t\n    function enviarDadosBloco(event, form) {\n        event.preventDefault();\n        const input = form.querySelector('input[name=\"nome_usuario\"]');\n        const nome = input.value;\n        const apiUrl = form.getAttribute('data-api');\n        const nonce = form.getAttribute('data-nonce');\n        const lista = form.closest('.meu-bloco-container').querySelector('.meu-bloco-lista');\n\n        fetch(apiUrl, {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json',\n                'X-WP-Nonce': nonce\n            },\n            body: JSON.stringify({ nome: nome })\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.sucesso) {\n                \/\/ Remover o aviso de \"sem dados\" se existir\n                const semDados = lista.querySelector('.sem-dados');\n                if (semDados) semDados.remove();\n\n                \/\/ Adicionar o novo item no topo da lista\n                const novoItem = document.createElement('li');\n                novoItem.textContent = nome;\n                lista.insertBefore(novoItem, lista.firstChild);\n                input.value = ''; \/\/ Limpa o campo\n            } else {\n                alert('Erro: ' + data.mensagem);\n            }\n        })\n        .catch(err => console.error('Erro na requisi\u00e7\u00e3o:', err));\n    }\n    <\/script>\n    \n\n    <div class=\"meu-bloco-container\" style=\"border: 1px solid #ccc; padding: 20px; border-radius: 5px;\">\n        <h3>Registar no MySQL<\/h3>\n        \n        <!-- Formul\u00e1rio Frontend -->\n\t\t<div id=\"kk\">kk<\/div>\n\t\t<table border=1><tr><td>a<\/td><td>b<\/td><td>c<\/td><\/tr><\/table><button onclick=\"teste()\"  style=\"padding: 8px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer;\">dados<\/button>\n        <form class=\"meu-bloco-form\" data-api=\"https:\/\/rechum.pt\/index.php?rest_route=\/meu-bloco\/v1\/inserir\" data-nonce=\"3ee470ec76\" onsubmit=\"enviarDadosBloco(event, this)\">\n            <input type=\"text\" name=\"nome_usuario\" placeholder=\"Digite um nome...\" required style=\"padding: 8px; width: 70%; margin-right: 10px;\">\n            <button type=\"submit\" style=\"padding: 8px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer;\">Guardar<\/button>\n        <\/form>\n\n        <h4 style=\"margin-top: 20px;\">\u00daltimos Registos:<\/h4>\n        <ul class=\"meu-bloco-lista\">\n           \n           \n        <\/ul>\n    <\/div>\n\n    <!-- Script Inline simples para tratar o AJAX no Frontend -->\n    <script>\n\tfunction teste(){\n\t\talert();\n\t}\n\t\n    function enviarDadosBloco(event, form) {\n        event.preventDefault();\n        const input = form.querySelector('input[name=\"nome_usuario\"]');\n        const nome = input.value;\n        const apiUrl = form.getAttribute('data-api');\n        const nonce = form.getAttribute('data-nonce');\n        const lista = form.closest('.meu-bloco-container').querySelector('.meu-bloco-lista');\n\n        fetch(apiUrl, {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json',\n                'X-WP-Nonce': nonce\n            },\n            body: JSON.stringify({ nome: nome })\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.sucesso) {\n                \/\/ Remover o aviso de \"sem dados\" se existir\n                const semDados = lista.querySelector('.sem-dados');\n                if (semDados) semDados.remove();\n\n                \/\/ Adicionar o novo item no topo da lista\n                const novoItem = document.createElement('li');\n                novoItem.textContent = nome;\n                lista.insertBefore(novoItem, lista.firstChild);\n                input.value = ''; \/\/ Limpa o campo\n            } else {\n                alert('Erro: ' + data.mensagem);\n            }\n        })\n        .catch(err => console.error('Erro na requisi\u00e7\u00e3o:', err));\n    }\n    <\/script>\n    ","protected":false},"excerpt":{"rendered":"<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this: Hi there! I&#8217;m a bike messenger [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rechum.pt\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rechum.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rechum.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rechum.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rechum.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":12,"href":"https:\/\/rechum.pt\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/rechum.pt\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/rechum.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}