改善ERP的用户体验,个性化用户界面(Jquery 提供源码)

avatar 2020年3月30日23:08:13 评论 331

这篇文章讲述的技术问题并不多,如果你是想了解技术实现,请直接跨过文章下载源码或者看  demo

我大胆起这个名字,有点标题党。希望能对一部分人给予帮助。

 

创作背景:

在互联网和企业内部管理系统发展的过程中,基于ajax技术构建的门户是2.0这一时代中最为成功的web应用程序。而igoogle、pageflakes、dropthings以及后来的n多站点mybaidu、mymsn等等,同时他们把ajax的真正潜能挖掘出来。这些门户站点为用户提供个性化的界面,使得他们仅仅通过一个站点就能获取整个互联网上自己关心的知识信息和娱乐资讯,同时也为企业信息内容整合带来了帮助。关于这个技术实现有个标准叫UWA ,sohu继承了该标准好像叫做SWA,  我的理解就是一个框架,开发人员需要使用他们的接口,说到这里我不得不说下一个英雄人物:Jquery. 使得一切变的那么简单。如果这些还不能打动你,我举一个实际情况,不知道你是否遇到过。

 

比如进销存(大的说ERP)软件:

 

 

销售人员:开销售订单,(销售订单-》点击开单-》打开开单据的页面),因为销售订单下面可能还有退回单,不同层次技术的人,对这个菜单的划分也是不一样的。

销售人员还要负责收款,可能还需要开收款单。同样在左边的导航菜单中,找到收款单。

 

部门经理: 由于权限大了,看到的菜单会多些。为了审批一张单据,他和销售人员的工作量是一样的。

总经理:会看到什么?  权限最大,销售订单、采购单、出库入库单、收款单、付款单等等,可能还有对应退货单。还有大量的报表。

对于这种情况业务应该是差不多的,由于是不同的软件厂商,所以各个角色的操作可能不同。但是如果左边是菜单,右边展示单据信息的这种软件,给人的体验应该是相同的。

 

一个明显的缺点: 

 

       对于使用人员:第一次打开系统,进入眼前的并不是我想看到的内容,而且我想看到得内容 鬼知道在那里。
       对于开发人员:划分菜单的权限,麻烦。至少我感觉到是。也许是我的水平太差了。第二需要给使用人员培训,那个报表在哪里,等等。
       用户点击的次数增多。我见过的金蝶K3也是如此。

采用后的好处:

         一目了然的界面。

很清晰的看到自己需要的数据、自己要做的事情。

方便拓展。(比如外部天气、新闻、地图等等)

 

为了实现这个技术:购买的书籍 

《道不远人-深入解析 Asp.Net 2.0 控件开发》

《Asp.Net 3.5 构建Web 2.0 门户站点》

《Asp.Net Ajax 与 Silverlight 实践手册》

这几本书籍的解释,请允许我发几句牢骚:)

 

 

          道不远人-深入解析 Asp.Net 2.0 控件开发,是冲着书中提到WebPart买的。如果你想学习控件开发,这本书籍还是不错的,但是为了项目中使用webpart,介绍的还不够深入。 当时我找 WebPart的书籍,很少几乎没有。这本书中提到了webpart开发。其实webpart这东西,我认为微软做的并不好,供开发人员开发的东西太少。 而且任何操作都要提交到服务器。 我强烈建议你不使用webpart应用到项目中。

 

 

            Asp.Net 3.5 构建Web 2.0 门户站点: 源于dropthings.com这个站点,是一个开源项目,微软的技术,拖拽的状态改变是使用的WF实现、还用到了Linq to Sql、AjaxToolkit。 很佩服的是这个站点的性能是不错的,书中介绍的很全面。

 

 

 

            Asp.Net Ajax 与 Silverlight 实践手册:因为webpart放到了updatapanel里面,所以想了解Updatapanel的工作原理。

 

 

 

分享:

yixiu80.codeplex.com 正在完善,希望有兴趣的朋友关注。好了以后会在这篇文章中告诉大家。

 配置:

需要修改的内容,此处省略1000个字。

 

数据库:/Files/winner2009/Widget_Bak.rar

 

源码: /Files/winner2009/Widget.rar

 

Demo: http://xiaoguan1985.36jhw.dnscnc.com/

 

在补充一个Sql 2000的库:结构都是一样的,就是版本不同,解决大部分没有升级2008.  /Files/winner2009/1.rar

 

不好意思,刚传错了一个文件,请大家重新下载源码。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: