基于H5的构件管理系统设计与实现

绪论装配式构件市场发展极为迅速，在此环境下市场上出现的大里新兴业务对构件管理提出了更多的需求，业务的增加让企业内部传统人工管理的模式无法满足需求，企业无法及时获取准确的数据，将影响工厂构件管理的效率，可能会导致生产线构件生产的延期和导致施工现场无法保证构件的准备充足，最终导致生产厂构件生产过剩或者过少的情况，这样会导致构件厂商的直接经济损失，也有可能导致施工现场的构件堆积过多或者构件不足，无法保证施工现场的工程无法更好的展开和工程延期等等一系列情况的发生。在我国，各建筑公司之间的竞争是十分激烈的，与传统建筑模式比较很显然新型的装配式构件生产模式是一次技术的革新。相信新型的装配式构件生产模式更加适宜市场的选择，技术革新的同时需要技术成熟的管理系统提高生产工厂的经济效益和保证施工现场的工程得以按时圆满的完成一个工程，构件管理系统提供了供应需求、生产管理的支持,提高装配式构件的生产效益，它实际上是物流软件和信息网络结合的产物。系统是构件生产管理中必不可少的部分，对构件的管理是对于构件状态信息的实时把控，是生产厂和施工现场正常运作的重要环节。本系统主要实现一个构件管理系统，在建筑施工过程中,项目部管理人员需要根据要求与构件厂家进行相应的沟通,按照不同项目的构件需求制定不同的需求计划，项目管理人员查看构件的生产情况和确定装配式构件进入施工现场的日期。能够更好的在施工周期内完成项目,设计一个构件管理系统，通过项目经理能发布构件生产计划、及时查看构件的状态信息，生产员通过扫码录入构件的状态信息，能够更好地完成施工项目、跟踪构件的生产过程和状态。 1系统分析 1.1可行性分析基于H5的构件管理系统的目标是对于生产项目和构件生产的管理，构件管理系统可以提高管理的现代化程序，能够加强管理信息化手段。本系统为相关管理人员提供了发布构件生产需求的生产计划同时也能更确切地查看、了解构件状态。在明确目标之后，下面对其进行可行性分析。1.1.1技术可行性本系统采用在学校学习过的知识技术进行开发，开发软件主要用的是我们很熟悉的eclipse，框架选择的是SSM框架进行开发。基于H5的构件管理系统，前端采用的是比较常见H5技术，后端使我们大学时期学习的java技术，数据存储使用MySQL学习起来非常容易并且使用便利，也学习了SqlServer数据库的使用还有SQL语言并自学了MySQL数据库。在大学期间对软件工程，软件测试也有一定的了解。可以独立进行此次开发。1.1.2操作可行性基于H5的构件管理系统的各种功能在目前都比较常见，跟大多数学校的教务系统操作比较类似，不像一些比较复杂的网站需要进行用户培训。这个方面也能得到极好的用户体验，并且降低了经济成本。总之，本系统具有操作简单、管理方便、前后台交互性好的特点。在操作上很简单易懂，一目了然，省去操作培训的麻烦。因此本系统可以进行开发。1.1.3经济可行性出于经济考虑，前端采用H5，后段采用Java技术开发，使用MySQL数据库对数据进行存储和使用，因为MySQL是开源的。而且对服务器要求不高，开发和维护所需的开发人力、财力上耗费不高，而且此系统功能简洁需求清晰，开发周期不长，所以此系统花费较少具有一定的经济可行性。1.1.4法律可行性本系统开发时所用到的技术资料都为开源合法的，在开发过程中没有抄袭其他相关系统，所以该系统不会存在侵犯版权的问题。更不会涉及法律问题。综上所述，本系统在各个方面都具有很高的可行性，此程序可以开发。1.2性能分析（1）系统的存储性：因为本系统无论是项目信息，构件信息等各种信息都需要存储，所以就会在数据库要求上比较严格，信息录入的比较多，而且丰富复杂，这就需要一个强大的数据库来存放更多的数据和保证数据的时时性。（2）系统的易学性：系统设计的应该简单易学的，设计的各种功能应该简单操作，本系统与现已有的构件管理系统相似，不需要学习培训，用户能简单上手。（3）系统的数据要求：数据应该录入准确，需要更新时，数据应该可以及时的修改，数据还应该有独立保存，不能删除数据的时候会连带着把还需要的数据都删除掉。（4）系统稳定性：开发的教学信息化管理系统要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。1.3功能需求分析本构件管理系统的开发通过系统管理员录入构件基本参数信息，项目经理能发布构件生产计划、及时查看构件的状态信息，生产员通过扫码录入构件的状态信息，能够更好地完成施工项目，构件管理系统可以提高管理的现代化程序，能够加强管理信息化手段。本系统为相关管理人员提供了发布构件生产需求的生产计划同时也能更确切地查看、了解构件状态。（1）系统管理员：系统管理员登录构件管理系统，能添加构件的基本参数信息，对构件参数信息能够个更改，删除，添加，也能对于构件查询。系统管理员能对于不同的角色设置分配不同的权限。用例图如图1-1所示。图1-1系统管理员用例图（2）项目经理：主要功能是添加项目，为每一个构件生成相对应的二维码。查看构件状态信息，加上其他功能，共有摆个部分，用例图如图1-2所示。图1-2项目经理用例图（3）生产员：生产员主要是生产构件，生产构件的过程中用手机扫描构件对应的二维码记录相应的构件生产状态，用例图如图1-3所示。图1-3生产员用例图1.4相关技术1.4.1SSM框架SSM框架集由Spring、SpringMVC、MyBatis三个开源框架整合而成，常作为数据源较简单的web项目的框架。

