Symfony 表單教程 · ZetCode 中文系列教程

{% raw %} # Symfony 表單教程 > 原文： [http://zetcode.com/symfony/form/](http://zetcode.com/symfony/form/) Symfony 表單教程展示了如何在 Symfony 中創建和處理表單。在本教程中，我們不使用 Symfony 表單構建器。 ## Symfony Symfony 是一組可重用的 PHP 組件和一個用于 Web 項目的 PHP 框架。 Symfony 于 2005 年發布為免費軟件。Symfony 的原始作者是 Fabien Potencier。 Symfony 受到 Spring 框架的極大啟發。 ## HTML 表單 HTML 表單用于用戶與網站或應用之間的交互。它們允許用戶將數據發送到網站。 HTML 表單由一個或多個小部件組成。這些小部件可以是文本字段，選擇框，按鈕，復選框或單選按鈕。這些小部件通常與描述其用途的標簽配對。 ## Symfony 表單示例在下面的示例中，我們創建一個 HTML 表單。表單中的數據由 Symfony 控制器處理。 ```php $ composer create-project symfony/skeleton myform ``` 使用`composer`，我們創建一個新的 Symfony 骨架項目。 ```php $ cd myform ``` 我們轉到項目目錄。 ```php $ composer req annotations twig ``` 我們安裝了兩個模塊：`annotations`和`twig`。 ```php $ composer require server maker --dev ``` 我們安裝開發 Web 服務器和制造商。 ```php $ php bin/console make:controller HomeController ``` 我們創建一個`HomeController`。 `src/Controller/HomeController.php` ```php <?php namespace App\Controller; use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; use Symfony\Component\Routing\Annotation\Route; class HomeController extends AbstractController { /** * @Route("/", name="home") */ public function index() { return $this->render('home/index.html.twig'); } } ``` `HomeController`返回包含 HTML 表單的主頁。 `templates/home/index.html.twig` ```php {% extends 'base.html.twig' %} {% block title %}Home page{% endblock %} {% block body %} <section class="ui container"> <form class="ui form" action="message" method="get"> <div class="field"> <label>Name:</label> <input type="text" name="name"> </div> <div class="field"> <label>Message</label> <input type="text" name="message"> </div> <button class="ui button" type="submit">Send</button> </form> </section> {% endblock %} ``` `HomeController`返回包含 HTML 表單的主頁。該表格包含兩個輸入字段。這些字段的內容將通過兩個請求屬性傳遞到請求對象中。 ```php {% extends 'base.html.twig' %} ``` 該模板繼承自`base.html.twig`文件，該文件具有要共享的基本標記。例如，我們包括語義 UI CSS 框架的文件。 `templates/base.html.twig` ```php <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>{% block title %}Welcome!{% endblock %}</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.css" rel="stylesheet"> </head> <body> {% block body %}{% endblock %} </body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.js"></script> </html> ``` `base.html.twig`模板包含其他模板文件共享的代碼。它定義了將在子模板中替換的塊。 ```php $ php bin/console make:controller MessageController ``` 創建了`MessageController`。 `src/Controller/MessageController.php` ```php <?php namespace App\Controller; use Symfony\Component\HttpFoundation\Request; use Symfony\Component\Routing\Annotation\Route; use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; class MessageController extends AbstractController { /** * @Route("/message", name="message", methods="GET") */ public function index(Request $request) { $name = $request->query->get("name"); $message = $request->query->get("message"); return $this->render('message/index.html.twig', ["name" => $name, "message" => $message]); } } ``` `MessageController`處理表格。 ```php /** * @Route("/message", name="message", methods="POST") */ ``` `@Route`注解將`message`路徑映射到`index()`方法。 `methods`參數定義請求類型。 ```php public function index(Request $request) ``` 我們將`Request`對象注入該方法。 ```php $name = $request->query->get("name"); $message = $request->query->get("message"); ``` 從請求對象中，我們獲得兩個請求參數。 ```php return $this->render('message/index.html.twig', ["name" => $name, "message" => $message]); ``` 我們渲染`message/index.html.twig`模板。我們將兩個變量傳遞給模板。 `templates/message/index.html.twig` ```php {% extends 'base.html.twig' %} {% block title %}Show message{% endblock %} {% block body %} {{name}} says: {{message}} {% endblock %} ``` 最后，我們有向用戶顯示消息的模板文件。變量以`{{}}`語法顯示。 ```php $ php bin/console server:run ``` 我們運行該應用并導航到`localhost:8000`。在本教程中，我們在 Symfony 應用中創建并處理了一個簡單的 HTML 表單。您可能也對以下相關教程感興趣： [Symfony 保留表單值教程](/symfony/keepformvalues/)， [Symfony 簡介](/symfony/intro/)， [Symfony 請求教程](/symfony/request/)， [Symfony 驗證教程](/symfony/validation/) ， [Twig 教程](/php/twig/)， [Symfony DBAL 教程](/symfony/dbal/)或 [PHP 教程](/lang/php/)。列出[所有 Symfony 教程](/all/#symfony)。 {% endraw %}