智能手机接入小区管理系统设计和实现 计算机专业

1、智能手机接入小区管理系统设计摘 要社区是社会的一个主要组成部分，社区自身的成熟对社会整体的进步起着不可言喻的作用。中国经济飞速发展的同时，人们对社会基层的成长也提出了新的要求：一是随着国家综合实力的不断增强，社区工作不再像以前那样可以“忽略”；二是社会主义市场经济体制的改革过程中，迫切需要注意党在基层社区的建设；三是由于城镇人口巨大的增长速度，需要优化老旧的社区管理模式；四是随着人民生活水平的不断提高，人们开始更加渴望多元化的精神文化建设。在新的时代，应该有更优质的社区建设被实施，来满足人们在这方面的需求。本文通过研究国内外的相关学术成果，分析了当前时代社区的发展情况以及社区管理模式的异同，并

2、且介绍了当前社区管理应用的混乱现象。本次设计利用Express框架设计了一个轻量级的应用，使得智能手机接入小区管理系统。并且应用最新的Manifest技术，无需复杂的操作，即可完成信息的查询、事件的申报、代理缴费等任务。节省了大量的人力以及时间资源、降低了处理情况的繁杂度，为智能化社区的进展添砖加瓦，给居民的生活提供了便利。关键词：Express；Manifest；智能手机The Design of Community Management System with Smartphone AccessAbstract: Community is an important part of soci

3、ety, and the development of the community plays a unique role in the development of the whole society. With the economic development, new requirements have also been put forward for the social base: First, as Chinas comprehensive strength continues to increase, community work at the grassroots level

4、 has become more important; Second, during the reform of the socialist market economic system, there is an urgent need to strengthen the party building at the grassroots level; Third, due to the huge growth rate of urban population, we need to optimize the old community management model.; Fourth, as

5、 peoples living standards continue to improve, peoples demand for material culture and spiritual culture have become more diverse. In the new era, there should be better community building implemented to meet peoples needs.By studying the relevant academic achievements at home and abroad, this artic

6、le analyzed the development of communities and the similarities and differences of community management models. It also introduced the chaos of current community management applications.This design uses Express framework to design a lightweight application, which makes smartphone could access to com

7、munity management system. And with the latest Manifest technology, you can complete information query, event reporting, agent payment, and other tasks without too much operations. It saves a lot of manpower and time resources, reduces the complexity of the processing situation, and contributes to th

8、e upgrading progress of intelligent community, provides so many conveniences for residents daily life.Keywords: Express;Manifest; Smartphone目 录 TOC o 1-3 h z u HYPERLINK l _Toc515545532 第1章 前 言 PAGEREF _Toc515545532 h 1 HYPERLINK l _Toc515545533 1.1 课题背景 PAGEREF _Toc515545533 h 1 HYPERLINK l _Toc515

9、545534 1.1.1 国内社区管理近况的分析 PAGEREF _Toc515545534 h 1 HYPERLINK l _Toc515545535 1.1.2 国外社区发展情况的研究 PAGEREF _Toc515545535 h 3 HYPERLINK l _Toc515545536 1.2 主要内容 PAGEREF _Toc515545536 h 4 HYPERLINK l _Toc515545537 1.3 预期目标 PAGEREF _Toc515545537 h 5 HYPERLINK l _Toc515545538 第2章 小区管理系统的需求分析 PAGEREF _Toc515

10、545538 h 6 HYPERLINK l _Toc515545539 2.1 社区管理系统需求的抉择 PAGEREF _Toc515545539 h 6 HYPERLINK l _Toc515545540 2.2 社区管理系统发展方向的分析 PAGEREF _Toc515545540 h 7 HYPERLINK l _Toc515545541 第3章 小区管理系统开发中的主要技术 PAGEREF _Toc515545541 h 9 HYPERLINK l _Toc515545542 3.1 HTML的技术应用研究 PAGEREF _Toc515545542 h 9 HYPERLINK l

11、_Toc515545543 3.2 JavaScript的技术应用研究 PAGEREF _Toc515545543 h 10 HYPERLINK l _Toc515545544 3.3 MongoDB的技术应用研究 PAGEREF _Toc515545544 h 11 HYPERLINK l _Toc515545545 3.4 HTTPS的特点分析 PAGEREF _Toc515545545 h 13 HYPERLINK l _Toc515545546 第4章 小区管理系统设计与实现 PAGEREF _Toc515545546 h 16 HYPERLINK l _Toc515545547 4.

