针对移动应用的快速发展，用户群体愈发庞大的现状，一种可快速开发且满足多种用户需求，提高用户交互体验的开发方案亟待提出。本文分析了当前跨平台应用的技术开发模式，总结了Native App、Web App、Hybrid App各自的开发优势，对现有的移动端web跨平台开发框架进行比较，整合出了高效的开发模式以及前沿的web技术，提出了基于AngularJs的跨平台移动富应用方案。

本文首先介绍了前端工程化的研究背景，随后着重探讨了Hybrid App的开发所需要的技术理论支持，对MVC架构设计模式做了详细的讲解。本系统以AngularJS为前端基础框架，NodeJS作为服务端，配合非关系型数据MongoDB，搭建了一个数据、功能丰富，交互响应快速，用户体验极佳的Hybrid App系统，验证了方案的可行性和高效性。

前台功能实现可以分为以下几个部分：

(1)用户进入首页，切换选择不同的模块使用，目前主要有日志模块和通讯录模块(保留有即时通讯模块的接口)。

(2)日志模块下用户可以按个人喜好对日志创建分类，并在相应分类下创建日志，对原有日志进行编辑修改，还可以删除日志，或者是删除分类。在删除日志或分类时会有操作警告，提醒用户操作的不可逆性，防止用户误删导致数据丢失。在删除分类时，该分类下的所有日志都将会同时删除。

(3)通讯录模块下可以按照用户的亲属关系来自定义分类，例如家人，朋友，同学等，有效的分类能够快速帮助用户去识别和记忆。用户可以填入的信息包括有名字、性别、手机、座机、地址、邮箱、头像和自定义分类，填入字段可以根据正则匹配对输入进行校验，防止无效数据的填写。通讯录的每位成员都由系统分配一个id值，防止信息相同产生的混乱。

(4)通讯录模块配有模糊搜索功能，用户可以根据个别字段去索搜相关成员信息。对成员的数据删除操作同样具有不可逆性，将会对删除操作进行功能性警告，目的是为了提高交互体验。