{"id":9906,"date":"2022-11-09T02:43:17","date_gmt":"2022-11-09T10:43:17","guid":{"rendered":"https:\/\/www.pingcap.com\/?p=9906"},"modified":"2024-12-20T04:04:46","modified_gmt":"2024-12-20T12:04:46","slug":"building-applications-faster-with-tidb-and-illa-builder","status":"publish","type":"post","link":"https:\/\/www.pingcap.com\/ko\/blog\/building-applications-faster-with-tidb-and-illa-builder\/","title":{"rendered":"Building Applications Faster with TiDB and ILLA Builder"},"content":{"rendered":"<p>PingCAP is happy to announce the collaboration with <a href=\"http:\/\/illacloud.com\">ILLA<\/a>, a low code open source tool for developers to develop applications rapidly. Integrating TiDB Cloud and ILLA Builder can help developers build tools and applications quickly while meeting the high requirements for data consistency, reliability, availability, scalability, and disaster tolerance.<\/p>\n\n\n\n<p>ILLA has a well-designed built-in UI components library. Developers can drag and drop these components to create specific tools. ILLA provides the following features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A fully responsive UI library<\/li>\n\n\n\n<li>Integration with any data sources<\/li>\n\n\n\n<li>A high degree of freedom to implement rich functionality<\/li>\n\n\n\n<li>Collaboration with any developers at any time.<\/li>\n\n\n\n<li>Flexible deployment: either self-hosted or ILLA Cloud service<\/li>\n<\/ul>\n\n\n\n<p>In this tutorial, we will show you how to set up a TiDB cluster and build an administration panel that allows you to create, read, update, and delete entries. We\u2019ll display the data in a table, and use a panel to tab between creating and updating forms. We\u2019ll do all this in less than 10 minutes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Create a free cluster on TiDB Cloud<\/strong><\/h3>\n\n\n\n<p>To create a cluster on TiDB Cloud:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/tidbcloud.com\/\">Sign in<\/a> with your TiDB Cloud account. If you are a new user,<a href=\"https:\/\/tidbcloud.com\/free-trial\"> sign up<\/a> for an account.<\/li>\n\n\n\n<li>Create a free cluster and connect to it. After running the sample application, you will get the TiDB connection information, including the server name, port number, database name, user name, and password. Be sure to make a note of these; you\u2019ll be using them in later steps.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Connect to TiDB with ILLA Builder<\/strong><\/h3>\n\n\n\n<p>Now that you have a free TiDB Cluster, it&#8217;s time to connect it to the <a href=\"https:\/\/github.com\/illa-family\/illa-builder\">ILLA Builder<\/a>.<\/p>\n\n\n\n<ol>\n<li>On the ILLA Builder welcome page, create a free account and sign in.<\/li>\n<li>Create a new application.<\/li>\n<li>Connect to TiDB as an ILLA resource. Do one of the following:\n<ul>\n<li>If you have an existing PingCAP resource in ILLA Builder, click <strong>+ New<\/strong> to select it.<\/li>\n<li>If you don&#8217;t have a TiDB resource in the ILLA builder, click <strong>+ New Resource<\/strong> to set up a new connection.<\/li>\n<\/ul>\n<\/li>\n<li>Test the new connection. If the connection is successful, save the connection as a new resource.<\/li>\n<li>Use actions to execute basic create, read, update, and delete (CRUD) operations in the TiDB database. Actions are the bridge between data and ILLA components.\n<ol>\n<li>Choose a TiDB resource and create actions.<\/li>\n<li>In the input box, enter the SQL statement, save it as a new action and run it.<\/li>\n<li>Click <strong>Run<\/strong> to execute the statement.<\/li>\n<li>Run a query action to see if the insert action runs successfully.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>You can create multiple actions and use different components to control their execution.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Connect the component to the action<\/strong><\/h3>\n\n\n\n<p>Components in ILLA Builder are built-in front-end UI libraries such as buttons and input boxes. To connect a component to an action:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under the component inspect panel on the right, select and drag the \u201ctext\u201d and \u201cinput\u201d components to the canvas in the middle. <\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large\"><img decoding=\"async\" src=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09005120\/connect-components.gif\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Create and save the required actions. You can refer to the component or action data by typing \u201c{{\u201c. Here we will create two actions, <em>tidb-query-data<\/em> \uadf8\ub9ac\uace0 <em>tidb-insert-data<\/em>, for later use.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"189\" src=\"https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions-1024x189.jpeg\" alt=\"\" class=\"wp-image-16684\" srcset=\"https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions-1024x189.jpeg 1024w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions-300x55.jpeg 300w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions-768x142.jpeg 768w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions-1536x283.jpeg 1536w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions-1440x266.jpeg 1440w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015413\/Create-and-save-the-required-actions.jpeg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>Query data from the person table<\/em><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"188\" src=\"https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table-1024x188.jpeg\" alt=\"\" class=\"wp-image-16686\" srcset=\"https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table-1024x188.jpeg 1024w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table-300x55.jpeg 300w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table-768x141.jpeg 768w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table-1536x282.jpeg 1536w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table-1440x265.jpeg 1440w, https:\/\/static.pingcap.com\/files\/2024\/05\/08015452\/Insert-data-to-the-person-table.jpeg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>Insert data to the person table<\/em><\/p>\n\n\n\n<p>You have successfully connected the component to the action.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Implement a simple web application with TiDB Cloud<\/strong><\/h3>\n\n\n\n<p>Now that we have everything ready, let&#8217;s build a simple web application with the basic components to add, delete, modify, or query the data from a TiDB table.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Create and configure an Insert button<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on the <strong>Insert<\/strong> button component you just added to enter the <strong>Inspect<\/strong> panel on the right.&nbsp;<\/li>\n\n\n\n<li>Under the <strong>Inspect <\/strong>panel,<strong> <\/strong>add an event handler, and configure the event handler as:\n<ul class=\"wp-block-list\">\n<li>Event: Click<\/li>\n\n\n\n<li>Action: <strong>Trigger query<\/strong><\/li>\n\n\n\n<li>Query: tidb2<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09005120\/config-insert-button.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Query data from a table<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on the <strong>Query new data<\/strong> button you just created. This displays the <strong>Inspect<\/strong> panel on the right side of the screen.<\/li>\n\n\n\n<li>In the <strong>Inspect <\/strong>panel,<strong> <\/strong>add an event handler, and configure it as follows:\n<ul class=\"wp-block-list\">\n<li>Event: <strong>Click<\/strong><\/li>\n\n\n\n<li>Action: <strong>Trigger query<\/strong><\/li>\n\n\n\n<li>Query: <strong>tidb1<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large\"><img decoding=\"async\" src=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09005120\/query-data-from-table.gif\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p>Now you will be able to execute the query action against the<strong> <\/strong>specified table in TiDB.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Visualize the query as a chart<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the Inspect panel on the right side, specify the dataset of the chart component to {{tidb1.data}}.<\/li>\n\n\n\n<li>Adjust the chart component settings such as the chart type, location, and size.<\/li>\n\n\n\n<li>Adjust the dataset settings such as dataset values and aggregation method. The chart will update as you go.&nbsp;<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09005120\/visualize-the-query-as-a-chart.gif\" alt=\"\" style=\"width:822px;height:404px\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Summary<\/h3>\n\n\n\n<p>In this article, we have implemented a simple TiDB application that inserts new data, executes queries, and displays the query results in charts. Integrating TiDB Cloud and ILLA Builder can make developing your applications much faster and more efficient.&nbsp;<\/p>\n\n\n\n<p>If you encounter any problem during the configuration or migration, you can contact us through our<a href=\"https:\/\/slack.tidb.io\/invite?team=tidb-community&amp;channel=everyone&amp;ref=pingcap-blog\"> Slack channel<\/a>, or you can join TiDB Internals to share your thoughts and feedback with us.<\/p>\n\n\n<div class=\"ub_call_to_action wp-block-ub-call-to-action-block\"  id=\"ub_call_to_action_f5bccc77-61ec-4cd6-9f89-e3eeae5cbaa2\">\n                <div class=\"ub_call_to_action_headline\">\n                    <p class=\"ub_call_to_action_headline_text\">Try TiDB Cloud Free Now!<\/p><\/div>\n                <div class=\"ub_call_to_action_content\">\n                    <p class=\"ub_cta_content_text\">Get the power of a cloud-native, distributed SQL database built for real-time <br>analytics in a fully managed service.<\/p><\/div>\n                <div class=\"ub_call_to_action_button\">\n                    <a href=\"https:\/\/cta-redirect.hubspot.com\/cta\/redirect\/4466002\/8d810b91-645b-41c4-a1d2-c4f124bb5d94\" target=\"_self\" rel=\"noopener noreferrer\"\n                        class=\"ub_cta_button\">\n                        <p class=\"ub_cta_button_text\">Sign Me Up<\/p><\/a><\/div><\/div>\n\n\n<p><strong>Keep Reading:<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.pingcap.com\/ko\/blog\/using-retool-and-tidb-cloud-to-build-a-real-time-kanban-in-30-minutes\/\">Using Retool and TiDB Cloud to Build a Real-Time Kanban in 30 Minutes<\/a><br><a href=\"https:\/\/www.pingcap.com\/ko\/blog\/analytics-on-tidb-cloud-with-databricks\/\">Analytics on TiDB Cloud with Databricks<\/a><br><a href=\"https:\/\/www.pingcap.com\/ko\/blog\/build-a-better-github-insight-tool-in-a-week-a-true-story\/\">Build a Better Github Insight Tool in a Week? A True Story<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.<\/p>","protected":false},"author":8,"featured_media":9942,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ub_ctt_via":"","footnotes":""},"categories":[13],"tags":[163,173,31],"class_list":["post-9906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product","tag-app-developer","tag-low-code","tag-tidb-cloud"],"acf":[],"featured_image_src":"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg","author_info":{"display_name":"TiDB Team","author_link":"https:\/\/www.pingcap.com\/ko\/blog\/author\/pingcap\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Building Applications Faster with TiDB and ILLA Builder | TiDB<\/title>\n<meta name=\"description\" content=\"PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pingcap.com\/ko\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building Applications Faster with TiDB and ILLA Builder | TiDB\" \/>\n<meta property=\"og:description\" content=\"PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pingcap.com\/ko\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"TiDB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/pingcap2015\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-09T10:43:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-20T12:04:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09023124\/illa-social-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"TiDB Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09023124\/illa-social-scaled.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@PingCAP\" \/>\n<meta name=\"twitter:site\" content=\"@PingCAP\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"TiDB Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\"},\"author\":{\"name\":\"TiDB Team\",\"@id\":\"https:\/\/www.pingcap.com\/#\/schema\/person\/b17c1fde961eebd318de8729d595df74\"},\"headline\":\"Building Applications Faster with TiDB and ILLA Builder\",\"datePublished\":\"2022-11-09T10:43:17+00:00\",\"dateModified\":\"2024-12-20T12:04:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\"},\"wordCount\":843,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.pingcap.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg\",\"keywords\":[\"App Developer\",\"Low-code\",\"TiDB Cloud\"],\"articleSection\":[\"Product\"],\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\",\"url\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\",\"name\":\"Building Applications Faster with TiDB and ILLA Builder | TiDB\",\"isPartOf\":{\"@id\":\"https:\/\/www.pingcap.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg\",\"datePublished\":\"2022-11-09T10:43:17+00:00\",\"dateModified\":\"2024-12-20T12:04:46+00:00\",\"description\":\"PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage\",\"url\":\"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg\",\"contentUrl\":\"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg\",\"width\":2560,\"height\":853},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pingcap.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building Applications Faster with TiDB and ILLA Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pingcap.com\/#website\",\"url\":\"https:\/\/www.pingcap.com\/\",\"name\":\"TiDB\",\"description\":\"TiDB | SQL at Scale\",\"publisher\":{\"@id\":\"https:\/\/www.pingcap.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pingcap.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.pingcap.com\/#organization\",\"name\":\"PingCAP\",\"url\":\"https:\/\/www.pingcap.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.pingcap.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/static.pingcap.com\/files\/2021\/11\/pingcap-logo.png\",\"contentUrl\":\"https:\/\/static.pingcap.com\/files\/2021\/11\/pingcap-logo.png\",\"width\":811,\"height\":232,\"caption\":\"PingCAP\"},\"image\":{\"@id\":\"https:\/\/www.pingcap.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/pingcap2015\",\"https:\/\/x.com\/PingCAP\",\"https:\/\/linkedin.com\/company\/pingcap\",\"https:\/\/youtube.com\/channel\/UCuq4puT32DzHKT5rU1IZpIA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pingcap.com\/#\/schema\/person\/b17c1fde961eebd318de8729d595df74\",\"name\":\"TiDB Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.pingcap.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/static.pingcap.com\/files\/2022\/10\/17234942\/avatar.jpg\",\"contentUrl\":\"https:\/\/static.pingcap.com\/files\/2022\/10\/17234942\/avatar.jpg\",\"caption\":\"TiDB Team\"},\"url\":\"https:\/\/www.pingcap.com\/ko\/blog\/author\/pingcap\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building Applications Faster with TiDB and ILLA Builder | TiDB","description":"PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pingcap.com\/ko\/blog\/building-applications-faster-with-tidb-and-illa-builder\/","og_locale":"ko_KR","og_type":"article","og_title":"Building Applications Faster with TiDB and ILLA Builder | TiDB","og_description":"PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.","og_url":"https:\/\/www.pingcap.com\/ko\/blog\/building-applications-faster-with-tidb-and-illa-builder\/","og_site_name":"TiDB","article_publisher":"https:\/\/facebook.com\/pingcap2015","article_published_time":"2022-11-09T10:43:17+00:00","article_modified_time":"2024-12-20T12:04:46+00:00","og_image":[{"width":2560,"height":1340,"url":"https:\/\/static.pingcap.com\/files\/2022\/11\/09023124\/illa-social-scaled.jpg","type":"image\/jpeg"}],"author":"TiDB Team","twitter_card":"summary_large_image","twitter_image":"https:\/\/static.pingcap.com\/files\/2022\/11\/09023124\/illa-social-scaled.jpg","twitter_creator":"@PingCAP","twitter_site":"@PingCAP","twitter_misc":{"Written by":"TiDB Team","Est. reading time":"4\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#article","isPartOf":{"@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/"},"author":{"name":"TiDB Team","@id":"https:\/\/www.pingcap.com\/#\/schema\/person\/b17c1fde961eebd318de8729d595df74"},"headline":"Building Applications Faster with TiDB and ILLA Builder","datePublished":"2022-11-09T10:43:17+00:00","dateModified":"2024-12-20T12:04:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/"},"wordCount":843,"commentCount":0,"publisher":{"@id":"https:\/\/www.pingcap.com\/#organization"},"image":{"@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg","keywords":["App Developer","Low-code","TiDB Cloud"],"articleSection":["Product"],"inLanguage":"ko-KR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/","url":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/","name":"Building Applications Faster with TiDB and ILLA Builder | TiDB","isPartOf":{"@id":"https:\/\/www.pingcap.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage"},"image":{"@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg","datePublished":"2022-11-09T10:43:17+00:00","dateModified":"2024-12-20T12:04:46+00:00","description":"PingCAP is happy to announce the collaboration with ILLA, a low code open source tool for developers to develop applications rapidly.","breadcrumb":{"@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#primaryimage","url":"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg","contentUrl":"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg","width":2560,"height":853},{"@type":"BreadcrumbList","@id":"https:\/\/www.pingcap.com\/blog\/building-applications-faster-with-tidb-and-illa-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pingcap.com\/"},{"@type":"ListItem","position":2,"name":"Building Applications Faster with TiDB and ILLA Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.pingcap.com\/#website","url":"https:\/\/www.pingcap.com\/","name":"\ud2f0DB","description":"TiDB | SQL at Scale","publisher":{"@id":"https:\/\/www.pingcap.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pingcap.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/www.pingcap.com\/#organization","name":"PingCAP","url":"https:\/\/www.pingcap.com\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.pingcap.com\/#\/schema\/logo\/image\/","url":"https:\/\/static.pingcap.com\/files\/2021\/11\/pingcap-logo.png","contentUrl":"https:\/\/static.pingcap.com\/files\/2021\/11\/pingcap-logo.png","width":811,"height":232,"caption":"PingCAP"},"image":{"@id":"https:\/\/www.pingcap.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/pingcap2015","https:\/\/x.com\/PingCAP","https:\/\/linkedin.com\/company\/pingcap","https:\/\/youtube.com\/channel\/UCuq4puT32DzHKT5rU1IZpIA"]},{"@type":"Person","@id":"https:\/\/www.pingcap.com\/#\/schema\/person\/b17c1fde961eebd318de8729d595df74","name":"TiDB Team","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.pingcap.com\/#\/schema\/person\/image\/","url":"https:\/\/static.pingcap.com\/files\/2022\/10\/17234942\/avatar.jpg","contentUrl":"https:\/\/static.pingcap.com\/files\/2022\/10\/17234942\/avatar.jpg","caption":"TiDB Team"},"url":"https:\/\/www.pingcap.com\/ko\/blog\/author\/pingcap\/"}]}},"grav_blocks":false,"card_markup":"<a class=\"card-resource bg-white\" href=\"https:\/\/www.pingcap.com\/ko\/blog\/building-applications-faster-with-tidb-and-illa-builder\/\"><div class=\"card-resource__image-container\"><img class=\"card-resource__image\" alt=\"illa-banner\" src=\"https:\/\/static.pingcap.com\/files\/2022\/11\/09022917\/illa-banner-scaled.jpg\" loading=\"lazy\" width=2560 height=853 \/><\/div><div class=\"card-resource__content-container\"><div class=\"card-resource__content-head\"><div class=\"card-resource__category\">Product<\/div><\/div><h5 class=\"card-resource__title\">Building Applications Faster with TiDB and ILLA Builder<\/h5><\/div><\/a>","_links":{"self":[{"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/posts\/9906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/comments?post=9906"}],"version-history":[{"count":11,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/posts\/9906\/revisions"}],"predecessor-version":[{"id":24446,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/posts\/9906\/revisions\/24446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/media\/9942"}],"wp:attachment":[{"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/media?parent=9906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/categories?post=9906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pingcap.com\/ko\/wp-json\/wp\/v2\/tags?post=9906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}