12、1 小区管理系统总体设计 PAGEREF _Toc515545547 h 16 HYPERLINK l _Toc515545548 4.2 后端数据接口设计 PAGEREF _Toc515545548 h 17 HYPERLINK l _Toc515545549 4.3 前端界面设计 PAGEREF _Toc515545549 h 19 HYPERLINK l _Toc515545550 4.4 智能手机接入小区管理系统测试 PAGEREF _Toc515545550 h 23 HYPERLINK l _Toc515545551 结论 PAGEREF _Toc515545551 h 27 HY

13、PERLINK l _Toc515545552 致谢 PAGEREF _Toc515545552 h 28 HYPERLINK l _Toc515545553 参考文献 PAGEREF _Toc515545553 h 29第1章 前 言1.1 课题背景随着新时代的到来，物业管理越来越受到人们的重视，人们对美好生活环境和服务要求也不断增加，小区服务直接关系到人们的获得感、幸福感。在这种情况下，更好更便捷的社区管理和服务能为社区居民营造一个全方位的理想生活氛围，展示出中国城市的新时代的人类风采。进入到21世纪，中国城市地区的居民委员会都被上级组织勒令重建，它们的新名字中多了“社区”一词。原本党政性

14、质浓厚的居民委员会在此之后，社区服务所占的成分越来越大，所以“新版”居民委员会的门外会额外加一块“社区服务中心”的牌子。在上海市，由于存在着许多蜿蜒交错的巷弄，社区的概念一般用于指称街道办事处的辖区“街道”，通常为一个街道设置一个社区服务中心。国内的一些道路复杂的地区在社区服务实践过程中，也借鉴了上海的经验，同时因地制宜，提出了带有本地特色的社区服务管理模式，为当地居民的日常生活提供了不少的帮助。农村地区也受此影响，衍变出了不同的特征。查阅分析我国已“升级”的新型农村社区的新闻资料，可将其总结为以下2种：单独型，这类社区内的居民基本上是原来村庄的大部分村民，社区由原来的村庄单独改建；整合型，这

15、类社区基本是多个乡村重新组成的一个整体，居民来自于不同的村落。与传统的村庄相比，新型农村社区有很多地方需要新居民去适应：集中居住的楼房，管理层级的调整，公共空间的合理使用，个人生活的隐私，农忙季节农产品的晾晒去杂等（GreenMeansGo，2018）。由于物业管理涉及的管理范围较为广泛，管理内容繁杂，日常工作需要耗费大量人力、财力、物力，而借助因特网，采用现代化计算机管理手段来提高物业管理的效率、降低物业管理的成本，是一种行之有效的解决办法（陈长江 等，2006）。1.1.1 国内社区管理近况的分析中国房地产经过了迅猛发展的十余年，据有关统计，中国的物业管理公司大致有10500家，具有高级资

16、质的仅占到1/10，从业人员达到700万人，可见体系之庞大。然而一些不正当服务、不合理收费的现象依旧存在，管理系统的低效没有解决，物业管理、社区居民和周边店铺没有发展成为一个互利互惠的整体（闫立朝，2016）。分析部分资料总结出，当前社区管理存在的问题主要体现在以下几个方面：（一）社区管理体制存在问题现行的社区管理体制改革不够彻底，政府的负担仍旧不小。社区自治实际处于一种“傀儡”的情况之下。在当前的社区自治的实践发展中，社区的自治地位越来越凸显出来，这赋予了社区居民更多的权力，但在另一方面也意味着大量行政权力的上交，以至于社区管理体制下的诸多权力名存实亡。在这种情况下，社区自治和社区服务职能难

17、以成为社区工作的主要内容，职能缺位与越位交叉的现象十分严重。在改革开放后，居委会体制并未出现全局性变化，行政权威性弱化，职权、人力、财力、物力等的匮乏，导致很多看似容易的工作难以开展（张文彪，2018）242。（二）社区管理工作队伍专业化程度低现如今，随着城市单位体制的逐步弱化，越来越多的社会职能会不可避免地回归到社会，社会事务也逐步由社区来承担。但是社区管理工作的辐射范围广泛，涉及到的具体事务繁杂且专业化和综合性较强，这就需要社区工作者具备相应的文化社区管理方面专业知识与之匹配。社区管理工作并没有正规的人才引进渠道，相当一部分是临时工，社区管理工作的服务质量深受影响（张文彪，2018）242

18、。（三）社区组织管理法律制度不近完善目前我国城市社区管理的法制建设还不够健全，职责交叉而导致管理混乱，相应的管理制度尚未真正建立。社区自治组织的职责范围模糊，与物业公司、政府部门、业主委员会这三方之间的联动和权力边界不清晰且无明确规定，容易出现执行机构权责分配不均的现象。社会组织层面来看，社会中介组织发展缓慢，居民委员会等自治组织的作用尚未得到充分地发挥，社区居民参与率低，积极性不够，社区内的沟通交流机制也有待完善（张文彪，2018）242。（四）社区服务资源不足目前，我国的社区的服务设施严重缺乏，许多社区居委会和党群服务中心等办公场所难以达到国家标准。社会服务的财物来源于政府，但现实中的社会

