基于html5的物流信息系统的设计和开发

 2022-01-17 11:01

论文总字数:22893字

目 录

1. 绪论 1

  1.1 课题背景和意义 1

  1.2 国内外研究现状 2

    1.2.1 研究内容的研究现状 2

    1.2.2 研究手段的研究现状 2

  1.3 研究内容及章节安排 2

    1.3.1 研究内容 2

    1.3.2 研究的方法及技术路线 3

    1.3.3 章节安排 3

2.技术介绍 4

  2.1开发工具及技术 4

    2.1.1开发工具 4

    2.1.2 MyEclipse 4

    2.1.3 Tomcat 4

    2.1.4 MySQL 4

    2.1.5 SSH框架 4

    2.1.6 JavaScript 5

    2.1.7 HTML5 5

  2.2软硬件需求 6

3.基于HTML5的物流管理系统的设计 6

  3.1需求分析 6

  3.2可行性分析 6

    3.2.1技术的可行性 6

    3.2.2经济的可行性 6

    3.2.3社会的可行性 7

    3.2.4法律的可行性 7

  3.3系统用户用例图 7

  3.4功能需求分析 7

  3.5设计的基本思想 8

  3.6性能需求 8

    3.6.1系统的安全性 8

    3.6.2数据的完整性 9

  3.7界面需求 9

4.系统分析与设计 9

  4.1数据库表的构建 9

5.系统功能实现 10

  5.1前台页面实现 10

    5.1.1 主页面 10

    5.1.2 header和footer 11

    5.1.3 nav导航:CSS3和SVG的应用 11

    5.1.4 会滚动的广播和图片幻灯片 13

    5.1.5 地图API的调用 15

    5.1.6 用JS写的日期提示 16

    5.1.7 canvas的应用 16

    5.1.8 多媒体的应用 17

    5.1.9 精益化培训的下载 18

    5.1.10 前台页面 18

  5.2后台登录页面实现 19

  5.3后台主页面设计 20

    5.3.1管理员主页面 20

    5.3.2普通员工页面 20

  5.4 各大模块设计 21

    5.4.1物料管理模块 21

    5.4.2 入库领料管理模块 22

    5.4.3 新闻信息管理模块 23

    5.4.4 基本信息管理模块 26

    5.4.5 库存模块 27

    5.4.6 物流单管理模块 27

  5.5 系统测试 28

    5.5.1系统测试目的与意义 28

    5.5.2主页面的登录模块测试 28

    5.5.3其他错误 28

6.总结与展望 29

参考文献 30

致谢 31

基于HTML5的物流信息系统的设计与开发

王嘉磊

,China

Abstract:Science and technology,including the computer technology are developing at a surprising speed. Various kinds of management systems and platforms have been developed and applied into every field of society. In the case of management models’ rapid change, many industries have realized that the outdated traditional form of the manual management was unable to meet the needs of this era. With the United Automotive Electronic Systems(UAES)— who cares most about the material flow —as an example, we find that a simple and clear warehousing logistics management system plays a very important role. In such a case, we will take the logistics center as an example and develops with the B/S structure. And the front-stage uses the HTML5 language, integrating through the use of JSP, while the back-stage uses the Java language. In the base of the original warehousing function, this system expands the depth and breadth, details the business processes, adds additional functions and complete the information network of logistics management. Then finally, it provides the workers with a logistics information platform, which has convenient management and operation, realizes the diversification and sharing of information, and is conducive to the development of the enterprise culture.

Keywords: html5;jsp;material flow;B/S structure;logistics information

1. 绪论

1.1 课题背景和意义

如今这个时代,科技和计算机的高速发展已经划分了时代,生活在这个时代人们获得了更多便利的条件来追求效率。各企业不管规模大小,都已经察觉到传统的手工管理形式不能跟上时代的快节奏步伐。以无锡联合汽车电子为例,以物料和物流为主力军的汽车行业,定制一套正规的物料流以及仓库管理系统十分重要。但遗憾的是,该企业的外租仓库无法使用该企业内部的管理系统。该仓库人员无论是管理库存、物料或者是物流,都是以落后的手工单报表,针对手工管理的低效、易错、繁琐,而且消耗人力物力财力量大,开发一套针对该企业外租仓库的物流中心管理系统十分必要。

管理信息系统起初采用C/S结构,应用于最基础的工作。如报表、查看物料流单、人事管理等。伴随着网络平台的发展和人们对系统需求的进一步提高,人们更加强调系统的平台性和便利性。因此更多管理系统趋向于B/S结构的web网页平台化发展,在保证基本管理的前提下,使人们在远程化和网络化管理中更加便利。

而在web网页大势的同时也推动了超文本标记语言HTML的发展,在抛弃了传统的累赘标签和无关的繁琐代码之后,语义化的HTML5出现了,使HTML进入了轻巧和直观的新层面[10]。如:新的文档申明,更加简单明了;网页头和尾的语义化;甚至可以使网页元素分组化;视频和音频标签的使用,使得我们只需要运用一个简单的标签就可以告诉网页如何调用视频与音频,无需经过第三方的渲染[16]。而更加有趣的是画布canvas的应用,让网页的交互到了让人啧啧称叹的地步,人们可以运用各种函数来涂鸦以前生硬、粗糙的网页,出现更加直观的动画、特效以及画面。

