界面开发,无论对于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:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server">
    <h3id="h_title"align="center"runat="server">编辑备件信息表 </h3>
    <tableclass="formitem"cellspacing="1"cellpadding="0"align="Center"border="0"style="border-width: 0px; width: 98%;">
        <caption>基本信息</caption>  
        <trstyle="width: 100%;">
            <thalign="left"style="width: 20%;">备件编号 :</th>
            <tdstyle="width: 80%;"colspan="3">
                &nbsp;<asp:TextBoxID="txtItemNo"runat="server"Width="250px"MaxLength="100"></asp:TextBox>
            </td>
        </tr>
        <trstyle="width: 100%;">
            <thalign="left"style="width: 20%;">备件名称 :</th>
            <tdstyle="width: 80%;"colspan="3">
                &nbsp;<asp:TextBoxID="txtItemName"runat="server"Width="250px"MaxLength="100"></asp:TextBox>
            </td>
        </tr>
        <trstyle="width: 100%;">
            <thalign="left"style="width: 20%;">供货商 :</th>
            <tdstyle="width: 80%;"colspan="3">
                &nbsp;<asp:TextBoxID="txtManufacture"runat="server"Width="250px"MaxLength="100"></asp:TextBox>
            </td>
        </tr>
...............

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

public partial classPages_ItemDetail_EditItemDetail : BasePage
{
protected override voidOnInit(EventArgs e)
{
base.OnInit(e);this.IsFunctionControl = true;this.FunctionID = "ItemDetail/Edit";
}
private voidBindData()
{
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(objectsender, EventArgs e)
{
if(!this.IsPostBack)
{
BindData();
}
}
/// <summary> ///获取数据/// </summary> privateItemDetailInfo 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;returninfo;
}
protected void imgSubmit_Click(objectsender, ImageClickEventArgs e)
{
try{string id = Request.QueryString["ID"];if(string.IsNullOrEmpty(id))
{
ItemDetailInfo info
= newItemDetailInfo();
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(objectsender, 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的布局控件,用来较好控制布局的高度宽度,以及每行位置等,这样整体效果就很好,也容易进行界面元素的控制。

标签: none

添加新评论