最近在跟朋友一起討論工作流系統中自定義表單的問題,這些表單用於流程節點的數據處理,比如在請假流程中設計一個請假單。為了使工作流具有很高的靈活性,往往需要為客戶定制表單,有2種方法來處理這個問題: 由程序員為某客戶定制開發表單; 由客戶在線設計表單。 顯然,方法1實施成本較高,方法2開發成本很高,但使用成本較低。但對於軟件公司來說一旦使用方法2開發出來一套工作流系統,那麼後期實施和客戶使用就很方便了,所以也有不少工作流系統提供了“表單設計器”,來在線設計工作流表單。 我們換一個角度,來看方法1和方法2的區別,發現他們的區別是: 方法1,需要開發、編譯和部署程序; 方法2,不需要重新編譯程序; 方法2的優勢很明顯的,但是它必須先開發一個“表單設計器”,這些設計器有的簡單,有的復雜,復雜的設計器你仔細看看,會越看越象VS的WinForm、WebForm 設計界面,設計窗口、工具欄、屬性窗口一應俱全。所以我說,VS就是最好的“表單設計器”。在系統的前期,用VS來設計表單的基礎界面,是很好的。對於特定客戶,就是表單樣式的調整、表單域的修改(常見的是新增幾個自己的字段)等。這個時候,如果這種調整能夠脫離VS開發環境,即改即用,那就太好了。 對這個問題,我曾經思考過不少時間,我發現對於大多數簡單的表單,都是為了錄入、查看、修改數據使用的,沒有太多的邏輯性,那麼對於這類需求,我們可以將表單控件直接和數據庫的表字段進行綁定,從而進行快速開發的。VS的WinForm\WebForm控件是可以這樣做的,但它們需要事先綁定類型化的數據集(強類型的DataSet),而且該過程並不好用,由於需要數據集,所以想不編譯程序是不可能的。 我們可以換一個思路,如果表單能夠自動收集和填充表單域的數據,那麼不就可以自動和數據庫綁定了嗎? 該功能正是PDF.NET的智能表單控件提供的,表單控件都繼承於IDataControl 接口,它定義了控件與數據庫、實體類的映射: [csharp] IDataControl /// <summary> /// 數據映射控件接口 /// </summary> public interface IDataControl { /// <summary> /// 與數據庫數據項相關聯的數據 /// </summary> string LinkProperty { get; set; } /// <summary> /// 與數據關聯的表名 /// </summary> string LinkObject { get; set; } /// <summary> /// 是否通過服務器驗證默認為true /// </summary> bool IsValid { get; } /// <summary> /// 數據類型 /// </summary> TypeCode SysTypeCode { get; set; } /// <summary> /// 只讀標記 /// </summary> bool ReadOnly { get; set; } /// <summary> /// 是否允許空值 /// </summary> bool isNull { get; // set; } /// <summary> /// 是否是主鍵 /// </summary> bool PrimaryKey { get; set; } /// <summary> /// 設置值 /// </summary> /// <param name="obj"></param> void SetValue(object value); /// <summary> /// 獲取值 /// </summary> /// <returns></returns> object GetValue(); /// <summary> /// 服務端驗證 /// </summary> /// <returns></returns> bool Validate(); } 在該接口中,有2個重要的屬性: LinkObject:與數據庫相關的數據表或者實體類類型名稱 LinkProperty:與數據庫數據表相關聯的字段或者實體類的屬性 我們將常用的表單控件: CheckBox、 DropDownList、 Label、 ListBox、 RadioButton、 TextBox 都繼承下IDataControl 接口,那麼它們就可以處理數據了,比如加載數據、獲取數據,而這些行為,又通過框架的表單數據收集、填充方法來自動實現的: [csharp] /// <summary> /// 收集窗體中的智能控件,組合成能夠直接用於數據庫插入和更新 查詢的 SQL語句 /// 一個窗體中可以同時處理多個表的數據操作 /// 如果控件的數據屬性設置為只讀,那麼該控件的值不會更新到數據庫;如果該控件的數據屬性設置為主鍵,那麼更新語句將附帶該條件 /// </summary> /// <returns> /// ArrayList 中的成員為 IBCommand 對象,包含具體的CRUD SQL ///</returns> public static List<IBCommand> GetIBFormData(ControlCollection Controls,CommonDB DB) 以該方法為基礎,實現表單數據的更新和填充方法: [csharp] /// <summary> /// 自動更新窗體數據 /// </summary> /// <param name="Controls">控件集合</param> /// <returns></returns> public List<IBCommand> AutoUpdateIBFormData(ControlCollection Controls); /// <summary> /// 自動填充智能窗體控件的數據 /// </summary> /// <param name="Controls">要填充的窗體控件集和</param> public void AutoSelectIBForm(ControlCollection Controls); OK,有了這2個方法,我們已經可以實現“一行代碼更新表單”了! [csharp] //保存數據 List<IBCommand> ibCommandList = MyWebForm.Instance.AutoUpdateIBFormData(this.Controls); ///////////////////// //填充數據 MyWebForm.Instance.AutoSelectIBForm(this.Controls); 但這不是本文的主題,本文是說如何不重新編譯程序,在線修改表單。 我們用實例來說明這個過程: 1,首先,到 PDF.NET的開源項目網站下載一個“超市管理系統”的示例程序, 2,根據網站說明,在本地配置好運行環境,基本上就是創建一個數據庫,執行建表腳本,編譯、發布到一個IIS站點下。 3,運行“超市管理系統”網站,以管理員登陸(賬號參見網站源碼說明),進行雇員管理、設備管理等操作,為系統設置基本的數據。 PS:1,2,3步可以省略,大家可以直接登錄超市管理系統實例網站(http://221.123.142.196)。 4,看到設備管理界面,你將會看到下圖: [設計界面] [運行時] 5,找到你本地IIS中超市網站站點下的文件 GoodsManage\StockInfo.aspx ,然後在表單中增加下面的HTML代碼,添加一個“經手人”數據控件,另外網格控件和分頁控件也都加上經手人信息: [圖] [HTML代碼] [html] ASPX <%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="StockInfo.aspx.cs" Inherits="SuperMarketWeb.GoodsManage.StockInfo" %> <%@ Register assembly="PWMIS.Web" namespace="PWMIS.Web.Controls" tagprefix="cc1" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> <style type="text/css"> .style4 { height: 26px; } </style> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <table style="background-color:#DEBA84;border-color:#DEBA84;border-width:1px;border-style:None;" id="tbGoosBaseInfo" runat="server"> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td >[存貨記錄號]*</td><td > <cc1:DataLabel ID="dlCHJLH" runat="server" DataFormatString="" isNull="True" LinkObject="存貨信息表" LinkProperty="存貨記錄號" PrimaryKey="True" ReadOnly="True" SysTypeCode="Int32"></cc1:DataLabel></td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td >[商品名稱]</td><td > <cc1:DataDropDownList ID="ddlGoodsNames" runat="server" LinkObject="" LinkProperty="" SysTypeCode="String" AutoPostBack="True" onselectedindexchanged="ddlGoodsNames_SelectedIndexChanged" > </cc1:DataDropDownList> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td class="style4" >[廠商]</td><td class="style4" > <cc1:DataDropDownList ID="ddlManufacturer" runat="server" LinkObject="" LinkProperty="" SysTypeCode="String"> <asp:ListItem Selected="True">請選擇</asp:ListItem> </cc1:DataDropDownList> <cc1:DataTextBox ID="dtbSN" runat="server" LinkObject="存貨信息表" LinkProperty="條碼號" SysTypeCode="String" Width="78px" Type="Currency" Visible="False"></cc1:DataTextBox> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td >[售價]</td><td > <cc1:DataTextBox ID="DataTextBox3" runat="server" LinkObject="存貨信息表" LinkProperty="售價" SysTypeCode="Decimal" Width="128px" Type="Currency" OftenType="浮點數"></cc1:DataTextBox> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td>[成本價]</td><td > <cc1:DataTextBox ID="DataTextBox4" runat="server" LinkObject="存貨信息表" LinkProperty="成本價" SysTypeCode="Decimal" width="128px" OftenType="浮點數"></cc1:DataTextBox> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td>[生產日期]</td><td > <cc1:DataCalendar ID="DataCalendar3" runat="server" LinkObject="存貨信息表" LinkProperty="生產日期" ScriptPath="../Calendar/" ReadOnly="False" /> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td>[上貨時間]</td><td > <cc1:DataCalendar ID="DataCalendar2" runat="server" LinkObject="存貨信息表" LinkProperty="上貨時間" ScriptPath="../Calendar/" ReadOnly="False" /> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td>[庫存數量]</td><td > <cc1:DataTextBox ID="DataTextBox6" runat="server" LinkObject="存貨信息表" LinkProperty="庫存數量" SysTypeCode="Int32" Type="Integer" OftenType="整數"></cc1:DataTextBox> </td></tr> <tr style="color:#8C4510;background-color:#FFF7E7;"> <td > </td><td > <asp:Button ID="btnSave" runat="server" onclick="btnSave_Click" Text="保存" /> <asp:Button ID="btnNew" runat="server" onclick="btnNew_Click" Text="新建" /> <asp:Button ID="btnDelete" runat="server" onclick="btnDelete_Click" Text="刪除" /> </td></tr> </table> <p> <asp:Label ID="lblMsg" runat="server" Text="操作"></asp:Label> </p> <asp:GridView ID="GridView1" runat="server" BackColor="#DEBA84" BorderColor="#DEBA84" BorderStyle="None" BorderWidth="1px" CellPadding="3" CellSpacing="2" onselectedindexchanged="GridView1_SelectedIndexChanged"> <RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" /> <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" /> <PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" /> <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" /> <Columns> <asp:ButtonField CommandName="Select" HeaderText="選擇" ShowHeader="True" Text="編輯" /> </Columns> </asp:GridView> <cc1:ProPageToolBar ID="ProPageToolBar1" runat="server" BackColor="#FFF7E7" BorderColor="#DEBA84" BorderWidth="1px" ForeColor="#8C4510" PageSize="5" AutoBindData="True" AutoConfig="True" AutoIDB="True" BindToControl="GridView1" SQL="SELECT [存貨記錄號],[條碼號],[售價],[成本價],[生產日期],[上貨時間],[庫存數量] FROM [存貨信息表] order by [存貨記錄號] desc" /> </asp:Content> 保存該頁面的修改。 6,在你的數據庫的“存貨信息表”中增加一個“經手人”字段,字符串類型,長度50。 7,重新刷新網頁,表單界面是不是多了一個“經手人”信息? 效果如下圖: 然後再在該表單中進行數據的增加、修改操作,是不是成功了? 8,結束了。 呵呵,通過該方法,是不是實現了你的“無需重新編譯在線修改表單”的功能?如果開發一個工具,讓用戶以圖形化的方式來修改表單信息,那就是真正的在線表單修改工具了。 PS:PDF.NET的數據表單功能是框架最早具有的功能,但現在流行MVC開發,WebForm開發似乎不流行了,但我覺得在企業開發領域還是大有作為,或者,本文至少為你提供了解決此類問題的一個解決方案,希望能夠對你有所幫助。