无需重新编译代码,在线修改表单

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

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

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

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

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

    方法2的优势很明显的,但是它必须先开发一个“表单设计器”,这些设计器有的简单,有的复杂,复杂的设计器你仔细看看,会越看越象VS的WinFormWebForm 设计界面,设计窗口、工具栏、属性窗口一应俱全。所以我说,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,看到设备管理界面,你将会看到下图:

[设计界面]

无需重新编译代码,在线修改表单_第1张图片

[运行时]

无需重新编译代码,在线修改表单_第2张图片


5,找到你本地IIS中超市网站站点下的文件 GoodsManage\StockInfo.aspx ,然后在表单中增加下面的HTML代码,添加一个“经手人”数据控件,另外网格控件和分页控件也都加上经手人信息:

[图]

无需重新编译代码,在线修改表单_第3张图片

[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 >&nbsp;</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,重新刷新网页,表单界面是不是多了一个“经手人”信息?
效果如下图:

无需重新编译代码,在线修改表单_第4张图片

然后再在该表单中进行数据的增加、修改操作,是不是成功了?

8,结束了。
呵呵,通过该方法,是不是实现了你的“无需重新编译在线修改表单”的功能?如果开发一个工具,让用户以图形化的方式来修改表单信息,那就是真正的在线表单修改工具了。

PS:PDF.NET的数据表单功能是框架最早具有的功能,但现在流行MVC开发,WebForm开发似乎不流行了,但我觉得在企业开发领域还是大有作为,或者,本文至少为你提供了解决此类问题的一个解决方案,希望能够对你有所帮助。

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

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

相关链接:

 

你可能感兴趣的:(代码)