{"id":3085,"date":"2024-06-13T16:42:13","date_gmt":"2024-06-13T08:42:13","guid":{"rendered":"https:\/\/five.co\/?p=3085"},"modified":"2024-06-13T16:42:14","modified_gmt":"2024-06-13T08:42:14","slug":"northwind-database-crud-app","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/code-along\/northwind-database-crud-app\/","title":{"rendered":"Develop a CRUD App on the Northwind Database"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this code-along tutorial, we develop a CRUD web application using the popular Northwind database as a sample data set. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our objective is to build an application that lets us manage the Northwind data in a modern web interface that provides CRUD features for our end-users. Through forms and data grid, we let users interact with the Northwind data.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><span style=\"color: #f1ebda; background-color: #4588d8; font-size: calc(12px + 0.390625vw);\"><strong>Don&#8217;t Feel Like Reading? Watch the Video Instead and Learn How to Use Five to Build a Database Application.<\/strong><\/span><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Building a Northwind Database Web Application\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/M1dMCK2xrYQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How to Build a Web App on the Popular Northwind Database<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">The Northwind Database: Exploring a Classic Sample Database<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aspiring database enthusiasts and developers often find it helpful to work with sample databases to gain practical experience. One such popular and widely-used sample database is the Northwind Database, which contains fictional data about a specialty foods company.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Northwind Traders database represents a small trading company and contains data related to customers, products, orders, suppliers, and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The database schema is designed to showcase various aspects of a typical business scenario. It is an excellent resource for learning and practicing SQL queries.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a screenshot of the Northwind sample database Entity-Relationship Diagram taken from inside Five&#8217;s visual database modeler. This is our starting point for this application development tutorial.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"1280\" height=\"720\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2023\/06\/Five.Co-The-Northwind-Sample-Database.png\" alt=\"Five.Co - The Northwind Sample Database\" class=\"wp-image-978\"\/><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Prerequisites<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This article is for SQL enthusiasts, database administrators, and data analysts who want to learn how to build a simple CRUD application on a MySQL database.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At a minimum, readers should have a basic understanding of relational, SQL databases.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the popular Northwind database, we use Five, a rapid application development environment, to build and deploy a custom web application that deals with customers, orders, employees, and shippers. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In just a few clicks we develop and launch a production-ready CRUD application.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To follow along, take these steps first:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for Five&#8217;s free trial<\/a> to build and deploy applications from right inside your browser.<\/li>\n\n\n\n<li><a href=\"https:\/\/preview-php85.dzine.org\/five\/download\/templates\/northwind\/Northwind-Database-Only.fdf\">Download the Northwind application<\/a>. The file format of this file is .fdf, which stands for Five Definition File. It contains the Northwind database and data (for MySQL).*<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Introducing Five: An Online Database Application Builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this code-along tutorial, our tool of choice is the Five development environment. Five is a powerful for building and deploying online database applications.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Five has a wealth of application development features, which we will explore today, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A drag-and-drop database builder,<\/li>\n\n\n\n<li>Support for Structured Query Language (SQL),<\/li>\n\n\n\n<li>A visual query builder,<\/li>\n\n\n\n<li>One-click cloud deployment, and<\/li>\n\n\n\n<li>A pre-built, modern, and responsive user interface.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Five uses the free and open-source MySQL database to build applications. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Building the Northwind Database Application<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Import the Northwind Database to Five<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><em>If you don&#8217;t feel like reading, watch the video above to follow along!<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this step, you will be importing the Northwind application into Five (<a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\/\">get free access to Five by signing up<\/a>). This import contains the Northwind database, as well as all its data. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>After signing up, login to Five.<\/li>\n\n\n\n<li>Click on <strong>Applications<\/strong>.<\/li>\n\n\n\n<li>Click on the<strong> Import <\/strong>icon.<\/li>\n\n\n\n<li>Select the Northwind application and click on <strong>Open.<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a video on how to import apps into Five.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Import an Application | Low-Code For Real Developers | Five.Co\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/tq7ULfWFfu0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once successfully imported, you will see a message that says &#8220;Import of FDF completed successfully.&#8221; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now let&#8217;s start building our application!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Inspect the Northwind Database in Five<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">1. Click on <strong>Northwind, <\/strong>and then on the blue <strong>Manage <\/strong>button in the top right corner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"576\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Manage-Your-Application-1024x576.png\" alt=\"Five.Co - Click on Manage to Start Building the Northwinds Application\" class=\"wp-image-3018\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Manage-Your-Application-1024x576.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Manage-Your-Application-300x169.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Manage-Your-Application-768x432.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Manage-Your-Application.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Next, click on<strong> Data<\/strong>, and then on<strong> Database Modeler.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can now visually inspect the Northwind database, its tables, fields, and relationships. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Five&#8217;s visual database modeler lets you create new tables, add fields, create relationships, or explore Primary and Foreign Keys. Note that Five builds on MySQL and that you&#8217;re looking at a MySQL version of the Northwind database. You could even export the Northwind MySQL file from inside Five as a .SQL file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As the Northwind database is already created, there&#8217;s nothing else we need to do with it. Let&#8217;s build our first form and launch the application.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Building a Customer Form<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on <strong>Visual <\/strong>and then on the <strong>Form Wizard.<\/strong><\/li>\n\n\n\n<li>Select <strong>Customers <\/strong>in the <strong>Main Table<\/strong> drop-down field.<\/li>\n\n\n\n<li>Click on the small <strong>&gt; Arrow<\/strong> right below the tick mark.<\/li>\n\n\n\n<li>You will now see a list of all the fields that will go into your form. Let&#8217;s make a few changes here: first, make CustomerID a required field by ticking the <strong>Req<\/strong> box. Let&#8217;s also include CustomerName in the list by ticking the <strong>List <\/strong>box next to it.<\/li>\n\n\n\n<li>Last, click on the <strong>Tick <\/strong>button to save.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">You have just created your first form with Five. Let&#8217;s check out what the application looks like.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Run the Application<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To run applications and preview what you&#8217;ve developed, click on the <strong>Play <\/strong>icon, located on the top right of Five.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you cannot see the Play button yet, <a href=\"https:\/\/www.five.org\/t\/how-do-i-import-templates\/406\/2\" rel=\"nofollow noopener\" target=\"_blank\">follow these steps to initialize your first deployment<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"576\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/Five.Co-Run-Your-Application-1024x576.png\" alt=\"Five.Co - Run apps by clicking on the Play icon in the top right corner\" class=\"wp-image-2512\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/Five.Co-Run-Your-Application-1024x576.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/Five.Co-Run-Your-Application-300x169.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/Five.Co-Run-Your-Application-768x432.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/Five.Co-Run-Your-Application.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Once you click the run button, the application will open up in a new tab inside your browser. At any time during the development process, you can use the &#8220;<strong>Deploy<\/strong>&#8221; button to preview your application.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As you can see, Five has auto-generated a responsive user interface for your application. The UI is responsive and the application can be accessed from any device: tablet, mobile, or desktop. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note how the application has a dark theme. This theme and all its colors can be changed in Five&#8217;s theme editor. We won&#8217;t go into this as part of this tutorial, but if you would like to create a custom theme, go to Setup > Themes back in your development environment. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Take your time to explore the application interface to understand what we&#8217;ve built so far. Click &#8220;Customers&#8221; in the menu on the left and explore the existing list of customers. Click on any of the customers to view their details. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Adding the Employees and Shippers Tables to the User Interface<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s go back into our development environment, and repeat the steps we just took for the Customer table for both Employees and Shippers.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on <strong>Visual <\/strong>and then on <strong>Form Wizard.<\/strong><\/li>\n\n\n\n<li>Select <strong>Employees <\/strong>in the <strong>Main Table<\/strong> drop-down field.<\/li>\n\n\n\n<li>Click on the small <strong>&gt; Arrow<\/strong> right below the tick mark.<\/li>\n\n\n\n<li>You will now see a list of all your form fields. Let&#8217;s include LastName in the list by ticking the <strong>List <\/strong>box. Untick the <strong>List <\/strong>box for EmployeeID.<\/li>\n\n\n\n<li>Click on the <strong>Tick <\/strong>icon to save.<\/li>\n\n\n\n<li>Do the same for Shippers by selecting it as the <strong>Main Table<\/strong> in the <strong>Form Wizard.<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">If you would like to you can run the application again to see what the application now looks like. It will include two more tables from our Northwind database in its front end: employees and shippers.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Adding the Orders Table to our User Interface<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s continue developing the application by adding the Orders form from the Northwind database to our application. We would like to see all orders that a customer has placed.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on <strong>Visual <\/strong>and then on <strong>Form Wizard.<\/strong><\/li>\n\n\n\n<li>Select <strong>Orders <\/strong>in the <strong>Main Table<\/strong> drop-down field.<\/li>\n\n\n\n<li>Deselect <strong>Add Menu Item<\/strong>.<\/li>\n\n\n\n<li>Click on the <strong>Tick <\/strong>icon to save.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">We have now added Orders as a form to our front end. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But we want to make sure that orders are shown together with the customer that has placed the order. So let&#8217;s make some adjustments to our <strong>Customer <\/strong>form.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Visual > Forms.<\/strong><\/li>\n\n\n\n<li>Now click on <strong>Customers <\/strong>on the left, and then click on <strong>Pages.<\/strong><\/li>\n\n\n\n<li>Click on the <strong>Plus <\/strong>icon on the far right side.<\/li>\n\n\n\n<li>Select <strong>Grid <\/strong>as <strong>Page Type <\/strong>and select <strong>Orders (Form) <\/strong>as <strong>Action.<\/strong><\/li>\n\n\n\n<li>Last, write &#8220;Orders&#8221; in <strong>Caption.<\/strong><\/li>\n\n\n\n<li>Click on the <strong>Tick <\/strong>buttons twice to save.<\/li>\n\n\n\n<li>Run the application.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: Understanding the Application<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s take a moment to understand what we&#8217;ve developed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We have created <strong>four forms<\/strong> for our end users: one form each for customers, employees, shippers, and orders. And we decided to make our order form a grid. Let&#8217;s find this grid inside our application.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on any customer and then click on Orders. We can now see all orders that are associated with a customer. Even better: we can make adjustments to the data as required straight inside our grid page type.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what your application will look like. Note that this is the same way your application would be presented to end-users inside their web browser.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img width=\"1280\" height=\"720\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2023\/06\/Five.Co-The-Northwind-Application.png\" alt=\"Five.Co - The Northwind Sample Database Application\" class=\"wp-image-979\" style=\"width:840px;height:auto\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Extending the Database<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once you feel comfortable working with the existing Northwind database, you can take it a step further by extending its functionality. You can add new tables, modify existing ones, or introduce additional relationships to simulate different business scenarios, all from inside Five.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also add charts, dashboards or PDF reports to your application. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Next Steps: Build Your First Web App in Five<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Follow our more comprehensive <a href=\"https:\/\/preview-php85.dzine.org\/five\/code-along\/code-along-full-stack-web-app\/\" data-type=\"post\" data-id=\"2378\">code-along tutorial to build your first web application in Five<\/a> here: learn how to go from database to responsive web app in less than 30 minutes.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">*Thank you to the kind programmer who made the <a href=\"https:\/\/en.wikiversity.org\/wiki\/Database_Examples\/Northwind\/MySQL\" target=\"_blank\" rel=\"noopener nofollow\">Northwind database for MySQL available on Wikiversity here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this code-along tutorial, we develop a CRUD web application using the popular Northwind database as a sample data set. Our objective is to build an application that lets us manage the Northwind data in a modern web interface that provides CRUD features for our end-users. Through forms and data grid, we let users interact [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3087,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[41],"tags":[],"class_list":["post-3085","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-along"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database.jpg",1280,720,false],"thumbnail":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database-150x150.jpg",150,150,true],"medium":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database-300x169.jpg",300,169,true],"medium_large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database-768x432.jpg",768,432,true],"large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database.jpg",1280,720,false],"2048x2048":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Develop-a-CRUD-App-on-the-Northwind-Database.jpg",1280,720,false]},"uagb_author_info":{"display_name":"Dominik Keller","author_link":"https:\/\/preview-php85.dzine.org\/five\/author\/f1v5_ed3_my\/"},"uagb_comment_info":0,"uagb_excerpt":"In this code-along tutorial, we develop a CRUD web application using the popular Northwind database as a sample data set. Our objective is to build an application that lets us manage the Northwind data in a modern web interface that provides CRUD features for our end-users. Through forms and data grid, we let users interact&hellip;","_links":{"self":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/comments?post=3085"}],"version-history":[{"count":0,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3085\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media\/3087"}],"wp:attachment":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media?parent=3085"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/categories?post=3085"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/tags?post=3085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}