兩種自定義表單設計方案 原創

2021-04-12 14:29:08 字數 637 閱讀 8458

最近參與乙個專案,客戶要求提供自定義表單的功能。主要的要求是:能夠對表單的字段進行增刪改,對顯示表單的格式可以靈活定製。由於客戶的表單變動可能比較頻繁,所以決定實現自定義表單功能。初步設想出以下兩種自定義表單的解決方案,目前只涉及到表單的顯示方案。

html

概述:採用html模板方式。對於每一種樣式的表單定義html模板;在模板中定義web頁面的html介面**,在需要讀到資料庫資料的地方用特殊字元代替;當使用者訪問頁面時,先從資料庫中取得所有相關資料,然後根據指定的模板路徑讀入html文件內容,通過「模板標記解析器」用取得的資料替換掉模板中的特殊標記,然後將整個html文件顯示出來。

xml + xslt方案

概述:採用xml描述資料,xslt定義xml資料顯示格式。通過xslt來控制資料的顯示;查詢資料庫返回xml格式資料,將xml儲存到臨時檔案,通過xslt來解析xml資料檔案生成html**,最終將html**顯示到前台頁面中。

對於第二種方式,我正好有個簡單的demo:/files/infinity/demo.rar,請直接用瀏覽器開啟「test.xml」文件,即可看到xml + xslt方案的效果。

模板方案

自定義表單設計

表 單 設 計 一 設計目的 可以根據不同業務表單自定義生成表單,並能根據生成後的表單設計顯示風格。表單使用中表單資料會根據不同表單入庫到對應的資料庫,並根據設計時所定義的條件自動生成查詢或報表功能。解決這個問題後處理一般的業務程式就不用程式設計師手工製表和重寫 而是直接讓使用者圖形化設計。這將給使...

問卷調查 自定義表單設計vue

於此記錄開發過程 純vue開發,無jquery,資料驅動頁面。引入檔案 iconfont 圖示檔案,vue.min.js,彈框外掛程式 提示選項不能少於兩項 左側為題型,右側是form表單,所有資料儲存在list中。主要功能 左側新增題型 單選題 多選題 打分題 右上角新增題型 插入當前題型,並且在...

Android 兩種自定義的Menu

雖然兩種方法有很多相似的地方,但是使用的方法不同,廢話不多說,帖方法了 方法一功能簡述 要實現能代替系統選單的自定義選單必須保證以下基本功能的實現 能通過menu鍵隱藏顯示選單 截獲系統menu鍵動態隱藏顯示 當獲得焦點時高亮顯示獲得焦點的選單項 實現按下選單狀態效果 能設定選單背景 能設定選單項背...