打开文本图片集

摘 要：浙江省气象局党建管理存在一些薄弱环节和工作短板，运用数字化智慧管理系统技术破解党建工作的难点，提升党建工作效率和信息化水平十分必要。本文旨在介绍集党建成果汇总展示、党务工作规范流程、党建数据智慧分析等功能为一体的“浙江气象数字化党建系统”。系统基于ASP.NET MVC框架设计，依据分层设计思想，设计了包括数据、管理、展示的三层架构；模块化的系统功能，也使得系统具有一定的可扩展性。目前系统已应用于浙江省气象部门的党建管理工作，系统运行安全且稳定，效果良好。

关键词：党务管理；ASP.NET；C#;MVC框架；管理系统

引言

浙江省气象局党建管理存在一些薄弱环节和工作短板，一是对党建群团工作的基础信息掌握不及时管理不够科学，目前各层级党组织存在信息孤岛，上级党组织无法通过信息化手段实时掌握下级的信息变化，没有统一的数据库和科学化管理方式；二是现有支部目标考核年终进行，无法实现对具有时效性的工作的考评，对“三会一课”也很难科学量化进行考核；三是对一些重点专项工作管理比较粗放，对“党建结对联动”、“青年理论宣讲”等一批具有行业特点、部门特色的党建群团工作不能进行场景式指导和管理，只能采用传统的调研、统计和通报。通过数字化、信息化、智能化手段加强党建工作的管理和服务，构建集党建成果汇总展示、党务工作规范流程、党建数据智慧分析等功能为一体党建数字化平台。

1 关键技术

1.1 ASP.NET MVC架构

近年来， 由于从软件维护、客户端部署以及数据协同等方面优势，采用B/S结构开发的各类交互式管理系统已经成为主流[1]。传统的ASP.NET将业务逻辑代码混杂在与页面直接相关的后台代码中，导致视图和控制器的分离困难[2]，给后期维护和升级带来很多麻烦。考虑到Web应用程序可维护性与可扩展性，开发人员往往基于MVC设计模式，达到视图层和业务逻辑层分离的效果[3]。

模型-视图-控制器（MVC）模式是时下非常流行的一种体系结构模式，很多交互界面系统以它为基础，实现业务逻辑与视图分离，它把一个应用程序或网站的主要组件分成三个组：模型（Model）、视图（View）和控制器（Controller）。在MVC模式中，服务器通过特定的解析机制将用户请求路由到各个控制器中，控制器通过模型执行相关的数据修改或查询操作，将执行结果打包并生成正确的视图内容，最后将这些内容反馈给用户。

ASP.NET MVC是微软公司的基于MVC模式的实现框架，区别于常见的Webform，是另一种的创建网站或应用程序的方法[4]。模型是数据类，它将数据表中的字段抽象为数据成员，其中的成员函数则对应数据的操作和处理。模型的作用类似数据容器， ASP.NET应用程序通过DAO/BLL类库，封装了控制器与数据库之间数据处理与交互的功能[2]。视图表现为一种页面的模板，在ASP.NET中， Razor视图引擎呈现视图，它通过嵌入视图数据（ViewData）和 C# 代码定义视图并运行简单的条件或循环逻辑生成动态页面。控制器负责接受并响应用户请求，是处理用户请求的主要逻辑单元，它定义的方法解析用户请求，通过模型与数据库进行交互，处理并打包数据后，通过视图向用户反馈结果[3]。ASP.NET MVC三层架构的具体工作机制如图1所示。

1.3 Asp.NET MVC模式下的页面局部刷新方法

Asp.NET MVC页面布局与刷新机制基于Asp.NET WebPages布局技术，传统方法是创建包含占位符@RanderPage（）和@RenderBody（）的布局页面（Layout.chtml），在生成时视图页面中预先加载布局文件，并用视图的动态内容替换占位符，最终生成风格一致的返回页面。

传统的页面布局模式的不足之处在于单个页面刷新时往往需要刷新整个页面内容，在更新页面信息（特别是列表类信息）时，客户端往往向服务器获取需要重新获取页面的所有数据，增加服务器压力，降低响应速度。

本系统采用Ajax[5]技术实现局部刷新，对用户进行的“增删改”操作进行改良。在服务器端，控制器将设计特定的Action方法响应并动态生成局部视图、数据或者状态信息，然后返回到客户端。在客户端页面，通过JQuery[6]+Ajax技术，将请求发送到服务器端，动态修改局部页面元素或者将返回的局部视图更新到特定容器中，完成页面内容更新。

采用局部刷新方式，避免了数据的重复查询与传输，生成的局部页面视图体积小，减少操作的响应时间。例如，在数据列表的“删除”、“修改”操作中，服务器端只需要返回操作的结果以及状态信息，列表内容的更新完全交由前端js代码完成，提升数据传输速度的同时，也可以一定程度上避免网络波动造成的页面内容显示延迟或者传输异常。基于Ajax的异步性特点，用户点击操作后不会影响前端页面的其他功能使用，页面不会出现卡顿或是闪烁。同时，由于主页面没有刷新，即使用户提交的操作没有成功，系统在给出相应的反馈后，用户可以方便地重新提交操作或者继续其他工作。

1.5 基于Echarts的图表设计

系统采用ECharts设计大屏导览图表。ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。它可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等）。

引入一个基本的ECharts组件只有简单的几个步骤：首先，下载并使用script标签引用Echarts的.js类型的库文件；其次，在网页中定义一个有宽高的 DOM 容器；最后，采用echarts.init方法来初始化一个 echarts 实例并使用 setOption方法生成一个简单的图表组件。

1.6 基于Leafleat的轻量级GIS地图加载

Leaflet是一款面向移动设备和Web的交互式地图的开源轻量级JavaScript库。Leaflet提供了大多数开发人员所需的地图功能，但它的Js代码压缩后大约只有42KB大小。

系统基于Leaflet创建了党建品牌地图模块。首先，定义地图容器DIV，采用L.GEOJSON函数加载geoJson格式的浙江地图数据，使用getBounds、fitBounds函数绘制浙江地图线条轮廓，通过标注函数L.MARKER加载城市名称，生成线条地图图层LineLayers与地名图层AreaNameLayers。然后，从管理系统接口获取不同党建品牌的位置、内容等信息，自定义图标与点击弹出窗口，通过标注函数L.MARKER加载，生成标注图层IconListLayer。最后，通过函数addTo（map）将所有的图层渲染到地图容器中，生成党建品牌地图。

2 系统结构与功能

2.1 系统开发与部署环境

系统整体采用B/S架构，开发过程中使用操作系统为 Windows 8.1，集成开发环境为Visual Studio 2013，采用C# 编程语言，微软Mircosoft SQlserver 2012数据库配置方案。基于.Net MVC框架，并结合HTML + javascript + jquery 的Web前端技术以及Echarts 、leaflet等开源类库开发视图界面。系统部署环境为 Window Server 2012[8]，发布环境为IIS 7。

系统部署在浙江省气象局业务局域内网，仅供气象内网用户访问使用。如图2所示，服务器端由Web网站、文件系统以及系统数据库三部分组成，其中，Web服务器与文件服务器部署在同一服务器，系统数据库部署在单独服务器上；客户端由省、市、县三级用户通过浏览器访问。

2.2 系统权限管理

系统主要通过控制用户菜单，限制不同权限人员可见的前端系统菜单内容。系统管理员首先创建角色与用户，配置角色的权限，然后绑定用户与角色。在服务器端页面调用前，采用角色判断过滤算法，防止未授权的不正确访问。系统的权限管理流程如图3所示。

2.3 系统总体架构

系统架构采用分层设计思想，综合考虑业务流程、功能划分，将平台软件划分为数据层（数据库与文件系统）、管理层（管理平台）和展示层（大屏导览）。系统的总体架构如图所示。系统用户可以在管理平台输入各类党建信息，不同权限系统用户可以查询、浏览、更新不同层级的管理信息、动态信息以及系统提醒信息等综合管理信息。系统结构如图4 所示。

2.4 系统功能模块

系统主要分为“数字化党建管理平台”与“数字化党建大屏”两个部分

管理平台采用.Net MVC作为主体架构，作为党务管理员（主要包括省局党务管理员、省本级支部管理员、市级支部管理员）的在线操作平台，主要功能模块包括：

① 党建基础信息：本模块主要提供党建群团的基础信息填报、修改及统计功能。功能省局党务管理员负责输入全省职工、单位、青年等合计总数；省本级支部管理员负责输入省局及其直属单位的基础信息；市级支部管理员负责输入本市及其下属单位的基础信息。系统根据输入的数据，动态生成统计数据，以网页显示和电子表格导出两种方式显示。

