代码生成工具之界面快速生成

界面开发,无论对于Web开发,还是Winform开发,都需要耗费一定的时间,特别对于一个数据库字段比较多的界面,一般就需要在编辑界面上摆的更多的控件来做数据显示,每次碰到这个,都有点头痛,反复的机械操作让人挺累,也很烦,但是又必须这样做。

由于数据库字段和界面的排版都有一定的关联关系,因此可以通过代码生成工具Database2Sharp的数据库元数据,包含表名称、备注信息、字段列表,以及每个字段的名称、备注、类型等信息,构造一个基础的界面,把重复机械的部分给快速完成,这就是我所说的界面快速生成。当然,对于精致的界面,机械的生成肯定不能满足我们的需要,因此真正的界面需要在这个基础上修改完善一下,但是由于重复劳动部分,已经给工具处理掉了,因此,界面开发效率会大大提高。

1、基于Web界面的快速生成

基于EnterpriseLibray架构的代码生成,除了可以生成传统的业务层、数据访问层、数据访问接口层、实体层外,还同时生成了Web界面工程,Web界面工程已经添加了相关的引用程序集及必须的控件,生成后即可编译运行,一些表字段设计合理的话,甚至不用修改一行代码就能直接使用,如下所示。

生成后的项目界面截图如下所示。

以下是TB_ItemDetail表生成的界面,没有修改过任何东西,列表页面呈现的效果。

其中编辑及查看页面也生成了,直接单击连接就可以看到效果,如下图所示。

 

这些效果是很基本的界面布局了,如果需要更好看的,可以根据需要调整下每行的数量,以及显示方式。这样的效果,虽然不算最好看,但是已经帮我们把界面元素弄起来了,我们后面的工作就很好开展,不用再重复添加每个字段对应的控件布局信息了。具体的代码是标准的HTML控件代码如下所示。

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" Inherits="Pages_ItemDetail_EditItemDetail"  Codebehind="EditItemDetail.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <h3 id="h_title" align="center" runat="server">编辑备件信息表 </h3>
    <table class="formitem" cellspacing="1" cellpadding="0" align="Center" border="0"
        style="border-width: 0px; width: 98%;">
        <caption>基本信息</caption>  
        <tr style="width: 100%;">
            <th align="left" style="width: 20%;">
                 备件编号 :
            </th>
            <td style="width: 80%;" colspan="3">
                &nbsp;<asp:TextBox ID="txtItemNo" runat="server" Width="250px" MaxLength="100"></asp:TextBox>
            </td>
        </tr>
        <tr style="width: 100%;">
            <th align="left" style="width: 20%;">
                 备件名称 :
            </th>
            <td style="width: 80%;" colspan="3">
                &nbsp;<asp:TextBox ID="txtItemName" runat="server" Width="250px" MaxLength="100"></asp:TextBox>
            </td>
        </tr>
        <tr style="width: 100%;">
            <th align="left" style="width: 20%;">
                 供货商 :
            </th>
            <td style="width: 80%;" colspan="3">
                &nbsp;<asp:TextBox ID="txtManufacture" runat="server" Width="250px" MaxLength="100"></asp:TextBox>
            </td>
        </tr>
...............

当然后台代码的保存及赋值显示,肯定是少不了的了,这些也是根据我的框架代码生成的,应该来说是很有用的。