19、服务经费并未完全列入政府预算，许多工作由于缺乏经费最后终止。并且由于社区之间难以共享资源，使得一些社区持有的资源未得到充分利用，资源闲置现象严重，社区资源整合程度低（张文彪，2018）243。1.1.2 国外社区发展情况的研究“A community is a social unit that shares common values, or a group of interacting living organisms sharing an environment.”这是维基百科的对于社区一词的释义，更能体现出外国人对于社区的认知。国外的社区发展相对国内早一些，使用“planned comm

20、unity”的方法来规划建立的占绝大多数。“planned community”的特点是预先策划、整齐明晰，大多数建立在未开发的绿地之上，例如芬兰的瓦萨、澳大利亚的堪培拉，都是典型。而最具代表性的“planned community”则是斯洛伐克的帕蒂赞斯克，设施齐全得更像一个小型城市。它于1938年和一座制鞋工厂一起被建立在一片平原之上，社区内的绝大多数成年人都任职于这个工厂（Sobreira，2018）。帕蒂赞斯克的俯瞰图如图1-1所示。图1-1 帕蒂赞斯克经过时间的沉淀，在外国的社区管理模式中，美国的自治型社区管理模式、日本地区的混合型社区管理模式以及新加坡的政府主导型社区管理模式这三种

21、发展成为了标志性的社区管理模式类型，其管理特色值得参考。自治型社区管理模式：在这种管理模式下，政府行为和社区行为是没有直接关系的，社区的工作完全自治，无论是联邦政府还是地方政府都没有权利干预社区事务。政府有关部门提供专项拨款，社区要进行一定的配合，同时通过各类社会团体及基金会来筹措一定的经费。社区的高度自治使得美国社区管理基本上是“政府规划、指导、资助，社区组织具体实施的运行方式”（李玉杰 等，2018）138。混合型社区管理模式：日本受西方文化传统的影响形成了混合型社区管理模式。政府负责对社区的规划、指导和经费支持，政府管理和自治特征相结合。地域中心和社会团体组织相互配合，给社区自治、社区管

22、理及其发展提供较大的发展空间。日本混合型社区是一种双向管理模式，是政府行政管理部门和民间管理组织之间的共同协作（李玉杰 等，2018）139。政府主导型社区管理模式：新加坡是一个文化多元化的国家，有着多种民族、宗教和文化传统，因此社区建设不仅要注重社区物质建设，更重要的是加强社区文化建设。新加坡根据地域范围划分为若干个社区发展理事会，负责实施本地域内的管理工作，社区发展理事会下设多个选区，按照选区为单位设立公民咨询委员会，负责与政府沟通，维护居民权益。社区管理的最基层组织是居民委员会，全国社区的总机构是人民协会，是一个半官方性质的社区管理机构，具有法定地位。这种管理模式的社区主要经费来源于社会

23、赞助和政府拨款（李玉杰 等，2018）139。1.2 主要内容最近这几年，我国在各地的社区管理领域实施了多项有创新意义的试验，取得了相当大的进步。但这并不代表着人们对现在的社区管理服务已经心满意足，正面面对并想办法解决社区管理过程中发生的问题，才是正确、科学的方式。本文主要介绍的是智能手机接入小区管理系统设计。利用JavaScript、HTML等语言设计、创建一个简易的小区管理系统，以浏览器为基础运行平台，实现智能手机接入小区管理系统设计，为用户提供清爽的界面体验以及实用的功能，让居民更切实地感受到互联网时代的信息技术给生活带来的便捷、舒适和安全。网页应用相比于通常的原生应用更为轻量，能为用户

24、带来更好的体验，而且可以通过改造升级为PWA，提供更完善的功能；此外，无需为不同设备的操作系统而做出不同的适配版本，因为应用是工作在浏览器上的，可以多平台共通。1.3 预期目标通过使用本应用，加强业主方与物业方之间的配合，减少不必要的摩擦和人员派遣，能够为业主提供更舒心的社区环境，能够为物业方提供更为有效率的管理能力，可谓是两全其美。在系统开发过程中可以根据实际的需求，适当地增删功能，现计划完成以下几个主要的目标：1.发布小区的重要消息、紧要告示，以及日常生活的实用信息；标示社区周边的一些重要场所，如医院、五金店等。用户通过点击新闻标题，可以获取到更为详细的内容。2.业主的维修投诉页面，住户通

