注：标题有点长，原来打算说是表单的在线修改，但很容易理解成表单数据的修改，所以说是在线重新设计表单了。

 

    最近在跟朋友一起讨论工作流系统中自定义表单的问题，这些表单用于流程节点的数据处理，比如在请假流程中设计一个请假单。为了使工作流具有很高的灵活性，往往需要为客户定制表单，有2种方法来处理这个问题：

1. 由程序员为某客户定制开发表单；
2. 由客户在线设计表单。

    显然，方法1实施成本较高，方法2开发成本很高，但使用成本较低。但对于软件公司来说一旦使用方法2开发出来一套工作流系统，那么后期实施和客户使用就很方便了，所以也有不少工作流系统提供了“表单设计器”，来在线设计工作流表单。

    我们换一个角度，来看方法1和方法2的区别，发现他们的区别是：

• 方法1，需要开发、编译和部署程序；
• 方法2，不需要重新编译程序；

    方法2的优势很明显的，但是它必须先开发一个“表单设计器”，这些设计器有的简单，有的复杂，复杂的设计器你仔细看看，会越看越象VS的WinForm、WebForm 设计界面，设计窗口、工具栏、属性窗口一应俱全。所以我说，VS就是最好的“表单设计器”。在系统的前期，用VS来设计表单的基础界面，是很好的。对于特定客户，就是表单样式的调整、表单域的修改（常见的是新增几个自己的字段）等。这个时候，如果这种调整能够脱离VS开发环境，即改即用，那就太好了。

对这个问题，我曾经思考过不少时间，我发现对于大多数简单的表单，都是为了录入、查看、修改数据使用的，没有太多的逻辑性，那么对于这类需求，我们可以将表单控件直接和数据库的表字段进行绑定，从而进行快速开发的。VS的WinForm\WebForm控件是可以这样做的，但它们需要事先绑定类型化的数据集（强类型的DataSet），而且该过程并不好用，由于需要数据集，所以想不编译程序是不可能的。

    我们可以换一个思路，如果表单能够自动收集和填充表单域的数据，那么不就可以自动和数据库绑定了吗？

    该功能正是PDF.NET的智能表单控件提供的，表单控件都继承于IDataControl 接口，它定义了控件与数据库、实体类的映射：

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 接口，那么它们就可以处理数据了，比如加载数据、获取数据，而这些行为，又通过框架的表单数据收集、填充方法来自动实现的：

/// <summary>
/// 收集窗体中的智能控件，组合成能够直接用于数据库插入和更新 查询的 SQL语句
/// 一个窗体中可以同时处理多个表的数据操作
/// 如果控件的数据属性设置为只读，那么该控件的值不会更新到数据库；如果该控件的数据属性设置为主键，那么更新语句将附带该条件
/// </summary>
/// <returns>
/// ArrayList 中的成员为 IBCommand 对象，包含具体的CRUD SQL
///</returns>public static List<IBCommand> GetIBFormData(ControlCollection Controls,CommonDB DB)

以该方法为基础，实现表单数据的更新和填充方法：

/// <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个方法，我们已经可以实现“一行代码更新表单”了！

//保存数据
List<IBCommand> ibCommandList = MyWebForm.Instance.AutoUpdateIBFormData(this.Controls);///////////////////////填充数据
MyWebForm.Instance.AutoSelectIBForm(this.Controls);

但这不是本文的主题，本文是说如何不重新编译程序，在线修改表单。

我们用实例来说明这个过程：

1，首先，到 PDF.NET的开源项目网站下载一个“超市管理系统”的示例程序，下载地址：

http://pwmis.codeplex.com/

2，根据网站说明，在本地配置好运行环境，基本上就是创建一个数据库，执行建表脚本，编译、发布到一个IIS站点下。

3，运行“超市管理系统”网站，以管理员登陆（账号参见网站源码说明），进行雇员管理、设备管理等操作，为系统设置基本的数据。
PS：1，2，3步可以省略，大家可以直接登录超市管理系统实例网站（http://221.123.142.196）。

4，看到设备管理界面，你将会看到下图：

[设计界面]

[运行时]

5，找到你本地IIS中超市网站站点下的文件 GoodsManage\StockInfo.aspx ,然后在表单中增加下面的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" οnclick="btnSave_Click" Text="保存" /><asp:Button ID="btnNew" runat="server" οnclick="btnNew_Click" Text="新建" /><asp:Button ID="btnDelete" runat="server" οnclick="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开发似乎不流行了，但我觉得在企业开发领域还是大有作为，或者，本文至少为你提供了解决此类问题的一个解决方案，希望能够对你有所帮助。

------------------------------------------------------
欢迎加入PDF.NET开源技术团队，做最快最轻的数据框架！

------------------------------------------------------

相关链接：