Ir al contenido

Una página por URL ​

Traducción automática

Esta página se tradujo automáticamente del inglés y todavía no la revisó un hablante nativo; las correcciones son bienvenidas en GitHub. Si algo no coincide, vale el original en inglés.

Tarea: un solo archivo que responde a una URL por cada elemento.

yaml
# Recipe: one file answers /product/1, /product/2 and so on.
paths:
  components: ./components

Un segmento [name] en el nombre de un archivo o carpeta coincide con cualquier valor, y la página lo recibe como la variable name. Llega como texto; type="integer" en un q:set lo convierte en número.

xml
<q:component name="Product">
  <!-- components/product/[id].q answers /product/7 with id = "7". -->
  <q:set name="products" type="array"
         value='[{"name": "Kettle", "price": 35}, {"name": "Teapot", "price": 22}]' />
  <q:set name="n" type="integer" value="{id}" />

  <html>
  <body>
    <q:if condition="n >= 1 and n &lt;= len(products)">
      <h1>{products[n - 1].name}</h1>
      <p>Product {id}: ${products[n - 1].price}</p>
    </q:if>
    <q:else>
      <h1>No product {id}</h1>
    </q:else>
  </body>
  </html>
</q:component>
xml
<q:test name="the URL segment becomes a variable" page="/product/2">
  <test:visit />
  <test:expect text="Teapot" />
  <test:expect text="Product 2: $22" />
  <test:expect var="id" value="2" />
</q:test>

<q:test name="one file answers every id" page="/product/1">
  <test:visit />
  <test:expect text="Kettle" />
</q:test>

<q:test name="an id with no product says so" page="/product/9">
  <test:visit />
  <test:expect text="No product 9" />
</q:test>
text
tests/product.test.q
  PASS  the URL segment becomes a variable
  PASS  one file answers every id
  PASS  an id with no product says so
3 passed, 0 failed

Con una base de datos, la página lee la fila con ese id: ver Editar una fila. La regla: ROUTE-1.

Licencia MIT · Hecho con VitePress