25、过填写描述信息，把具体情况传达给物业方，物业方根据事件的种类、紧急程度等调度相关人员，更为有效地处理业主所遇到的问题，为业主提供优质的服务。3.日常缴费功能，住户可以填写准确信息来完成网上的代缴费，节省了不少时间。4.贴心服务功能，物业方能够依据住户填写的信息，代替住户完成一些任务，例如，临时保管物品、特别关照老人子女等。第2章 小区管理系统的需求分析2.1 社区管理系统需求的抉择经过第一章的分析，可以发现国内外的社区管理确实有很多不同之处，但这并不意味着其就没有值得借鉴学习的地方。每种社区管理模式在当地独有的政治、经济和文化的影响下，不断进化。每种成熟的管理模式都有其存在、发展至今的能力，只

26、有吸取国外的优秀方式，再结合本地特色稍加修改，才能创造出和谐高效的社区管理手段。表2-1具体展示了几种典型模式之间的差别。表2-1 不同社区管理模式主要特点比较一览表 类型特点自治型管理模式混合型管理模式政府主导型管理模式管理权力主体社区及自治组织社区和政府共同设立管理机构政府设立管理部门为主导政府社区关系完全分离部分分离完全结合居民参与意识极强较强较弱管理运行机制社区组织广泛参与政府支持，社区居民参与共同管理政府主持管理社区管理性质社会占主导地位政府和社会相协同政府主导借着互联网时代的优势，不少管理类型的应用出现在人们面前，帮助业主去参与社区事务，但是需要坦承的是，这些应用所提供的功能却使其

27、更像是一个购物类应用，并且广告的布置、插入也极大地降低了用户的使用体验以及使用欲望。居民需要切实地感受到互联网时代信息技术给生活带来的便捷、舒适和安全，但是这样的“特色”却“喧宾夺主”得有些明显。让社区的业主更多的参与进社区组织的健康向上的乐趣活动，不仅能够增强业主与社区之间的联系，而且可以丰富本地社区的精神属性，营造出欣欣向荣、积极向上的生活氛围。此外，社区内部的组织也能借此机会宣传自己的优势及作用，给予社区的业主列出更多的选择。社区管理机构需要更用心地协调政府与居民的关系，处事不能过于强硬、冷漠，要让社区内的居民更好地理解政府的相关政策、规范，要更顺滑地推行相关的措施方法，要更积极地举办阳

28、光有趣的活动，要更友善地处理邻里之间的小摩擦，更有效地解决社区内发生的问题，让居民全身心地体会到社区生活的美好。2.2 社区管理系统发展方向的分析新时代的科技发展日新月异，社会生产中的大多数行业都可以看到智能化管理的影子AI更是一个烫手山芋，为社会的进步献出了不可忽视的力量。其中，现代社区管理的智能化实践引起了社会各界人民的高度重视。在党的十九大报告中提出社会治理“社会化、法制化、智能化、专业化”要求的背景下，类型多样化的国际化社区治理对于探索复杂社区治理的有效形式和路径、推动形成更具包容性的城市发展形态具有极强的前瞻意义。通过对先进地区试点经验的调查和分析，可以看出中国正以开放的创新意识和强

29、有力的执政规划，借助丰富的党群政治资源，充分发挥社会组织和专业队伍的力量，将中国的制度优势转化为具体的社会治理效能（樊鹏，2018）57。新型社区治理，发挥着推动地方当局进行主动积极改革的作用城市管理者和基层官僚队伍会做出基于行政能力自保的理性选择。引入大量专业机构为街道以下的党组织和居委会分忧，发展其成为居民服务供给的主体，是现有体制下的“唯一”选项，有利于把基层党组织从具体、繁重的社区事务之中解放出来，也更有利于培育出健康高效的专业社会力量。从另一个角度来看，建设出高品质多元化的智能社区、留住高科技的专业人才，是带动地区产业升级和高端服务业发展的引擎，是推动城市向更高层次发展转型的有效手段

30、之一（樊鹏，2018）63。受到互联网急速发展的影响，很多家具也已经迈入了一个新的纪元它们变得更加“聪明”，能理解使用者发出的一些“复杂”的要求，而社区管理同样也借着智能化管理焕发了“新生”。小区车辆的智能识别、网上缴费、智能门锁、社区WIFI等，这些新技术逐步融入人们的生活之中，给人们带来了更好的生活体验。现在，互联网通过光纤把世界各地的人们串联起来；琳琅满目的应用层出不穷，提供了诸多实用的功能，改变了人们的生活方式。而智能化社区，则在持续地提供新颖的服务，给人类带来更优质的生活品质。未来，社区管理系统必将更紧密地与智慧家居结合起来，在一个地方，用户就能处理和社区日常生活相关的事物、为自己设

