# 使用Gutenberg数据创建你的首个应用

本教程旨在帮助你熟悉Gutenberg数据层。它将指导你构建一个简单的React应用程序，让用户能够管理他们的WordPress页面。完成后的应用效果如下：

[![在WordPress Playground中打开演示](https://raw.githubusercontent.com/WordPress/gutenberg/HEAD/docs/how-to-guides/data-basics/media/list-of-pages/part1-finished.jpg)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/data-basics-59c8f8/_playground/blueprint.json "在WordPress Playground中打开演示")

你可以在block-development-examples代码库中查看[完整应用](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/data-basics-59c8f8)。

### 目录

1. [环境设置](/docs/how-to-guides/data-basics/1-data-basics-setup.md)
2. [构建基础页面列表](/docs/how-to-guides/data-basics/2-building-a-list-of-pages.md)
3. [构建编辑表单](/docs/how-to-guides/data-basics/3-building-an-edit-form.md)
4. [构建创建页面表单](/docs/how-to-guides/data-basics/4-building-a-create-page-form.md)
5. [添加删除按钮](/docs/how-to-guides/data-basics/5-adding-a-delete-button.md)