public partial class Pages_ItemDetail_EditItemDetail : BasePage
{
    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);

        this.IsFunctionControl = true;
        this.FunctionID = "ItemDetail/Edit";
    }
    
    private void BindData()
    {
        try
        {
            string id = Request.QueryString["ID"];
            if(!string.IsNullOrEmpty(id))
            {
                ItemDetailInfo info = BLLFactory<ItemDetail>.Instance.FindByID(id);
                if(info != null)
                {
                     this.txtItemNo.Text = info.ItemNo;
                     this.txtItemName.Text = info.ItemName;
                     this.txtManufacture.Text = info.Manufacture;
                     this.txtMapNo.Text = info.MapNo;
                     this.txtSpecification.Text = info.Specification;
                     this.txtMaterial.Text = info.Material;
                     this.txtItemBigType.Text = info.ItemBigType;
                     this.txtItemType.Text = info.ItemType;
                     this.txtUnit.Text = info.Unit;
                     this.txtPrice.Text = info.Price.ToString();
                     this.txtSource.Text = info.Source;
                     this.txtStoragePos.Text = info.StoragePos;
                     this.txtUsagePos.Text = info.UsagePos;
                     this.txtNote.Text = info.Note;
                     this.txtWareHouse.Text = info.WareHouse;
                     this.txtDept.Text = info.Dept;
                 }
            }
        }
        catch(Exception ex)
        {
            Helper.ShowError(this, ex, false);
            return;
        }
      }

    protected void Page_Load(object sender, EventArgs e)
    { 
        if(!this.IsPostBack)
        {
            BindData();
        }
    }

    /// <summary>
    /// 获取数据
    /// </summary> 
    private ItemDetailInfo SetData(ItemDetailInfo info)
    { 
         info.ItemNo = this.txtItemNo.Text;   
         info.ItemName = this.txtItemName.Text;   
         info.Manufacture = this.txtManufacture.Text;   
         info.MapNo = this.txtMapNo.Text;   
         info.Specification = this.txtSpecification.Text;   
         info.Material = this.txtMaterial.Text;   
         info.ItemBigType = this.txtItemBigType.Text;   
         info.ItemType = this.txtItemType.Text;   
         info.Unit = this.txtUnit.Text;   
         info.Price = Helper.SafeConvertDecimal(this.txtPrice.Text);
         info.Source = this.txtSource.Text;   
         info.StoragePos = this.txtStoragePos.Text;   
         info.UsagePos = this.txtUsagePos.Text;   
         info.Note = this.txtNote.Text;   
         info.WareHouse = this.txtWareHouse.Text;   
         info.Dept = this.txtDept.Text;   
         return info;
    }
     
    protected void imgSubmit_Click(object sender, ImageClickEventArgs e)
    {
        try
        {
            string id = Request.QueryString["ID"];
            if(string.IsNullOrEmpty(id))
            {
                ItemDetailInfo info = new ItemDetailInfo();
                SetData(info);
                
                BLLFactory<ItemDetail>.Instance.Insert(info);
            }
            else
            {
                ItemDetailInfo info = BLLFactory<ItemDetail>.Instance.FindByID(id);
                if(info != null)
                {
                    SetData(info);
                    BLLFactory<ItemDetail>.Instance.Update(info, id);
                }
            }
        }
        catch(Exception ex)
        {
            Helper.ShowError(this, ex, false);
            return;
        }
        
        Response.Redirect("ListItemDetail.aspx");
    }

    protected void imgBack_Click(object sender, ImageClickEventArgs e)
    {
        Response.Redirect("ListItemDetail.aspx");
    }
}

有了这些智能的界面生成,界面开发其实是一件不再枯燥的事情,节省更多的时间,做更有意义的事情。

2、基于DevExpress的Winform界面快速生成

除了Web的界面开发,Winform的界面开发,当然也很重要,枯燥的事情一样可以交给代码生成工具Database2Sharp进行生成,不需要让人工反复的做这些无用功,或者是技术含量不太高的东西。

上面Web界面工程,我是采用SQLServer的数据库进行生成代码的,这个例子,我们介绍一下Oracle数据库的生成方式,其实这个代码生成工具,对应用什么数据库不重要,都会很好的给你生成相关的界面信息,不管你是用SQLServer还是Oracle,或者是Sqlite、Access、MySql等等,都一样可以很好的生成所需的开发代码的。

工具生成了界面布局代码,以及界面后台逻辑代码,这样的代码正是我们开发所需要的,我们看到生成后的界面代码(没有修改代码的),在VS里面的真实效果如下。

上面的布局采用了LayoutControl来进行布局控制,这是一种很好的布局控制方法,它除了使得界面更加美观外,还能非常自由调整每个控件的位置及大小。

当然,我们一般为了美观需要,会对界面进行一定的调整,由于DevExpress控件类型变化切换很方便,所以这种调整很自由高效,调整后的界面如下所示。

比起十几秒钟弄好一个界面,纯手工做这样的界面,没有十几分钟,估计弄不好的,而且容易出错,最重要的问题,就是团队开发的时候,这个统一性就很有保证,开发效率高,带来Bug也会很少。

3、基于传统的Winform界面快速生成

 传统的Winform界面和DotNetBar样式的界面生成,和上面的DevExpress样式代码很类似,不过控件不同而已,由于不同的需要,用传统界面元素开发,也是一种常见的开发模式,因此我的代码生成工具也支持这种常规的界面生成,来辅助大家做好界面的工作。

除了设置以上界面样式外,其他生成操作一样。得到的界面效果如下所示。

和DevExpress控件界面代码类似,这里也使用了TableLayout的布局控件,用来较好控制布局的高度宽度,以及每行位置等,这样整体效果就很好,也容易进行界面元素的控制。

 

 

 

posted on 2012-09-05 13:18  伍华聪  阅读(22562)  评论(56编辑  收藏  举报

导航