31、计出一个理想的生活环境。第3章 小区管理系统开发中的主要技术3.1 HTML的技术应用研究HTML（Hypertext Markup Language）超文本标记语言不是一种标准的编程语言；它是一种标记语言，它会教导浏览器如何去渲染将要访问的网页，目前主要使用的是它的第5个版本HTML5，公开于2014年。它可以变得复杂，也可以变得简单，这取决于开发者的选择。HTML的“基本成员”是元素，它能够包装或标记内容的不同部分，使其按照预先设计好的形式呈现在文档树中。HTML由位于第一行的“”声明，如果没有声明或者声明写错了，浏览器就没有办法正常渲染页面，一个最简单的HTML文件的结构如图3-1所示。

32、图3-1 HTML的结构物理学家Tim Berners-Lee在欧洲核研究组织工作时，为科学家们设计出一种可以在因特网上共享文件的方法，但是其介质只能是通过邮件、FTP等来传输的纯文本文件。早期版本的HTML也试图加入SGML大家族，但在HTML4之前的语法并没有严格地遵守SGML的标准因为HTML的定义就是“松散的”。SGML是一种语法及其复杂的标记语言，已经不再适应于现代互联网的高速发展。因此，作为主管的W3C在制定新一代HTML标准时，决定脱离SGML的语法限制，把语言风格明朗化、简洁化，让其浅显易懂，并且延续了部分HTML4的风格。开始标签把一个约定好的值元素名括在尖括号内，它表示这个

33、元素在此生效；结束标签与开始标记基本上是相同的，但多了一个正斜杠，它代表这个元素在此“收场”。内容在独特的元素中有不同的含义，如在图3-2中代表着一段文本。上述的各个“部分”拼接起来便构成了一个简单的元素。不同类型的元素都有各自独有的特点，也有共通的地方，这也是W3C所期望的“responsive”。元素也能够获得额外的属性，属性包含元素的一些附带的、或是自有的有用的信息，不过这些重要的信息并不会直接展示给访问的浏览者，通常被开发者用来设计网页内各区块的样式以增强视觉效果。图3-2 一个简单元素的结构因为HTML的处理对象是浏览器，所以它可以在不同的系统上给用户带来大致一样的内容呈现如果使用同

34、款浏览器的话，同时会为不同的界面（分辨率）做出不同程度的自适应以提供更好的用户体验（Pachinko，2018）。3.2 JavaScript的技术应用研究JavaScript是世界上最流行的脚本语言，因为在互联网上能够浏览到的全部网页以及衍生的HTML5应用的交互逻辑都是由JavaScript实现的。1995年，美国的网景（Netscape）公司凭借Navigator浏览器成为了人类迈入Web时代后最有名的第一代互联网公司。后来，网景公司想让一些动态反馈可以在静态网页上体现出来，使网页看起来“富有生命力”，让网页能够与使用者“互动”。Brendan Eich因此受命设计一种新的编程语言去实现

35、这个目标，也就是JavaScript。经过十几年的发展，所有现代的HTML页面都使用JavaScript来增强用户与Web站点和Web应用程序之间的交互（Canon，2017）。与HTML不同，JavaScript是轻量级的解释型编程语言。通过编写不同的代码，可以创建动态更新的内容，控制页面渲染的内容，以及更多。AngularJS是一个基于JavaScript的开源前端Web应用程序框架，于2009年被开发出来，后来被Google公司收购。现在主要由Google的AngularJS团队和开发者社区来维护，以解决开发单页面应用程序时所遇到的许多问题。AngularJS调整、改写了部分标准的HTM

36、L标签和属性，在降低代码复杂度的同时，增强了脚本代码的可读性。得益于双向的数据绑定，网页中的一部分数据会被AngularJS拿来与JavaScript对象中对应的值对比、更新。为了创建更易于测试的开发项目，AngularJS会诱导渲染引擎去处理依赖注入和交换控制。它还使用承诺（Promise）和延迟对象（defer）优化处理原本复杂的异步回调过程（Aqra，2018）。2014年，原本的AngularJS团队开始开发新一代Angular应用平台Angular 2.0，并通知各位开发者将会于2018年7月发布AngularJS的长期支持版本1.7。尽管AngularJS的版本停止在了1.x，但是

37、这并不代表着它是一个落后、难以使用、性能差劲、被抛弃的框架，世界上仍有10%左右开发者依然选择AngularJS作为他们的前端框架，社区中的讨论也在继续。Node.js问世于2009年，是一个基于Chrome V8引擎的JavaScript运行环境。 Node.js使用的是由事件驱动的、非阻塞式I/O的事务处理模型。JavaScript其实是一个完整的编程语言虽然在有些地方的规范不够“严谨”。由于部分前端开发者通常写得没有那么规整，给人们留下了“JavaScript就是个玩具语言”的坏印象。如果模块化的JavaScript代码运行在Node.js上的话，开发者就完全没有解决浏览器兼容性问题的后