（1）SpringSpring是一个轻量级的控制反转和面向切面的容器框架。（2）MyBatisMyBatis是一个Java持久化框架，支持普通SQL查询，存储过程和高级映射的优秀持久层框架。（3）SpringMVCSpringMVC分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。1.4.2MySQL数据库MySQL是一种关系型数据库,也是现在最通行的数据库管理平台。最开始是MySQLAB公司(来自瑞典)开发的。现在被数据库龙头Oracle公司收购。MySQL不仅非常流行，它还作为一个非常好用的web开发数据库被广大程序员使用。MySQL是一种关联数据库管理系统，灵活度非常高,因为它并不是把数据放在一个存储空间里,而是存在各个表里面。MySQL使用常用的,标准的SQL标准化语言。MySQL软件有两种版本,社区版和商业MySQL是-种关系型数据库,也是现在最通行的数据库管理平台。最开始是MySQLAB公司(来自瑞典)开发的。现在被数据库龙头Oracle公司收购。MySQL不仅非常流行，它还作为一个非常好用的web开发数据库被广大程序员使用。MySQL使用的是常用的,标准的SQL标准化语言。MySQL软件有两种版本,社区办和商业版，它的优点是体积小，告诉,成本低,开源,-般不是特别大型的APP都会使用MySQL作为数据库。1.4.3JavaWeb技术开发一个基于JavaWeb的系统，除了掌握基础的Java语言，还需掌握Web开发的相关技术。前端掌握HTML、CSS、JavaScript三大语言是必备技能，而实现动态网页还需要JSP技术的支持，后端服务器使用Tomcat运行环境，采用servlet技术。下文将介绍本系统所用到的JavaWeb技术。HTMLHTML5技术，用HTML5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本，HTML5超文本标记语言。提供各类标签，每个标签带有不同的属性，通过使用基本标签元素来设计网页页面的主要显示内容。CSSCSS即层叠样式表。它提供丰富的样式定义，用于设置网页元素的版式、颜色、大小等外观样式，通常与HTML一起使用，作用于HTML上，使得网页更加美观，在本系统中采用外部样式表形式，单独使用以“.css”为扩展名的文件来设置样式，增加可维护性。JavaScriptJavaScript是一种广泛用于Web开发的脚本语言，语法类似于Java，可以使得HTML页面实现动态功能，让用户与网页实现交互，做出响应。JavaScript处理的是客户端的动态信息。JQueryJQuery是一个JavaScript框架，封装了许多经常使用的功能代码，简化对网页元素的获取方式，还提供了高级的动画显示效果以及增强了JavaScript语言的功能。ServletServlet是用Java编写的服务器端程序，处理请求和响应，实现交互式地浏览和生成数据，用来生成动态Web内容。JSPJSP即Java服务器端页面，是一个封装的Servlet，运行在服务器端。HTML是静态页面，而JSP是动态页面，它在HTML页面中加入Java代码段以及JSP标记，形成JSP文件，JSP文件需要依靠服务器来解析执行。1.4.4Java技术Java具有多种特性，如跨平台、适用于分布式计算机环境等。由于Java虚拟机的跨平台特性，只要在平台上预装了Java运行环境Java就能运行，使用Java编写的程序能在世界范围内共享。Java是1995年由SUN公司开发的面向对象语言。SUN公司的目标是致力于把Java打造成具有简单的面向对象语言[3]。互联网的高速发展带动了Java语言的应用，因为它特别适合用来开发Web应用。它的特点如下：（1）面向对象，在Java中将任何事物看作类、实体。（2）分布式，Java是面向网络应用的语言，可以将数据分布在很多服务器上将一个请求在不同服务器上运行。（3）健壮性，Java是强类型语言又有异常处理和垃圾回收机制。Java也放弃了对指针使用。（4）安全性，在Java中没有任何指针。需要访问内存的话只能通过实体类进行访问。完全杜绝了乱删指针释放内存等操作。（5）多线程，Java支持多线程，一个请求可以由多个线程共同完成，极大的提高效率。2系统分析与设计2.1系统架构设计本系统前端部分采用HTML5开发，后端采用Java技术实现WebAPI服务；数据库采用MySQL，扫码查看的构件的类型等参数信息，记录构件的状态情况的页面，登录界面系统的制作窗口以及录入构件的状态是通过HTML5技术的实现，Java语言进行基础功能编程，通过Java开发相应的WebAPI接口服务。在数据库方面，采用的是MySQL数据库,通过数据库记录构件的需求计划，每个构件的二维码，构件参数信息，构件的状态信息等等信息数据。系统架构如图2-1所示。图2-1系统架构设计图2.2功能模块设计系统结构设计，实际上就是将系统需求细化的一个过程，将庞杂的需求细化成小任务，这些小的任务分段完成后，组合在一起形成一个完整的功能。在结构设计过程中，首先对系统进行需求分析，同样也是细化的过程，具体分析每一个功能模块具体应该首先哪些功能，最后将各个模块进行整合，实现系统结构的最终设计。本系统用户可分为系统管理员、项目经理和生产员。系统的功能模块主要分为用户登录模块、构件管理模块、二维码扫码模块、生产计划管理模块。此功能模块图如图2-2所示。图2-2系统功能模块图2.2.1注册登录模块（1）用户注册：为没有该平台账号的用户提供注册该平台账户的功能。生产线操作员、项目经理，系统管理员的注册。（2）用户登录：以拥有该平台账号的用户可以通过用户名和密码登录，登录时后台会对账号检测。此功能模块图如图2-3所示。图2-3登录模块2.2.2构件管理模块（1）增加构件：能够对构件进行添加功能。（2）删除构架：能够对构件进行删除功能。（3）更改功能：能够对构件进行更改功能。（4）构件类型管理：能够对构件的类型信息进行管理，构件的名称编号，材料等。此功能模块图如图2-4所示。图2-4构件管理模块2.2.3二维码扫码模块（1）在线上：通过扫码功能记录构件在线上的状态，通过系统查看状态。（2）在线下：通过扫码功能记录构件在线下的状态，通过系统查看状态。（3）进堆场：通过扫码功能记录构件进堆场的状态，通过系统查看状态。（4）运输中：通过扫码功能记录构件运输中的状态，通过系统查看状态。（5）到现场：通过扫码功能记录构件到现场的状态，通过系统查看状态。此功能模块图如图2-5所示。图2-5二维码扫码模块2.2.4生产计划管理模块（1）添加项目：项目经理接受到项目，将项目添加入系统。（2）按项目生成构件列表：不同的项目有不同的构件需求，添加项目所需求的构件名称，编号，数量等等信息。此功能模块图如图2-6所示。图2-6生产计划管理模块2.3数据库设计一个数据库的设计关系到程序数据存储的准确性和正确性，还有合理性。在开发过程中我是用面向对象的思维来简历数据库，不光把实体类建立成一张表，把关系同样建立成一张表，将关系也看作一个实体，这样数据库的耦合性降低了扩展性提高了。若以后业务需求改变不会因为数据库的改动太大而导致程序修改艰难。2.3.1数据库实体（E-R图）使用E-R图能够非常好的展示数据库实体，以及他们的属性和联系。是在数据库的概念设计阶段非常常用并且能说明问题的一种图。本系统的E-R图分为用户实体E-R图、项目实体E-R图和构件实体E-R图。（1）用户实体E-R图，如图2-7所示。图2-7用户实体E-R图（2）项目实体E-R图，如图2-8所示。图2-8构件实体E-R图（3）构件实体E-R图，如图2-9所示。图2-9构件实体E-R图2.3.2数据库表设计根据E-R图设计出相应的数据库表，本系统共有5个数据表管理用户信息表、用户表用户日志表、项目信息表和构件信息表，下文将对以上数据表设计进行详细介绍。（1）管理用户信息表系统管理员管理用户信息和设置用户权限信息存放，如表2-1所示。字段名数据类型是否允许空字段含义nameVarcharNULL资源名称urlVarcharNULL资源URLsortIntNULL排序noteVarcharNULL备注parentldIntNULL父菜单ID，一级菜单为0permissionVarcharNULL授权(如：user:create)createdTimedatetimeNULL创建时间modifiedTimedatetimeNULL修改时间

