基于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