38、顾之忧，并且能够使用最新的ES6语法标准，完全满足工程上的需求，足以设计出高性能的Web服务（佚名，2018）。Express.js是世界上最流行的基于Node.js的开源web框架，它高度包容、快速而极简的，无需繁琐的设置即可建立出表现优秀的网站。各大论坛中关于它的讨论帖的数量是一个巨大的数字，开发者们没有任何理由不选择它作为一个轻量级应用的“后盾”（佚名，2018）。3.3 MongoDB的技术应用研究MongoDB（Mongo Database）是使用C+语言编写的一个基于分布式文件存储的开源数据库系统。MongoDB不是传统的关系型数据库管理系统。在操作相当大量的数据时，NoSQL类数

39、据库能够比传统的关系型数据库展现出更优秀的表现。目前比较流行的Python，Java等多种语言都在MongoDB的支持列表中, MongoDB还为市场上主流的操作系统推出了各自的版本。NoSQL是“Not Only SQL（不仅仅是SQL)”的简写形式。在2009年的一次关于分布式开源数据库的会议上，来自Rackspace的Eric Evans把“NoSQL”再次引入人们的视线，此刻的“NoSQL”代表的是非关系型、分布式、没有提供“ACID”的数据库设计模式。同年，“no:sql(east)”在亚特兰大召开，它挥出了这项革命性运动的最浓墨重彩的一笔让世界再次意识到NoSQL类数据库的优势。对

40、彼时风靡全球的关系型数据库来说，这一概念在全球范围内的盛行无疑让人们瞠目结舌。时至今日，对“NoSQL”一词最准确的解释是，非关联类型的，强调Key-Value Stores和文档数据库的优点，而不是单纯的反对传统的关系数据库管理系统（佚名，2018）。随着互联网上RIA网站的涌现，传统的关系数据库在配合新型网站，尤其是超大规模、高并发式的网站时已经有些招架不住，暴露出来不少的问题。而“新”的非关系数据库则借此机会取得了相当快速的进步，扎实地壮大自己的“根基”，开始蚕食原先由传统的关系数据库管理系统占据主要份额的全球市场。目前比较成熟的NoSQL类数据库有Hbase，Redis，MongoDB

41、以及Neo4J等。尽管它们都属于NoSQL，但是每个库仍是不同的类型，例如Hbase是列存储类型，而MongoDB是文档存储类型，Neo4J则是图存储类型。MongoDB不限制每个键对应的值的数目。比如一个新闻网站，有些新闻没有读者评论，那么它的值就是一个空集；有的新闻引发了读者的热烈讨论，那么它的值就是拥有很多键值对的集合。除此之外，MongoDB没有规定同一个集合里面的不同文档必须要有相同的键。还以上面那个例子来说，有的文章可能没有开放评论，不过这些不同的文档都可以方便地存储在MongoDB中，而且查询起来也相当轻松，因为操作者不需要进行跨文档查询。MongoDB会把数据集中存放在一处，填

42、充着数据的许许多多的键值对构成了它的数据结构，这与JSON文件的格式很像。前文曾经提到过JavaScript对于网页的重要性，因此，MongoDB的数据和应用所使用的数据可以说是“无缝衔接”，这免除了很多转换格式带来的恼人问题。MongoDB中基本的概念，如图3-3所示。图3-3 MongoDB 特点Node.js和MongoDB能够建立完整的“REST”服务。“REST”是一种基于HTTP定义一组约束和属性的架构风格，它允许开发者使用固定的接口辅助完成客户端与服务器的通信过程。在REST风格的Web服务中，对URI的请求将触发XML、JSON或其他格式的响应返回。响应可以确认对已经存储的资源

43、进行的更改，并且能够提供到别的有关联的页面的URL。除了基础的自带命令行工具，MongoDB同样支持多种可视化工具来对存储的数据进行各项操作，官方提供MongoDB Cloud Manager、MongoDB Compass，第三方软件也有很多，如mongo-express、MongoChef、Robo 3T。这些可视化工具减少了操作人员对于命令语句的依赖，大大降低了工作时的复杂度。3.4 HTTPS的特点分析HTTP（Hypertext Transfer Protocol）超文本传输协议是一种能够获取网络资源的通讯协议。现代网络上发生的数据的交换都依赖于它。HTTP网络通信的几个关键组成部分