createdUserVarcharNULL创建用户modifiedUserVarcharNULL修改用户表2-1管理用户信息表（2）用户表存储用户个人信息，如表2-2所示。表2-2用户表字段名数据类型是否允许空字段含义usernameVarcharNULL用户名PasswordVarcharNULL用户密码validTinyintNULL用户状态createdTimedatetimeNULL创建时间modifiedTimedatetimeNULL修改时间createdUserVarcharNULL创建角色modifiedUserVarcharNULL修改角色（3）用户日志表用户对系统进行登入、登出、添加构件的时间、添加项目时间等日志信息的存放，如表2-3所示。字段名数据类型是否允许空字段含义usernameVarcharNULL用户名operationvarcharNULL用户操作methodvarcharNULL请求方法paramsVarcharNULL请求参数timeBigintNOTNULL执行时长(毫秒)ipVarcharNULLIP地址createdTimedatetimeNULL创建时间表2-3用户日志表（4）项目信息表存放项目的项目名称、项目编号、项目添加时间参数信息，如表2-4所示。表2-4项目信息表字段名数据类型是否允许空字段含义ProjectidvarcharNULL项目编号ProjectnamevarcharNULL项目名称createdtimedatetimeNULL项目添加时间（5）构件信息表存放构件的参数信息，构件的状态信息以及构件的二维码，如表2-5所示。图2-5构件信息表字段名数据类型是否允许空字段含义idIntNOTNULL序号nameVarcharNULL构件名称changVarcharNULL构件长度kuanVarcharNULL构件宽度gaoVarcharNULL构件高度jiegoudatetimeNULL构件结构createdTimedatetimeNULL添加时间statusIntNULL构件状态erweimaVarcharNULL二维码modifiedTimedatetimeNULL修改时间goujianIdVarcharNULL构件序列码onlineTimedatetimeNULL在线上时间unonlineTimedatetimeNULL在线下时间inchangduiTimedatetimeNULL入场堆时间expressTimedatetimeNULL运输中时间onnowTimedatetimeNULL到现场时间numVarcharNULL构件数量 3系统实现系统采用前后端分离架构，前端js调用api方法，后端服务器收到api调用请求，解析请求信息找到对应控制器完成操作请求。通过配置文件将配置访问路径和定义对数据的操作。对二维码功能实现和项目的功能实现主要代码进行展示。3.1二维码功能的实现系统需要为每一个构件生成相对应的二维码,扫描二维码更新构件状态信息。（1）谷歌二维码生成依赖包<dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>2.2</version></dependency><dependency><groupId>com.google.zxing</groupId><artifactId>javase</artifactId><version>2.2</version></dependency>（2）二维码生成工具方法publicstaticStringcreateQrCode(Stringurl,Stringpath,StringfileName){try{Map<EncodeHintType,String>hints=newHashMap<>();hints.put(EncodeHintType.CHARACTER_SET,"UTF-8");BitMatrixbitMatrix=newMultiFormatWriter().encode(url,BarcodeFormat.QR_CODE,400,400,hints);Filefile=newFile(path,fileName);if(file.exists()||((file.getParentFile().exists()||file.getParentFile().mkdirs())&&file.createNewFile())){writeToFile(bitMatrix,"jpg",file);System.out.println("搞定："+file);}}catch(Exceptione){e.printStackTrace();}returnnull;}（3）生成二维码Stringurl="http://3hx0688069.wicp.vip/goujian/tongbu.do?id="+entity.getGoujianId();Stringpath="E://work";StringfileName=UUID.randomUUID()+".jpg";createQrCode(url,path,fileName);entity.setErweima("http://30t68e8069.goho.co"+"/"+fileName);//同步状态0：未绑定项目，1：已绑定项目entity.setStatus(0);System.out.println(entity);returngoujianDao.insertObject(entity);}（4）扫码查询构件信息@OverridepublicMap<String,Object>findObjectById(Integerid){if(id==null||id<=0)thrownewServiceException("数据不合法,id="+id);Map<String,Object>map=goujianDao.findObjectById(id);System.out.println(map);if(map==null||map.size()==0)thrownewServiceException("此记录已经不存在");returnmap;}（5）更新构件状态信息@RequiresPermissions("goujian:update")@OverridepublicintupdateObject(goujiang){returngoujianDao.updateObject(g);}3.2项目功能实现实现对于项目的添加、删除、修改以及项目对应构件信息的查询。（1）新增项目@OverridepublicintsaveObject(Projectentity,HttpServletRequestrequest)throwsWriterException,IOException{//1.对数据进行合法验证if(entity==null){thrownewServiceException("保存对象不能为空");}if(StringUtils.isEmpty(entity.getProjectId())){thrownewServiceException("项目编号为空");}if(StringUtils.isEmpty(entity.getProjectName())){thrownewServiceException("项目名称为空");}returnprojectDao.insertObject(entity);}（2）删除项目@OverridepublicintdeleteObject(Integerid){//1.合法性验证if(id==null||id<=0)thrownewServiceException("数据不合法,id="+id);//2.执行删除操作introws=projectDao.deleteObject(id);if(rows==0)thrownewServiceException("此信息可能已经不存在");returnrows;}（3）修改项目信息@OverridepublicvoidupdateObject(StringprojectId,StringgoujianIds){//先删除原有的绑定关系List<goujian>goujianList=projectDao.findPageObjects5(projectId);System.out.println(goujianList);Stringstr="";for(inti=0;i<goujianList.size();i++){str=goujianList.get(i).getId()+str+",";}System.out.println(str);projectDao.deleteObjectByProjectId(projectId);//将解除状态的构件的状态变成0Integerstatus1=0;String[]arr=goujianIds.split(",");for(inti=0;i<arr.length;i++){ projectDao.changeStatus(arr[i],status1);}//新增现有的关系Integerstatus=1;String[]arr2=goujianIds.split(",");for(inti=0;i<arr2.length;i++){ projectDao.changeStatus(arr[i],status);}projectDao.insertObject2(projectId,goujianIds.split(","));}（4）项目查询@OverridepublicPageObject<Map<String,Object>>findPageObjects(IntegerpageCurrent,Stringgname){//1.查询总记录数introwCount=projectDao.getRowCount();//2.查询当前页记录//3.默认10条intpageSize=5;if(pageCurrent==null||pageCurrent<1)thrownewServiceException("当前页码不正确");intstartIndex=(pageCurrent-1)*pageSize;List<Map<String,Object>>list=projectDao.findPageObjects(startIndex,pageSize,gname);//3.封装数据PageObject<Map<String,Object>>pageObject=newPageObject<>();pageObject.setRecords(list);pageObject.setRowCount(rowCount);pageObject.setPageSize(pageSize);pageObject.setPageCurrent(pageCurrent);//4.返回数据returnpageObject;}（5）查询单个项目里面构件信息@OverridepublicMap<String,Object>findObjectById(Integerid){if(id==null||id<=0)thrownewServiceException("数据不合法,id="+id);Map<String,Object>map=projectDao.findObjectById(id);if(map==null||map.size()==0)thrownewServiceException("此记录已经不存在");//3.查询项目绑定的构件List<Integer>goujianIds=projectDao.findGoujianIdsById(id);map.put("goujianIds",goujianIds);returnmap;}4系统测试4.1系统管理员功能模块的界面4.1.1用户登录界面登录界面能够实现：系统管理员，项目经理，生产员的登录。界面展示如图4-1所示。图4-1用户登录界面4.1.2角色管理界面系统管理员登录以后能实现对于角色的添加和删除界面展示如图4-2示。图4-2角色管理界面4.1.3权限控制界面系统管理员对角色赋予权限，界面展示如图4-3所示。图4-3权限控制界面4.1.4管理构件界面系统管理员能够对添加构件，删除和修改，界面展示如图4-4所示。图4-4管理构件界面4.1.5构件显示界面系统管理员将构件添加以后生成显示构件参数的列表页，界面展示如图4-5所示。图4-5构件显示界面4.2项目经理功能模块的界面4.2.1项目管理界面项目经理登录以后能够对于项目有添加，删除和修改的功能，界面展示如图4-6所示。图4-6项目管理界面4.2.2项目显示界面项目经理把项目添加完成以后生成一个查看项目的列表页，界面展示如图4-7所示。图4-7项目显示界面4.2.3项目搜索界面项目经理能够通过项目名对项目进行搜索，界面展示如图4-8所示。图4-8项目搜索界面4.2.4项目添加构件界面项目经理可以对每一个项目添加对应的构件，界面展示如图4-9所示。图4-9项目添加构件界面4.2.5构件查看界面项目经理点击项目的查看按钮可以对每一个项目添加的构件进行查看，界面展示如图4-10所示。图4-10构件查看界面4.2.6构件搜索界面项目经理能够对构件进行搜索查找，界面展示如图4-11所示。图4-11构件搜索界面4.2.7二维码生成界面项目经理吧构件添加到项目以后系统能对每一个构件生成相对应的二维码，界面展示如图4-12所示。图4-12二维码生成界面4.3生产员功能模块实现4.3.1生产员登录显示界面生产员能够看到项目经理添加到项目里面的所有构件，界面展示如图4-13所示。图4-13生产员登录显示界面4.3.2扫码界面生产员扫码二维码点击对应的按钮，更新构件的状态信息，界面展示如图4-14所示。图4-14扫码界面4.4测试用例以下对于系统测试用例。（1）用户登录测试，测试用例如下表4-1所示。表4-1用户登录测试用例编号01用例名称验证用户输错密码能否正常登录步骤进入本系统输入账号：test输入密码：1234点击登录期望结果登录失败，进入不了主界面。用户进入不系统实际结果登录失败，进入不了主界面。用户进入不系统（2）用户登出测试，测试用例如下表4-2所示。表4-2用户登出操作测试用例编号02用例名称验证用户登出操作后页面跳转以及登出后可以进行的操作步骤用户登录找到退出登录按钮用户点击退出登录按钮期望结果用户返回系统主界面，需重新登录实际结果用户返回系统主界面，需重新登录（3）项目添加、修改、删除测试，测试用例如下表4-3所示。表4-3项目添加、修改、删除测试用例编号003用例名称项目添加、修改、删除后更改数据显示结果步骤项目经理登录点击项目添加按钮，添加后保存点击项目修改按钮，修改后保存点击项目添加按钮，添加后保存查看更改后的项目显示期望结果更改后项目数据显示无误实际结果更改后项目数据显示无误（4）构件添加、修改、删除测试，测试用例如下表4-4所示。表4-4构件添加、修改、删除测试用例编号004用例名称构件添加、修改、删除后更改数据显示结果步骤系统管理员登录点击构件添加按钮，添加后保存点击构件修改按钮，修改后保存点击构件添加按钮，添加后保存查看更改后的构件显示期望结果更改后构件数据显示无误实际结果更改后构件数据显示无误（5）生产员扫码测试，测试用例如下表4-5所示。表4-5生产员扫码测试用例编号005用例名称生产员扫码测试步骤生产员登录生产员手机扫描对应构件二维码点击更改构件状态时间按钮期望结果构件生产对应的状态时间被更改实际结果构件生产对应的状态时间被更改4.5测试分析经过上述测试，本系统各项操作中均可按照预期的设计运行，实现了基于H5的构件管理系统开发目标与要求。重要的是，还要从最终用户的角度进行安全性和可用性测试。完成了系统的基本功能。课题与环保、社会和经济的联系随着国家大力提倡绿色发展，建设资源节约型，环境保护型社会理念的传播，传统建筑生产方式需要社会性变革，以满足当前建筑需求。由此，一种节能环保的新型生产方式——预制装配式构件应时而现。现浇式建筑是一种传统的建筑生产方式，通过现场搭好模板，在模板上安装好钢筋，再在现场浇筑混凝土、拆除模板。随着施工技术的不断发展，目前现浇技术的不足越来越显著，主要表现在施工工期较长、施工量较多增加了工人们的劳动量，在工程质量以及施工效率方面也不尽人意。装配式构件是由工厂生产,再将其运输到施工现场并完成安装,其与传统的工程施工存在着较大的差别,装配式构件具有施工效率高以及节能等优势,是未来建筑工程建设发展的必然趋势。同时作为新型建筑生产方式与传统的建筑方式相比，其环保性是不言而喻的。系统是构件生产管理中必不可少的部分，对构件的管理是对于构件状态信息的实时把控，是生产厂和施工现场正常运作的重要环节。当前社会的节奏不断加快，所以企业管理效率需要不断的提升。现阶段，我国大部分企业的构件管理系统仍然使用的是纸质档案的管理方式，需要管理人员手工的填写各种文件，实现对物品的管理工作。这种方式虽然操作起来比较直观，但是其效率低、易出错、不便于权限管理以及以后的查找和维护。这些问题的存在，促使我们对传统的构件管理系统进行改进，以满足当前社会对构件管理系统的需求，为此我们借助计算机将数据数字化，从而取代传统的方法。构件管理系统中，构件信息对检索、监控以及管理尤为重要。传统的方法是在构件上贴上标签，标签上写着诸如商品名称、价格、出厂日期等信息。但是这种方法不适合电子化的构件管理系统，于是很多厂商想到了使用一维条码记录这些信息，从而使得整个流程更加简洁和规范，这样大大节省了人力成本和减少了纸质文档的使用。结论这次的毕业设计，这也让我学到了不少的东西，毕业设计是对大学四年所学知识的综合应用。通过毕业设计，我复习了以前在课堂上学习的专业知识，学习和体会到了程序设计应当有过硬的技术。从最一开始的程序设计我查了不少的资料。从最开始的了解什么是装配式构件，与传统的建筑相比其优势是什么。开始初步学习前端技术，查阅数据库相关质料，设计数据库。学习ssm框架。在系统设计之中我也学到了很多以前没有接触过的东西。系统设计通常以用户的需求为主，以技术先进、系统实用为主。在编码过程中也遇到过很多的难题，在此系统中我完成了系统的大部分功能，但相对于真正实用的产品型软件来说还有很大的不足，功能上也有不少缺陷，界面也做的不是很美观，毕业设计对于我来说这是一个巨大的考验，之前也没做过web相关的项目，所以遇到问题我我都会先查阅相关资料独立思考，这样才能有更多的收获，我深深的感觉到了基础知识的重要性。专业课学习时，老是感觉所学知识与实际相差太远。这种急功近利的思想使自己对一些专业课的学习有所放松，在毕业设计的过程中，我深深的体会到了“书到用时方恨少”的含义。在以后的学习生.活中切不可急于求成而忽略了夯实基础。“万丈高楼从地起”，切实做到理论联系实际，学以致用自学能力得到了很大的提升。致谢通过这一个阶段的努力，终于完成了基于H5的构件管理系统设计与实现，这意味着大学生活即将结束。在大学的几年生活中，非常感谢老师和同学对我的帮助和鼓励，与同学在大学生活中成长。本设计的