科技管理系统设计与开发

2015-06-28 14:57
有色金属加工 2015年3期
关键词:服务器端网页客户端

王 鹏

(中色科技股份有限公司,河南洛阳471039)



科技管理系统设计与开发

王 鹏

(中色科技股份有限公司,河南洛阳471039)

文章介绍了一套综合运用ASP.net、jQuery和数据库技术、基于B/S模式的科技管理系统设计与开发的总体过程。该系统提高了科技管理质量和效率,在实现科技管理规范化和信息化、信息数据集中处理和共享方面效果显著,将科技管理推上了一个新台阶。

科技管理;信息系统;系统开发

随着科学技术的不断进步和管理手段的现代化,信息化已经成为科技管理工作发展的必然趋势。传统的手工管理或“各管一摊”的单机管理已经成为科技管理发展的瓶颈,不利于对信息资源的收集、存储、归纳以及分析利用,更不利于实现信息资源共享。

针对目前设计院管理现状,亟待建设一个技术先进、功能完善,并与现代化管理要求相适应的科技管理信息系统,使科技管理实现制度程序化、职责明细化、资源共享化,进而将设计院科技管理水平提升至新的高度。

1 系统设计目标

考虑到设计院信息化建设总体规划,结合科技管理工作实际需求,通过对科技管理工作者的调研和需求收集,确定了建设目标。具体为:1)严格按照质量控制体系,实现对科技工作日常业务的管理;2)实现科技相关信息资源的集中管理,以达到资源共享的目的;3)系统应具备易用性、稳定性、易维护性和技术先进性,提供良好的用户体验;4)系统应具备良好的兼容性,PC客户端和移动终端设备均可使用。

2 系统功能模块设计及系统技术架构

系统采用自顶向下的分层结构化方法进行设计,由系统门户、科研管理、技术管理、知识产权管理、质量管理、“三标一体”管理、信息化管理、三维设计管理、技术装备管理、学协会管理、评奖报优、标准化管理、保密管理、系统管理共计14个功能模块结合而成。

考虑到系统的易用性、稳定性、易维护性和技术先进性,本系统基于B/S结构,服务器端采用ASP.net平台进行开发,后端数据库选用SQL Server作为数据库服务器,客户端基于jQuery进行开发,使用jQuery EasyUI搭建系统界面,采用JSON为服务器和客户端的数据交换格式(图1)。

3 关键技术

3.1 基于jQuery的AJAX异步交互技术

B/S结构相较于C/S结构来说具有易部署、易维护、易扩展、安全性强等优势,但传统的B/S结构在提交数据或更新数据时需要重载整个页面,因而存在数据传输量大、响应不及时等不足。但随着AJAX技术的出现和发展,B/S结构的这一缺点正逐渐消失。

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。AJAX 可以使网页通过后台与服务器进行少量数据交换,实现异步更新,即可以在不重新加载整个网页的情况下,对网页局部进行更新,从而减少了数据传输量,提高了页面响应速度。

jQuery 是一个轻量级、兼容性高、技术先进的JavaScript库,它不仅提供了简单、高效的选择器和事件处理方法,且对AJAX进行了封装,使AJAX使用起来更加便捷,从而在提升客户体验的同时,大幅提升了系统开发效率。

图1 系统技术架构图

下面的代码是jQuery的AJAX异步请求基本用法,在无刷新的情况下通过后台实现了用户登录验证。

3.2 基于JSON的数据交换格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,是JavaScript的一个子集。 因使用了类似于C语言家族(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,使其成为理想的数据交换语言,易于人阅读和编写,同时也易于机器解析和生成,其可读性和可扩展性与XML不分上下,但携带相同信息的字符量却低于XML。

采用AJAX异步请求技术之后,浏览器与客户端之间的数据传输量已有大幅下降,数据交换格式采用JSON后,数据传输量将进一步下降。

ASP.net服务器端序列化和反序列化JSON有多种方法,本系统使用了第三方提供的Json.NET库,在使用前需先下载并引用“Newtonsoft.Json.dll”。下面的代码是将泛型列表转换为JSON数据格式的过程,服务器端响应客户端请求返回了一组科研项目列表信息。

服务器端返回的JSON序列如下:

客户端在处理JSON数据时,不必进行处理或特殊转换,可直接将JSON数据当做JavaScript对象进行操作。

4 结束语

本系统为科技管理提供一个有效的沟通、管理、工作平台,随着它的实施,规范了科技管理流程,方便了信息资源的存储和查找,提高了科技管理水平。可以预计,随着系统各模块的进一步发展完善,科技管理信息系统能发挥更大的效益。

Design and Development of Science and Technology Management System

WANG Peng

(China Nonferrous Metals Processing Technology Co., Ltd., Luoyang 471039, China)

This paper highlighted the design and development of science and technology management system based on B/S mode. The system involved a mixture of ASP.net, jQuery and database technologies; it had advantages of improving quality and efficiency in management, it made remarkable progress in achieving the standardization and informatization of the management, enabling science and technology management to reach a new level.

science and technology management; information system; system development.

2015-03-03

王鹏(1982-),男,工程师,主要从事信息化管理和软件开发工作。

TP315

A

1671-6795(2015)03-0059-03

猜你喜欢
服务器端网页客户端
你的手机安装了多少个客户端
“人民网+客户端”推出数据新闻
——稳就业、惠民生,“数”读十年成绩单
基于HTML5与CSS3的网页设计技术研究
Linux环境下基于Socket的数据传输软件设计
基于HTML5静态网页设计
搜索引擎怎样对网页排序
基于Qt的安全即时通讯软件服务器端设计
基于Qt的网络聊天软件服务器端设计
媒体客户端的发展策略与推广模式
基于C/S架构的嵌入式监控组态外设扩展机制研究与应用