• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NET开发,简化与封装

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

微软的ASP.NET的开发,就是面向对象的编程,当然前端也能体验至面向对象的话,使用Web控件也必须的。

任一控件,我们均可以在后端.aspx.cs或.aspx.vb程序中new一个对象出来。

很多场合里,在开发ASP.NET开发中,后端与前端交互,我们使用控件确实能方便与快捷互通。

本篇所涉及的内容以html markup标签与javascript(或jQuery)无关,因为演示的是Web控件应用。Insus.NET经常会针对开发的应用程序,写一些常用或是特定的对象或是控件。在一起开发的团队的能句方便用使用,能得到客户需求的功能与效果。

开发这些对象或是控件,也并非一开始就能写得出来,均是经过一系列编程之后,再次review或是优化的结果。

举个例子来说明,先在SQL Server数据库中,创建一个数据表,如[dbo].[UserInfo]:


对这个表,添加几笔记录:


写一个存储过程,是获取刚才添加的所有记录:

OK,数据库层已经设计好了,我们去ASP.NET网站写程序,需要把这些数据呈现于网页上。
逻辑层就使用《

 
新建一个网页.aspx,用它来呈现数据表的数据,直接拉数据控件GridView:



在.aspx.cs代码中,实现给GridView控件绑定数据:

 

浏览一下:


以上的实现,相信很多学习与开发asp.net的人都会,太简单了,根本不值得一说一提一写。

 
问题来了,最后一列[Sex],性别具体1代码是男还是女,反之亦如此。能否以更友好清晰的表达来表现?下面列几种网友用常的方法:
第一种方法,写一个小函数去替换:

 
写好函数之后,在.aspx的Gridview控件,需要修改,不能使用自动产生列了:


预览结果:


第二种方法,较为复杂一些,不过也较常使用的,在.aspx分三步来修改GridView:

 

下面是实现OnRowDataBound="GridView1_RowDataBound":



此种方法预览结果跟第一种方法是一样的。

第三种方法,是Insus.NET使用的方法。出现这样的问题,多数是多表关联,一张表某些字段是另一个表的外键值。呈现时,均是键值或是代号。但实际是需要显示实际意义的字段。

解决它,可以创建一个表,是key与value对应的表:



然后修改一下[dbo].[usp_UserInfo_GetAll]存储过程:

 

在asp.net程序中,在后端无需修心任代码。


在.aspx页中的GridView中,仅引用另一个字段名:


三种方法,均演示完成了。哪一种方法,你觉得好,就使参考哪一种。

下面有新的要求,客户要求,将显示的0或1的信息,使用一张图片来替代。
这要求不难,用文字“男”或“女”还是用图片去替代0或1的方法,均是一样的。用Image去实现就是了。下面Insus.NET来演示一番:
实现之前,得先准备好两张图片,放于站点某一目录之下。

 

上面有三个步骤标记1至标记3。

 编写一个私有函数:


然后就可以写 OnRowDataBound="GridView1_RowDataBound"事件了:

 

改好了,浏览看看效果:

 
上面图片替换方法,是通用大家所使用的方法。不过Insus.NET的方法,却不是这样来做。Insus.NET需要封装 GetSexImagePath(string num)或是GetSex(string num)函数

另外,由这地方的呈现在一个网站中,也许不止一次(网页)呈现,在管理员后台,会员后台,前端面向所有用户呈现的网页均要此样式呈现。


因此,可以写成一个控件即可,先在App_Code创建一个类别SexImg:


有三个public的property以及override方法RenderContents()。重要的一点,是继承了WebControl类。

接着,我们打开web.config文件,注册一下上面我们创建好的控件:

 

现在的问题是怎样使用这个控件呢?跟Web控件一样,没有什么分别:

 


在GridView控件内,使用刚才写好的控件,直接指写三个property。

在.aspx.cs内,无需写什么代码:

 

浏览的效果,跟上面的一样:

 

最后一个演示,学会了封装与创建自己定义控件。Insus.NET虽然只是依性别来举列,实现开发时,可会遇上很多类别,目录等相关的。

方法掌握了,相似的功能可以轻易实现。

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap