维修管理系统软件设计论文

SCI论文（www.lunwensci.com）

　　摘 要：本文设计了一个基于 B/S 结构的维修管理系统,使用 SQLServer2008 来组建数据库存储数据,后端使用 ASP. NET 开发服务器端程序,前端使用 HTML 开发客户端程序,并通过 Bootstrap 插件美化前端界面,通过 Quagga 库实现手机 端的一维码扫描,从而实现手机端扫码报修,通过 table2excel 插件实现多页表单数据的 Excel 导出 ;同时,在文中还简述了 Web 服务器端部署的方式和要点。

　　关键词：维修管理,软件设计,一维码


　　【Abstract】： We design a maintenance management system based on B/S structure, build a database to store data with SQLServer2008. and use ASP.NET to develop the server-side program, use HTML to develop the client- side program, beautify the website through the Bootstrap plug-in, realize the one-dimensional code scanning of the mobile phone through the Quagga library, thus realize the code scanning and repair request of the mobile phone, and realize the Excel export of multi page form data through the table2excel plug-in; At the same time, the paper also briefly describes the ways and key points of Web server deployment.

　　【Key words】： maintenance management;software design;one dimensional code


　　0 前言

　　天津广播电视台租借室是一个前期拍摄设备领取的 重要场所,设备借出归还十分频繁,因此,设备使用过 程中出现一些问题,也需要值班人员及时的维修维护, 确保转天拍摄的顺利进行。以前,所有维修统计都用纸 单手动记录,时间长、不易统计,因此,应租借室值班 员需求,开发一款电子维修统计和管理的软件程序,使 值班员随时填写报修单、完成报修单,并提供相应的查 询及导出功能,方便统计。

　　1 设计目的和开发准备

　　经过前期调研我们发现, 软件系统应该涉及 3 个部 分 ：报修、维修和查询。其中,报修部分应该涉及设备 的种类、类型、名称、故障点、维修完成标记和设备条 码,维修部分仅需要更改维修完成标记即可,查询部分 需要根据日期统计月、季度或年维修量。从以上需求分 析,数据库的设计相对简单,省去多张表的联动查询,仅用一张表存储数据即可,省去数据重叠冗余,因此使 用 SQL Server2008 数据库来存储绰绰有余。

　　在结构选择方面,我们放弃复杂的 C/S 架构的软件 设计,因为客户端 / 服务器模式需要额外安装软件,不 方便于在不同机器上运行,而且在手机使用方面还要涉 及 App 商店上架问题及授权问题,不方便在手机上推 广使用,所以我们采取 B/S 架构 [1],浏览器 / 服务器模 式可以在任何电脑、任何操作系统上运行,便于软件推 广使用。

　　在开发软件方面,我们选择了 VS Studio 2010.使用 Asp.net 语言开发后台服务器端程序,前端则使用 HTML 语言 +JavaScript 脚本来开发,一来可以兼容广阔的 JS 库,实现多种功能 ;二来可以美化程序界面,缩短开发 周期 [2]。

　　服务器端使用一台普通配置工作站,操作系统使用 Server 2008. 目的是使用 IIS 进行 Web 网页发布, 同时, Server 操作系统的机器比家庭版的更加稳定、高效。

　　2 核心数据库设计

　　根据前期的沟通交流,我们发现只需要设计一个表 来存放维修数据就可以了,所以在数据库中就不在做 多表级联操作。这个维修的表中,应该含有的数据包 括 ：设备类型(mtype)、设备名称(mname)、设备 故障(merror)、设备报修时间(mdate)、维修标识 (yon)、设备条码(msn)一共 6 项数据,所以使用如 下语句构建数据库 [3] ：

　　create table repairDevice(

　　mtype varchar(10), // 设备类型

　　mname varchar(15), // 设备名称

　　merror varchar(30), // 设备故障

　　mdate datetime, // 设备报修时间

　　yon varchar(1) default 'n', // 维修标识,缺省为 n (未维修)

　　msn varchar(11), // 设备条码

　　primary key(mname,mdate) // 数据库联合主键

　　)

　　因为我们还需要给网页端程序设计一个登陆页面, 所以还需要建一个人员表来存储相关数据,表中含有两 列内容, 姓名(name), 密码(psd), 故使用如下语 句构建数据库 ：

　　create table persons(

　　name varchar(20) primary key,

　　psd varchar(20),

　　)

　　3 登陆页面设计及后端交互

　　登陆页面我们按照如图 1 所示的页面来设计,其中 包含软件名称、背景及登陆所需的用户名密码两个 Input 控件,一个登陆按钮控件,其中登陆按钮控件绑定后台 交互事件,用于从后台数据库对比用户名密码是否符合。


　　另外,由于输入框可以被键入不同类型的字符,为了 避免使用者使用注释符或数据库关键字等特殊符号修改数 据库,需要对用户输入的内容进行正则表达式判定 [4],确 保数据库安全。借助 vs2010 的强大功能,我们只需在 Web.config 中,定义如下字符检测项 ：

　　后台方面,收到前台发来的 form 指令后,在相关的 ASPX 文件中定义响应处理项 [5],连接数据库,通过 如下语句,看数据库是否能查询出数据,有则判定登录 成功,没有则返回重新登录并给出提示。

　　select * from persons where name = '" + name + "' and psd='" + pass + "'"; // 其中 name 和 pass 是从 form 指令中带入的输入框中的用户名和密码。

