文檔中心

開(kāi)始使用

讓我們從創建表單并在頁面(miàn)上顯示表單開(kāi)始，本教程通過(guò)示例說(shuō)明如何創建并在頁面(miàn)上顯示表單。

創建表單

首先，在 XYCMS 管理界面(miàn)中打開(kāi) 表單 -> 表單管理 菜單，點擊 新增表單 按鈕：

2

輸入表單名稱，如聯系我們，點擊确定創建表單，新創建的表單默認將(jiāng)包含姓名、手機、郵箱以及留言字段。

預覽表單

創建完畢後(hòu)，進(jìn)入 表單 -> 表單模闆 菜單：

3

在預覽下拉框中選擇我們新創建的聯系我們表單，系統將(jiāng)彈出表單預覽窗口：

4

在此，我們輸入測試數據，點擊提交完成(chéng)表單填寫。

查看數據

再此進(jìn)入 表單 -> 表單管理 菜單，點擊聯系我們表單，進(jìn)入聯系我們表單管理界面(miàn)：

5

可以看到，在數據列表界面(miàn)中，我們提交的測試數據已經(jīng)顯示在列表中了，說(shuō)明數據已經(jīng)提交成(chéng)功。

顯示表單

最後(hòu)，我們需要將(jiāng)表單顯示在前台頁面(miàn)中，讓訪問者能(néng)夠提交數據。

通常的做法是爲每一個表單單獨創建單頁模闆，用來顯示表單提交界面(miàn)。

進(jìn)入 顯示管理 -> 模闆管理 菜單，進(jìn)入模闆管理界面(miàn)，在最下方點擊 新增單頁模闆 按鈕，進(jìn)入單頁模闆新增界面(miàn)：

6

我們爲單頁模闆設置模闆名稱及生成(chéng)文件名，并添加如下代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聯系我們</title>
</head>
<body>
    <stl:form name="聯系我們" type="submit1"></stl:form>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11

其中 <stl:form> 标簽用于顯示表單提交界面(miàn)，name 屬性指定表單名稱，type 屬性指定表單提交樣式。

保存模闆後(hòu)，訪問單頁模闆頁面(miàn)，如：/form/contact-us.html，我們將(jiāng)看到頁面(miàn)中顯示聯系我們表單了。