在此基础上,HTML5 “孕育”很多了 API,比如说用户全屏,使得网页更加像是本地应用程序;或者是针对不同的用户检测用户可见性;不用插件的前提下,允许访问并且调用摄像头和麦克风;网页的预加载,不仅提高了浏览网页的速度,使网页在缓存浏览方面更加平滑;调用访问记录来快速跳转;检测电池信息等等。当然应用最广的还是地理信息API,人们调用各种方法来处理地理数据[9]。相应的,如今的互联网网页上甚至是移动端网页应用里都调用了个性化的地图,这些也许只调用了几句简单的标记语言,较之以往繁琐的javascript代码写了又写,这无疑是全新的体验。

显而易见,HTML的发展意味着开发web将运用更加少的代码和累赘文件,加上CSS3的样式表给网页带来全新的动画和交互体验,jQuery的包装化让代码更加简约清晰,多种如Bootstrap框架的趋势化,构建一个网页将运用更少的时间,随之而来的,网页的美观度和流畅度迎来了全新的一面[11]

本课题开发的物流管理系统就是基于HTML5的物流管理系统。

1.2 国内外研究现状

1.2.1 研究内容的研究现状

在讲究企业效率的和规范化的国外,能交互的web管理系统很早就大部分涌出,各种基于HTML的平台发挥着相应的功能,主要有G-Log软件,是应用于汽车运输管理的平台,在很多行业有广泛应用。

国内,原来的整车物流企业并没有互联网平台来作为工具,包括像蓝海物流这种公司。这两年由于网页平台的兴起,在结合时代背景下,人们开始注重管理系统在互联网上的定位。很多国内企业都采用了购买的方式买取管理特权,主要有驿虎、麦秸等管理系统软件。国内也有自我开发的叫CHI的管理系统进军市场,在互联网上发布了之后,找到了巨大的商业定位。许多国内企业将管理系统外包给这两年大量兴起的外包公司定做。但这些系统都管理范围过大,缺少相对的企业针对性,有些并不利于企业特色管理。

1.2.2 研究手段的研究现状

以国内来说,之前的物流管理系统大多基于C/S结构,与用户甚至是企业内部员工交互很少,主要是为了操作而操作。而其中.NET语言就是创造这些系统的主力军。这两年,基于web的管理平台已越来越多,功能种类也繁多。人们对于用HTML语言来塑造系统已经十分推崇。然而,对于这两年才崭露头角的新人HTML5的应用相对较少,针对于企业特色的管理系统仍然少之又少,尤其企业自己的物流,外租仓库与内部仓库之间的难以协调,租用的管理系统没有自身企业特色,外租仓库仍采用手工单来报账,导致效率低下。

对于如今流行的HTML5,和传统的管理系统,碰撞出了新的组合。往后,可能越来越多的技术人员将这些新的技术,如:canvas、媒体技术应用到管理中去。

1.3 研究内容及章节安排

1.3.1 研究内容

完成管理企业内部仓储的基础功能,主要内容包括:前台的信息展示、后台的信息、物料、物流订单管理等几大功能模块。具体包括:前台的信息展示和物流单查询,后台的操作员工、物流订单、物料、新闻、库存等功能模块并保证安全性和简洁性。

操作人员管理:对于操作用户的管理以及操作权限的控制。

物流管理功能:物流单信息的增删改查。

相关企业信息管理功能:新闻、公告等信息的增删改查。

企业培训管理功能:结合企业自身的培训计划,知识和规则的宣传培训分享。

物料信息管理:管理物料信息。

物料分类管理:根据联合汽车电子的物料的分类。

物料存放地管理:管理物料存放地信息。

模糊查询功能:通过一些关键字来查询物料的详细信息,提高查询效率。

库存管理功能:物料记录入库。

物料领料管理:对仓库的物料实现领料,物料领料完成,系统自动更改库存数量。

库存清单查看与搜索:查看当前仓库的库存清单,同行支持按条件进行搜索定位,方便随时了解库存状态,快速解决库存积压等问题。

企业内部车辆管理:运输车辆的详情信息。

1.3.2 研究的方法及技术路线

  设计与实现过程:

1. 收集相关资料,进行需求分析;

2. 概要设计,创建相应数据库模型;

3. 数据库设计,将数据库模型转化为物理数据库;

4. 设计并运用html和样式实现系统前端界面;

5. 设计后台各模块;

6. 实现后台功能;

7. 测试。

前端的搭建将体现本课题的重点,包含了对CSS DIV布局的切图,对jQuery、javascript的动态掌控。在实现页面的同时,也利用HTML5的新特新,如:对canvas、视频的调用、地图的调用、特效的制作,来完善交互体验。

1.3.3 章节安排

剩余内容已隐藏,请支付后下载全文,论文总字数:22893字

相关图片展示:

您需要先支付 80元 才能查看全部内容!立即支付

该课题毕业论文、开题报告、外文翻译、程序设计、图纸设计等资料可联系客服协助查找;