　　至此,登录页面设计完毕,最后将界面美化,加入相 关 CSS 文件,并调整颜色、大小、背景,完成首页设计。

　　4 报修页面设计及后端交互

　　报修页面我们按照如图 2 所示的页面来设计, 其中 包含一组报修成功或失败的提示框,一个 Input 框加一 个按钮来扫描设备条码,一组联动的 Select 框,来选 择设备类型、设备名称和故障,一个提交按钮用于和后 端数据库交互。联动部分的设置写在 JS 文件中,根据 用户点击的设备类型名,显示出相对应的设备名称单选 列表,再由此选出的设备名,显示出相关的故障信息, 因为联动关系我们没有设计数据库表单,所以直接在 JS 文件中,根据 Select 的数值指定即可。


　　扫描条码是一项特殊的功能,如果值班员用手机 报修的话,通过手机摄像头扫描可以大幅提升报修的 效率,缩短手动输入的时间,也能避免输入错误。在 这里,我们直接选用免费插件 quagga.js 库来进行一 维码的扫描和识别,天津台使用的条码是 code_128 编码 [5], 因此在设定 quagga 设置的时候, 需要选择 code_128 编码, 并勾选 half_sample 提升识别效率, 具 体使用方法不在此赘述,有兴趣的读者可以阅读文献 [6]。

　　后台方面,当用户提交完所有的数据后, 点击提交 按钮,我们则发送一条 post 指令到后台服务器端,服 务器端根据 post 所携带的数据访问数据库, 并进行插入操作。


　　// 其中,dateNow 是服务器端取到的当即时间

　　如果成功返回,则执行提示动画,并将提交按钮 设置成不可点击,持续 5s,防止连续点击造成的误报。 最后,我们对界面进行美化,使用 Bootstrap 插件,引 入相关 JS 和 CSS 文件,在页面引用即可,完成后的页 面如图 3 所示。


　　5 统计页面及完成维修设计及后端交互

　　统计页面需要设计一个查询条件,并通过数据库交 互读出列表并进行分页显示。其中,包含两个 Input 日 期选择框,一个载入按键,一个导出按键再加上 Table 显示。

　　载入按钮关联后台,设计消息处理函数, 接收来自 此页面载入按钮的 post 消息,消息中含有起止日期, 通过数据库对比截取所有数据项,返回给页面,具体 SQL 语句为 ：

　　select * from repairDevice where mdate <= '" + time2 + "' and mdate >= '" + time1 + "'

　　由于 Bootstrap Table 自带分页选项,所以我们通 过设置 Bootstrap 参数就能实现分页显示的功能,具体 写法可参阅官网文献。接收数据并显示到页面的 Table 中键入如下代码 ：


　　导出数据方面, 我们应用了 table2excel 插件 [7],通 过绑定 Table 中的数据,直接将其导出到 Excel 中,从 而实现办公浏览编辑。最后对界面进行美化,得到如 图 4 所示页面。


　　完成维修方面,绑定 Table 行的单击事件,如果是未维修的项,直接通过后台数据库对比,更改维修 标识为 y, 完成设备维修, 同时, 在这里还设计一个提 示框,防止值班员因失误所触发的维修事件。维修完毕 后,将维修完成的行变成绿色方便观看。

　　至此,我们完成了全部 2 个页面的设计,给这 2 个 页面添加一个联系,我们设计如下工作台页面,方便 值班员操作。最终显示页面如图 5、图 6 所示。为了适应手机端的同比显示, 我们在头中加入如下代 码,来使得手机页面全屏显示。


      

　　6 Web 服务器部署

　　Web 服务器部署时,我们需要一台安装了 Server 操 作系统的机器,打开 Internet Information Services (IIS) 管理器,打开节点树,选择添加网站,在对话框中输入 相应的 IP 地址和端口号, 还要保证应用程序池和网站 的 .netFramework 的版本号一致方可上线。

 

　　7 结论

　　本文设计了一个基于 B/S 结构的维修管理系统,使用 SQLServer2008 来组建数据库存储数据, 后端使用 ASP.NET 开发服务器端程序, 前端使用 HTML 开发客户端程序,成功地解决了租借室报修电子化的问题,并 在后续近一年中,稳定流畅的运行。

　　参考文献

　　[1] 李永峰.浅析企业信息管理系统采用BS架构的必然趋势[J]. 城市建设理论研究(电子版),2012(22):4-6.

　　[2] 孙延靖,鲍豫鸿.关于ASP.NET调用JavaScript的实现[J].中 国水运(理论版),2007(9):140-141.

　　[3] David M Kroenke.数据库原理[M].冯飞,译.北京:清华大学出版社,2008.

　　[4] Alfred V Aho,Monica S Lam,Ravi Sethi,et al.编译原理 [M].赵建华,郑滔,戴新宇,译.北京:机械工业出版社,2008.

　　[5] 何红庄.基于图像识别模式的条码(Code 128及二维码)译码 系统的研究[D].南京:河海大学,2003.

　　[6] 李英.网页设计技术应用与研究[J].电脑编程技巧与维护, 2021(3):21-22.

　　[7] 张红瑞.基于ⅡS的Web服务器部署与安全管理[J].办公自动 化,2014(14):53-54.
 
 
关注SCI论文创作发表，寻求SCI论文修改润色、SCI论文代发表等服务支撑，请锁定SCI论文网！

文章出自SCI论文网转载请注明出处：https://www.lunwensci.com/jisuanjilunwen/55057.html