44、如图3-4所示。图3-4 HTTP网络通信HTTPS（Hypertext Transfer Protocol Secure）超文本传输安全协议是一种通过计算机网络进行安全通信的传输协议。HTTPS的底层虽然使用HTTP实现网络通信，但是它会使用SSL或者TLS来加密需要传输的数据包。大多数人知道，或者至少怀疑，通过公共互联网连接购买物品是不明智的，但他们可能并不知道原因所在。其中一个原因是潜在的“中间人攻击”中间人攻击是指有人把他自己插入到用户和用户正在访问的网站的中间，并通过模仿双方来获取访问敏感信息的权限，如密码、信用卡数据。举个简单的例子，Ann在她最喜欢的咖啡店浏览百思买电子商务网站，

45、并且想要买些什么。此时没有任何办法阻止一个恶意的中间人攻击插入Ann和百思买的会话，他可以捕获并且修改将要传输的数据。如果Ann此刻进行购买，他就能够调整订单数量或窃取她的全部身份信息。Ann和她访问的网站都会落入危险之中。HTTPS增加了安全性，但不是全面的保护已经有一些人在设法“解决”认证过程。HTTPS现在还不够完美，而且随着时间的推移它会进一步改善。HTTPS开发的主要目的，是提供对网站服务器的身份认证，保护交换数据的隐私与完整性（Kayce Basques，2018）。现在，几乎所有类型的网站都在使用HTTPS“武装”自己的网页，保护个人用户的敏感信息、网页之间的通讯和访问网页时的私

46、密性。HTTPS还提供了更为强大的全新网络平台功能，更新一些“老旧”的API，而且支持PWA的运行。一个拥有HTTPS证书的网站，会有图3-5所示的弹窗提示。图3-5 HTTPS标示第4章 小区管理系统设计与实现4.1 小区管理系统总体设计本次设计以HTML作为骨架，构建应用的主体页面，后端使用Express框架来维护创建好的“REST”服务，来确保前后端数据的流通；不同的页面能够去完成不同的功能，项目绝大部分数据存储在MongoDB中。AngularJS是“MEAN”堆栈MongoDB数据库、Express.js服务器框架、AngularJS前端框架和Node.js服务器运行时环境的前端部分

47、。用户打开主页，可以浏览到工作人员发布的社区新闻、临时通知等，获取到最新的消息；通过上方的导航栏跳转到“表单”页面，用户可以填写表单，提供详细的要求或者信息来告知物业方自己有哪些事情需要解决处理；通过上方的导航栏跳转到“周边”页面，用户可以查看社区周围的娱乐、体育、医疗等设施这里使用重绘的地图能更为清晰地标出地点；通过上方的导航栏跳转到“联系我”页面，用户可以查看社区内部的一些机构、组织的位置和联系方式，快速满足需求。屏幕的左下方设计了一个按钮，点击可以回到顶部，滑动可以唤出另外的功能按钮来刷新页面。管理端可以使用额外的页面，来发布最新情况、社区活动等信息，也可以删除过时、失效的新闻；用户发来

48、的表单信息，使用数据库的可视化工具操作，更为安全、方便，几乎没有上手难度。首先安装好本次设计所需的服务器运行时环境Node.js的长期支持版本，按照指导一步步安装。MongoDB数据库去官方网站下载即可，然后安装。要注意一点，需要提前在安装MongoDB的磁盘根目录下新建一个data文件夹，之后才能使用各种方式命令行或者GUI正常访问到MongoDB。本次设计使用的AngularJS版本号是1.6.9；AngularJS含有多个可以额外使用的模块文件，每个文件都可以独立使用，根据项目中的使用程度有选择地放进项目文件夹，没有使用到的就放在一边。Express框架需要在npm窗口下载、全局安装，E

49、xpress需要下载额外的express-generator包来进行基础的操作。开发时使用Mongoose来连接到MongoDB并对其操作，使用nodemon包来解决实时刷新预览的问题。本次设计选择Chrome浏览器作为产品的测试平台，使用的版本号为66.0.3359.181。Chrome浏览器可以实时模拟多个页面，以检测产品在各个终端上的效果。检测各部分版本号，这是排查问题、搜索答案时重要的依据，如图4-1所示。图4- 版本号检测4.2 后端数据接口设计项目的目录如图4-2所示。图4-2 目录结构数据的结构文件存放在models中，脚本、样式表、图片等资源放在public“公共”文件夹内；r

