基于WebUI框架的软件开发.docVIP

基于WebUI框架的软件开发 　　摘 要 　　软件产品必须自动的适应各种设备，让用户满意的功能、出色的用户界面并且良好的用户体验。而好的用户体验成了软件成功与否的决定性标准。基于JQuery技术的Web前端框架成为软件开发者的首选。本文通过对国内流行MiniUI框架进行实践性的应用开发，对新技术进行研究。 　　【关键词】JQuery 前端UI框架 MiniUI 　　随着各式各样移动设备的应用，软件开发成了一件越加复杂多变的工作，软件产品的功能不再是好坏的评判标准，而开发进度，用户体验是成败的关键。 　　作为一个软件开发工程师，最高的成就是开发的软件是一个产品，能够通用化，可以广泛反复应用原有的技术，所以现时的标准要求： 　　（1）一次开发、能应用于任何平台，不管PC、手机、PAD，都要可以使用，并用使用方法一致！ 　　（2）应用与操作系统无关，软件开发完成后可以稍作调整后在任何操作系统下发布。 　　（3）软件可随意扩展伸缩各项功能，不会由于早期设计而影响功能的实现，灵活布局。 　　（4）基于框架进行开发，减少开发的技术准备，并且在开发前就是知道软件长什么样子。 　　（5）在任何设备上都必须有良好的用户体验。 　　在暑假期间，应朋友的要求，让我做的一个管理系统的原型、模板开发，主要是正式开发前作功能演示、技术准备，也是参与招标的一个部分。客户是一个生产铝合金型材的大型企业，生产过程已经是半自动化了，但没有一个产前准备、销售、销后的管理系统。我费时半个月钻研最新流行技术，做出一个演示模板，取得了良好的效果。 　　1 系统分析 　　仔细分析，要做一个这样的管理系统，功能模块不说，单单就实现要求而言： 　　（1）必须是基于Web的系统，一次布署，到处可用，多平台多设备可用，如生产调度现场可以PAD，智能手机查询、采集数据。 　　（2）原生产调度系统是用EXCEL来实现的，必须能够实现简便的数据迁移。 　　（3）现时人员工资数据、销售管理软件的十多年的数据必在新系统中可以查询。 　　（4）在系统实现后应该能够和现时的生产系统共存共用一段较长时间，并不能影响实时的生产过程。 　　（5）要可扩展功能，现时没有的东西要加入到系统中来，并不会影响系统的使用，如现时没有的实时门禁、安保、视频功能等。 　　2 技术分析 　　基于以上要求，以及招标前时间所限，要求短时间完成了一个演示的软件模型，主要使用以下技术： 　　（1）作一个WEB的开发，因为是模型，用手提Windows7平台可以演示，以IIS作为WEB服务。 　　（2）使用JQuery技术的WEB前端框架，选用国产的框架MiniUI。能实现大数据的快速展示功能。 　　（3）使用Vs2010作中间层开发，实现UI要求变成JSON数据，去操作后台的SQL数据库。 　　3 软件实现过程如下 　　（1）首先VS2010开发一个共用数据操作动态链接库，实现对数据库的增、删、修、查的操作。 　　（2）VS2010开发一个中间层，作为面页参数传递的程序，负责把前端web传来的Json格式的参数要求变成合适的SQL语句。同时把后台操作的结果生成JSON格式数据返回给前端。 　　（3）用MiniUI设计一个HTML页面来展示内容，控制页面的JS独立成一个文件，JS负责向中间层发送、接收JSON数据。如图1所示。 　　4 软件模型效果 　　如图2所示。 　　5 模型测试 　　经过多人同时上百万数据的并发查询测试，在PC、手机、IPAD上均能正常展示，数据展示的速度也非常快，能满足设计的初衷。基本达到原型开发的要求。 　　6 总结 　　本人此次原型开发是一个非常良好的软件开发实践。使用新的WebUI界面开发框架进行软件开发，开发进度非常快，软件功能的灵活度很高，可以象搭积木一样，用户界面友好美观，并有良好用户体验。 　　软件模型测试显示，性能限制主要集中是在网络、Web服务器、数据库层面，对于大规模的系统，如果很好使用云技术，会有更好的帮助。 　　参考文献 　　[1]（美）Jay Blanchard.jQuery实战开发[M].北京：人民邮电出版社，2012. 　　[2]（美）Eric Sarrion.jQueryUI开发指南[M].北京：人民邮电出版社，2012. 　　作者单位 　　广东省佛山市交通运输高级技工学校 广东省佛山市 528000 4