论文总字数：32713字

摘 要

现如今，电梯行业发展如火如荼，为更好地监控电梯状态、调度人力资源、提高服务效率，电梯监管系统应运而生。结合了原生应用和网页应用双方优点的混合应用作为新起之秀，以PhoneGap、AppCan为主要开发平台，应用于许多主流平台。本项目将Hybrid App应用于电梯监控系统开发，设计并开发了基于AppCan平台的智慧电梯监控与管理APP。

基于对项目的需求分析，本项目以AppCan为开发平台，以Vue.js为开发框架，使用前端开发技术开发实现了有友好交互页面的移动应用，实现了基础用户模块和与电梯相关的业务功能。通过网络请求访问后台服务器的数据，该应用能实时同步电梯的运行状态、工单等信息，为电梯用户提供紧急救援、故障处理等平台，更方便维修工人及时处理电梯故障。结合Vue框架，该应用实现了用户交互式响应和关注功能，并通过使用插件大大丰富了应用功能，使其实现效果趋于原生应用。

本项目是对新事物、新平台、新框架的探索，是对交互式应用开发的探索。作为发展新趋势的混合应用、交互式框架Vue在轻量、开发维护等方面确有强大的优势。

关键词：电梯管理，混合应用，AppCan平台，Vue.js框架

Abstract

Nowadays, elevator industry is growing vigorously. Elevator supervision system emerges to better monitor elevator, dispatch human resources and thus improve service efficiency. Meanwhile, combining the advantages of both native apps and web apps, a hybrid app as a new comer, with PhoneGap and AppCan as main development platforms, has been applied to many mainstream platforms. Applying Hybrid App to the development of elevator monitoring system, this project designs and develops an APP based on AppCan for elevator monitoring and management.

Based on the demand analysis of the system, this project takes AppCan as the development platform and Vue.js as the development framework, using the front-end development technology to develop mobile applications with friendly interactive pages and realizes the basic user module and business functions relevant to elevator. The application, with the network request to access the background server data, can synchronize the elevator running status, work orders and other information in real time, providing elevator users with emergency rescue and fault handling platforms and making it more convenient for maintenance workers to deal with elevator failures in time. Combined with the Vue.js framework, the application implements user interactive response and attention functions. Besides, the application with considerable functions compares with native apps in virtue of many official plugins.

This project is not only an exploration of new things, new platforms and new frameworks, but also a research on interactive application development. Undoubtedly, hybrid application, a new trend of application development, along with interactive framework Vue can possess great advantages.

KEY WORDS: elevator management, Hybrid APP, AppCan platform, Vue.js framework

目 录

摘 要 I

Abstract II

第一章 绪论 1

1.1 选题背景及意义 1

1.1.1 选题背景 1

1.1.2 研究意义 2

1.1.3 项目内容 2

1.2 国内外电梯监管系统发展现状和相关研究 3

1.2.1 国外发展现状和相关研究 3

1.2.2 国内发展现状和相关研究 3

1.3 论文研究内容 4

1.4 论文结构安排 4

第二章 技术概论和平台搭建 6

2.1 Hybrid APP开发模式 6

2.2 电梯监管系统开发平台AppCan 7

2.2.1 多终端适配 7

2.2.2 插件机制 8

2.3 系统前端开发技术介绍 8

2.4 系统开发框架Vue.js 9

2.5 平台搭建 10

2.5.1 AppCan平台搭建 10

2.5.2 Vue.js框架的引入 11

2.6 本章小结 11

第三章 系统需求分析和设计 12

3.1 系统需求分析 12

3.1.1 可行性分析 12

3.1.2 目标分析 12

3.1.3 功能用例分析 13

3.2 系统总体设计 14

3.3 系统模块设计 15

3.3.1 用户模块 15

3.3.2 展示模块 16

3.3.3 操作模块 17

3.4 应用界面UI设计 17

3.5 本章小结 18

第四章 系统实现 19

4.1 用户模块实现 19

4.1.1 技术框架和实现效果 19

4.1.2 用户账号格式的实现 20

4.1.3 登录前后页面刷新的实现 21

4.1.4 手机短信验证进行注册和验证 21

4.1.5 用户页面和子页面之间的跳转实现 22

4.2 工单页面及电梯运行/关注页面的实现 23

4.2.1 技术框架和实现效果 23

4.2.2 工单数据获取 25

4.2.3 工单和电梯运行数据动态绑定和展示 25

4.2.4 关注/取消关注的UI响应式更改 28

4.2.5 关注功能的实现 28

4.3 主页及其子页面实现 29

4.3.1 技术框架和实现效果 29

4.3.2 当前城市区域实现 31

4.3.3 电梯反馈页面的实现 32

4.4 关注主页面的实现 33

4.4.1 技术框架和实现效果 33

4.4.2 通知详情显示功能 35

4.5 页面之间的联系和枢纽模块 36

4.6 本章小结 36

第五章 系统测试和评价 38

5.1 系统测试 38

5.1.1 测试平台 38

5.1.2 测试结果 38

5.2 系统评价 38

5.2.1 应用的特点 38

5.2.2 项目技术开发的特点 38

5.2.3 系统开发和应用的不足 39

5.3 本章小结 39

第六章 总结与展望 40

6.1 总结 40

6.2 展望 40

参考文献 42

致 谢 44

绪论

选题背景及意义

选题背景

近年来，随着社会对吃住行便利和安全要求的提高，电梯安全和服务问题逐渐成为成为社会和行业关注的热点，受到政府的高度重视。自相关政策将住宅设置电梯的楼层的最低标准由七层降为四层^[1]，国内建筑对电梯的需求日趋增大。国家市场监督管理总局调查显示，截至2017年底，我国电梯总数量比2016年增长11.7%，达到562.7万台^[2]。

随着电梯市场进一步的发展、成熟和稳定，电梯企业在电梯维保、服务等方面展开新一轮较量。2018年2月1日国办发8号文件^[3]、28日质检总局的质检特函6号文件^[4]明确提出着力推进电梯监管综合改革，创新按需维保、“物联网 维保”、“保险 服务”新模式，转变维保模式。国家相关政策的陆续出台，更明确了服务能力体系的建设在电梯企业未来发展中的重要性。

剩余内容已隐藏，请支付后下载全文，论文总字数：32713字