50、outes文件夹里是路由文件，views文件夹里的是视图文件将要展示在浏览器上的主要内容，package .json文件记录着项目的依赖项等一系列基本信息，app.js文件是Express的“根基”，它设定了服务器的方法规则。在app.js中调用自带的方法把Mongoose连接到本地已经自动建立好的数据库，具体的代码如图4-3所示。图4-3 Mongoose连接数据库Mongoose提供一系列原生的方法来操作数据库中的数据，这里不再详细介绍。需要设计2个模板，1个用来规范管理方发布的信息，另1个用来规范用户提交的表单信息。虽然使用的数据是无模式的，不过使全部的数据拥有一个规范合理的结构会易于验

51、证信息的真实性。模板设计了3个属性（内容），分别是新闻标题、新闻内容、具体时间；表单模板设计了7个属性（内容），分别是地点、是否解决、期待时间、联系方式、事件详情、事件种类、提交时间。如图4-4，4-5所示。图4-4 新闻模板图4-5 表单模板通过在路由文件里面编写的代码，设计具体的页面路径，路径设置使用/news/:id来展示新闻信息，详细表单信息则对用户隐藏，本次设计如图4-6所示。图4-6 具体路由设置4.3 前端界面设计使用AngularJS的factory方法创建2个服务，分别对应后端2个数据接口，都使用封装好的、高级的$resource服务替代$http与其通信，如图4-7所示。图

52、4-7 factory方法通过改写尾部的$routeProvider，可以调整将要渲染的页面，展示出不同的信息。为每个页面指定各自的控制器，来改变能够使用的功能。利用$resource获取的数据暂时存储在临时创建的数组中，使用AngularJS内置的ng-repeat指令从该数组取出数据的内容，填充进HTML文档中，展示给用户，如图4-8所示。图4-8 分配控制器的设置“周边”页面使用重绘的地图来标示周边的娱乐、体育、医疗设施，相比于接入百度地图等地图，能够清晰地传达给浏览者更多有效的信息，如图4-9所示。图4-9 简单的地图“联系我”页面与周边页面设计的大同小异，地图更换为社区内部的结构图，

53、指引用户去了解本社区内部的成员，下方会列出有效的联系方式，如图4-10所示。图4-10 示例地图首页展示了新闻列表，并且设计了一个输入框去检索过往的信息。页面顶部引用了必应的每日图片，每天都有新的图片呈现给用户；后期也可以使用自建的图库，例如社区内部景观的摄影、社区居民生活中的摄影，如图4-11所示。图4-11 首页贴图管理方可以进入到控制页面，发布、修改新闻，这个地址只有管理员知道。填写完必要的信息后，点击发布按钮，即可把新闻、活动、通知等公布给用户；在列项页面，管理方可以删除已经发布的消息，如图4-12，4-13所示。图4-12 发布新闻页面图4-13 管理页面用户发来的表单信息使用数据库

54、的可视化工具操作，容易上手，功能全面，更加安全。请求的事务由不同的“varis”的值来分类，“details”的值用来描述事务的详细信息。管理员收到请求后，安排相关人员处理，接收到用户的确认完成信息后将请求归档为已完成“completed”的值改为“true”。这里以MongoDB Compass Community版为例，每一条信息的详细内容如图4-14所示，连接到数据库后的软件主页页面如图4-15所示。图4-14 详细表单信息图4-15 可视化软件管理页面4.4 智能手机接入小区管理系统测试首先启动MongoDB，然后进入项目文件夹让Node.js开始工作。打开Chrome浏览器，在地址栏

55、输入默认的地址进入新闻的主页，为图4-11所示的画面。使用鼠标点击新闻标题，新闻的详细内容就会被浏览器“展示”出来，如图4-16所示。图4-16 新闻详细页面表单页面，用户按照提示的内容认真填写表单，然后通过点击“提交”按钮将信息发送、添加到数据库，管理人员就可以看到用户的请求，然后安排相关的人员处理。表单提供了多个描述项，帮助用户表达出最关键的信息，一份填写中的表单如图4-17所示。图4-17 表单详细页面由于使用AngularJS编写这个应用，所以在移动端，用户也能够得到非常好的用户体验。通过滑动顶部，用户可以唤出没有默认显示的导航栏，如图4-18所示。页面会自适应调整自己的位置和大小，以在不同分辨率的终端上呈现出大小适中的图形和内容，分别如图4-19，4-20，4-21所示。图4-18 移动端导航栏图4-19 移动端首页图4-20 移动端新闻详情页面图4-21 移动端表单页面经过上述测试，智能手机接入小区管理系统的设计基本实现了所提出的要求，能够满足用户的基本需求，为用户带来良好的服务。结 论随着市场经济的蓬勃发展，物业管理已然脱去了过往“沉重的外衣”，演变成为一个值得关注的新型服务产业。物业所管理的是“无情”的物品，服务的却是“有情”的人类；随着物联网科技的不断成熟，人们能