② 党支部目标考核：本模块主要功能包括党建工作支部年度目标考核的内容管理，完成情况上报，考核审核，得分统计及排名等。局党务管理员负责管理年度的支部考核目标及其子目标内容，并对支部填报的完成情况进行审核、赋分；省本级支部管理员、市级支部管理员负责对本支部的考核目标完成情况进行填报，上传佐证材料。

③ 党建应用场景：主要涉及党建工作中需要单独管理或展示的应用场景，例如党建品牌等，每个应用场景需单独开发管理或展示模块。单独的模块一般包含以下几个功能：

a.管理功能：通过表单式增删改查，针对特定党建应用场景提供管理功能，纳入管理平台。

b.数据服务接口：采用Web Service接口技术，为应用场景开发特定的数据接口服务，从管理平台获取数据。

c.展示功能：独立页面，统计应用场景管理功能收集的数据并定制独立页面中展示。

d.其他功能：特定党建应用场景相关的辅助功能，如通知公告、文档上传导出等。

④ 辅助功能：主要包括平台的一些辅助管理功能，提供系统用户间的信息交互功能或提供提示性信息辅助完成工作目标。主要包括通知公告、待办事项提醒、信息修改提示等。

“数字化党建大屏”界面整体使用暗系色调，并采用HTML + Jquery + Leaflet + Echarts搭建轻量级页面主体，并通过管理系统平台接口获取后端管理平台数据，动态化、模块化加载内容。大屏导览页面集中展示了浙江气象党建基础数据与党建工作成果，内容包括党团组织基础数据、文明单位获奖信息、党建品牌地图、支部工作动态、工会/妇女系统的受表彰情况等，主要功能如下：

① 管理模块：大屏展示的党建数据内容需要设计依附于管理平台的管理模块，通过后台数据输入或修改动态控制前端显示内容。

② 数据接口：用于从管理平台获取数据并生成大屏导览页面所需的数据格式。系统主要采用Web Service技术，开发aspx数据接口并返回Json格式数据。

③ 前端组件：大屏导览页面显示的组件模块，主要包括HTML表格、ECharts图表、Leaflet轻量级GIS地图等。

3 应用情况

系统经过数次迭代升级，自试运行以来在浙江省气象局内网运行稳定，有效支撑了浙江省气象局的党建工作的开展。管理平台界面友好，操作简洁，采用页面局部刷新方法，大大提高了响应速度，使数据的输入和查询过程十分流畅；大屏展示通过数据接口与管理平台实现数据联动，布局整齐、搭配合理，得到了系统用户的肯定。具体界面如图5 和图6 所示。

4 结束语

数字化党建系统的建设作为气象数字化改革的重要工作之一，提高了党员管理、目标考核、党建数据信息化水平。系统的建成使用推进了党建工作的“无纸化”进程，使得党建管理员从原先繁琐的纸质报表填写、收集工作中解放出来，理顺了党建目标考核、组织数据同步上报等党建重点工作的流程。规范化的在线填报操作，使得上报的党建基础及成果数据格式明确，内容清晰，减少不必要或重复性的文档整理工作，大大提高了党务工作的效率。

参考文献：

[1] 任广震，侯进，王献.MVC模式在B/S结构政务系统的应用研究[J].计算机应用与软件，2014，31（8）：54-58，74.

[2] 朱兴宇，杜景林，沈晓燕.基于MVC的多组件融合的气象传感网管理平台[J].科技通报，2016，32（004）：59-65.

[3] 周泉.浅谈从WebForm开发模式到ASP.NET MVC开发模式的发展[J].计算机光盘软件与应用，2012，15（15）：248，270..

[4] GALLOWWA J ，HAACK P，WILSON B，et al.ASP.NET MVC 3高级编程[M].北京：清华大学出版社，2012.

[5] BRUCE W.P. Ajax Hacks[M].Cambridge：O'Reilly Media，2006.

[6] BIBEAULT B，KATZ Y，AURELIO D R.JQuery in Action （3rd Edition）[M].Greenwich：Manning Publications，2015.

[7] 段克奇.ASP.NET基础教程（第2版）[M].北京：清华大学出版，2014.

[8] 李岩，杨立，张玉芬，等.SQL Server 2012实用教程[M].北京：清华大学出版，2015.

作者简介：朱旻翔，1988.01，男，汉，浙江省温州市，硕士研究生，工程师，研究方向：气象信息技术。