{"id":1602,"date":"2026-06-18T00:59:42","date_gmt":"2026-06-18T03:59:42","guid":{"rendered":"https:\/\/code4delphi.com.br\/blog\/?p=1602"},"modified":"2026-06-18T01:46:33","modified_gmt":"2026-06-18T04:46:33","slug":"delphi-web-com-bootstrap-e-adminlte","status":"publish","type":"post","link":"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/","title":{"rendered":"Delphi Web com Bootstrap e AdminLTE"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Criar aplica\u00e7\u00f5es web com Delphi \u00e9 uma realidade cada vez mais interessante, principalmente quando conseguimos unir produtividade, componentes visuais e uma interface moderna para o usu\u00e1rio final.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em nosso curso gratuito &#8220;<strong>Criando aplica\u00e7\u00f5es Web com Delphi<\/strong>&#8220;, dispon\u00edvel no canal Code4Delphi, mostramos na pr\u00e1tica a cria\u00e7\u00e3o de uma aplica\u00e7\u00e3o completa, passando pelo desenvolvimento do back-end com uma API REST e tamb\u00e9m pela cria\u00e7\u00e3o do front-end web utilizando <strong>AdminLTE Bootstrap Template<\/strong>.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Sum\u00e1rio<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabela de conte\u00fado\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#Front-end_com_Delphi_Bootstrap_e_AdminLTE\" >Front-end com Delphi, Bootstrap e AdminLTE<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#Back-end_com_API_REST\" >Back-end com API REST<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#O_que_voce_vai_encontrar_no_curso\" >O que voc\u00ea vai encontrar no curso<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#Curso_e_repositorio_da_aplicacao\" >Curso e reposit\u00f3rio da aplica\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#Links_uteis\" >Links \u00fateis<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#Cupom_TMS_com_30_de_desconto\" >Cupom TMS com 30% de desconto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/code4delphi.com.br\/blog\/delphi-web-com-bootstrap-e-adminlte\/#Conclusao\" >Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Front-end_com_Delphi_Bootstrap_e_AdminLTE\"><\/span>Front-end com Delphi, Bootstrap e AdminLTE<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para a cria\u00e7\u00e3o da aplica\u00e7\u00e3o web, utilizamos o <strong>TMS WEB Core<\/strong>, que \u00e9 a solu\u00e7\u00e3o que eu indico para quem deseja desenvolver aplica\u00e7\u00f5es web com Delphi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com ele, conseguimos criar uma aplica\u00e7\u00e3o do tipo <strong>SPA<\/strong> (<strong>Single Page Application)<\/strong>, executada diretamente no navegador e composta apenas por <strong>HTML, JavaScript e CSS<\/strong>. Sem nenhuma depend\u00eancia de execut\u00e1veis ou qualquer outra aplica\u00e7\u00e3o externa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, no curso utilizamos o <strong>AdminLTE Bootstrap Template<\/strong>, permitindo criar uma interface mais moderna e organizada para a aplica\u00e7\u00e3o, com tela de login, p\u00e1gina inicial, menus, componentes visuais e telas de cadastro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Saiba mais sobre o TMS WEB Core: <a href=\"https:\/\/www.tmssoftware.com\/site\/tmswebcore.asp\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.tmssoftware.com\/site\/tmswebcore.asp<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tamb\u00e9m temos uma postagem completa falando sobre o TMS WEB Core no blog: <a href=\"https:\/\/code4delphi.com.br\/blog\/delphi-na-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Delphi na Web<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"737\" src=\"https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-Web-1280x720-1-1024x737.png\" alt=\"\" class=\"wp-image-1614\" srcset=\"https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-Web-1280x720-1-1024x737.png 1024w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-Web-1280x720-1-300x216.png 300w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-Web-1280x720-1-768x553.png 768w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-Web-1280x720-1-920x662.png 920w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-Web-1280x720-1.png 1439w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Tela de Login desenvolvida<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-AdminLTE-Web-Core-1024x531.png\" alt=\"\" class=\"wp-image-1617\" srcset=\"https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-AdminLTE-Web-Core-1024x531.png 1024w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-AdminLTE-Web-Core-300x156.png 300w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-AdminLTE-Web-Core-768x398.png 768w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-AdminLTE-Web-Core-920x477.png 920w, https:\/\/code4delphi.com.br\/blog\/wp-content\/uploads\/2026\/06\/Delphi-AdminLTE-Web-Core.png 1330w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Template utilizado<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Back-end_com_API_REST\"><\/span>Back-end com API REST<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No curso, utilizamos o <strong>TMS XData<\/strong> para cria\u00e7\u00e3o do back-end da aplica\u00e7\u00e3o. Com ele, desenvolvemos uma API REST para comunica\u00e7\u00e3o com o front-end, trabalhando com os principais verbos HTTP e criando uma estrutura preparada para opera\u00e7\u00f5es de consulta, inser\u00e7\u00e3o, altera\u00e7\u00e3o e exclus\u00e3o de dados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tamb\u00e9m mostramos pontos importantes como documenta\u00e7\u00e3o com <strong>Swagger<\/strong>, uso de <strong>middlewares<\/strong>, autentica\u00e7\u00e3o com <strong>JWT<\/strong> e a constru\u00e7\u00e3o de um CRUD completo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Saiba mais sobre o <a href=\"https:\/\/www.tmssoftware.com\/site\/xdata.asp\" target=\"_blank\" rel=\"noreferrer noopener\">TMS XData<\/a> neste v\u00eddeo que criamos: <a href=\"https:\/\/www.youtube.com\/watch?v=cwb6_SKbB6A\" target=\"_blank\" rel=\"noreferrer noopener\">XData | API REST | Instala\u00e7\u00e3o e primeiros passos<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_voce_vai_encontrar_no_curso\"><\/span>O que voc\u00ea vai encontrar no curso<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Durante o curso, mostramos desde os primeiros passos da API REST at\u00e9 a cria\u00e7\u00e3o da aplica\u00e7\u00e3o web consumindo os endpoints do back-end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Entre os principais pontos abordados est\u00e3o: cria\u00e7\u00e3o da API REST, verbos HTTP, documenta\u00e7\u00e3o Swagger, middlewares, tela de login, consumo de endpoints, DataSet, CRUD completo, autentica\u00e7\u00e3o com JWT, Bootstrap, AdminLTE e integra\u00e7\u00e3o com a aplica\u00e7\u00e3o web feita em Delphi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Curso_e_repositorio_da_aplicacao\"><\/span>Curso e reposit\u00f3rio da aplica\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Acesse o curso completo: <a href=\"https:\/\/www.youtube.com\/playlist?list=PLLHSz4dOnnN39OimL44gj6CthKx54MNlY\" target=\"_blank\" rel=\"noreferrer noopener\">Criando aplica\u00e7\u00f5es Web com Delphi &#8211; CRUD<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O projeto utilizado no curso tamb\u00e9m est\u00e1 dispon\u00edvel no GitHub: <a href=\"https:\/\/github.com\/Code4Delphi\/DelphiWebCrud\" target=\"_blank\" rel=\"noreferrer noopener\">DelphiWebCrud<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Links_uteis\"><\/span>Links \u00fateis<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m do curso completo, tamb\u00e9m temos dois v\u00eddeos que podem ajudar bastante quem est\u00e1 come\u00e7ando com Delphi Web:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=n51xdFBRzX0\" target=\"_blank\" rel=\"noreferrer noopener\">Leve sua aplica\u00e7\u00e3o Delphi para Web com TMS WEB Core<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=79AkYTLvHLM\" target=\"_blank\" rel=\"noreferrer noopener\">TMS WEB Core + Bootstrap<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cupom_TMS_com_30_de_desconto\"><\/span>Cupom TMS com 30% de desconto<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No curso, mostramos como instalar a vers\u00e3o Trial, que n\u00e3o possui limita\u00e7\u00f5es, para que voc\u00ea possa testar, estudar e criar seu pr\u00f3prio projeto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas tamb\u00e9m temos um cupom exclusivo com <strong>30% de desconto<\/strong> para adquirir o <strong>TMS WEB Core<\/strong> ou qualquer outro produto da <strong>TMS Software<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2026Code4Delphi30<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Usar Delphi para criar aplica\u00e7\u00f5es web pode ser uma excelente alternativa para quem j\u00e1 trabalha com a linguagem e deseja levar seus sistemas para a web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com TMS WEB Core, Bootstrap, AdminLTE e uma API REST bem estruturada no back-end, conseguimos criar aplica\u00e7\u00f5es modernas, organizadas e com uma experi\u00eancia muito mais pr\u00f3xima do desenvolvimento tradicional em Delphi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Espero que voc\u00ea assista ao curso, teste os exemplos e veja como essa combina\u00e7\u00e3o pode ajudar nos seus pr\u00f3ximos projetos web com Delphi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Caso tenha alguma d\u00favida, deixe um coment\u00e1rio aqui no post.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Valeu e at\u00e9 o pr\u00f3ximo post!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Criar aplica\u00e7\u00f5es web com Delphi \u00e9 uma realidade cada vez mais interessante, principalmente quando conseguimos unir&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[1,98],"tags":[151,150,148,149,101],"class_list":["post-1602","post","type-post","status-publish","format-standard","hentry","category-geral","category-tms","tag-delphi-adminlte","tag-delphi-bootstrap","tag-delphi-web","tag-web-core","tag-xdata"],"_links":{"self":[{"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/posts\/1602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1602"}],"version-history":[{"count":16,"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/posts\/1602\/revisions"}],"predecessor-version":[{"id":1625,"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/posts\/1602\/revisions\/1625"}],"wp:attachment":[{"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code4delphi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}