拖拽表單生成

1. 建立乙個資料夾並進入

mkdir ***

cd ***

2.在***資料夾中初始化umi環境（umi是整合react的開發環境)

3.安裝依賴，執行pnpm i

4.安裝拖拽生成表單庫formrender

pnpm add form-render

5.用vscode開啟專案，把預設的index.tsx內容替換成如下(以下為formrender官方提供的示例)

import react from 'react';

import from 'antd';
import formrender, from 'form-render';
const schema =,
select1: ,
},};const demo = () =>;
export 
default demo;

7.開啟這個頁面，開始拖拽生成表單，其中，id填寫服務端將接收到的欄位名(建議英文)，標題填寫使用者最終可見的提示名稱

8. 拖拽生成好以後點選匯出schema按鈕，把匯出的內容替換掉示例**中的schema物件，儲存，可見瀏覽器自動重新整理，效果與拖拽生成預覽效果一致。

web表單生成

在專案的實際開發中，經常需要設計各種各樣表單。直接編寫html表單雖然簡單，但修改 維護相對麻煩。因此，可以利用php實現乙個web表單生成器，使其可以根據具體的需求定製不同功能的表單。具體實現需求如下 注 是html的注釋標記，用於解釋和說明。男女 游泳讀書 跑步屬性cols和rows用於定義文字...

自動生成表單

專案開發中，我們要面對很多看似簡單卻很繁瑣的工作，如寫資料訪問層的相關 如果是多層結構則更加煩，幸好有 生成器之類的工具。最近公司的新專案完成了資料訪問和業務控制，接下來要面對很多個頁面的表單設計，頁面布局 拖拉控制項 輸入驗證 form資料繫結和獲取，簡單卻麻煩的事沒完沒了，想想都很害怕。在cnb...

點選按鈕，生成表單

js function addrow var table document.getelementbyid test table if table return var row table.insertrow table.rows.length 1 新增 var cell1 row.insertcel...