基于Ionic的自适应前端技术研究与应用

由于硬件升级和WiFi的广泛覆盖，网络应用业务和服务在Web端和智能移动终端并驾齐驱，用户也经常在两者之间切换，因此，支持跨平台自适应于Web端和移动终端的网络应用研发技术是当今的一个热点.Ionic框架技术通过前端交互设计，逻辑控制设计，调用系统原生接口完成应用软件的研发；AngularJS框架技术通过强大的视图数据双向绑定功能，自定义指令扩展功能，灵活的数据处理功能，增强HTML的动态应用；MongDB数据库技术借助数据库、集合、文档作为存储单元实现单服务器部署和多数据中心架构.本文研究怎样组合Ionic框架、AngularJS技术实现自适应前端页面的设计，研究了MongDB的存储原理和它内置文件系统GridFS存储文件的工作原理，以及它内置分片系统Sharding对松散数据结构的支持和存储数据的强扩展性原理，并采用研究的结果设计实现了一款自适应于Web端与移动终端的应用软件，为用户在Web端和移动端切换带来了简便，实现了良好的用户体验.

Research and Application of Adaptive Front-End Technology Based on Ionic

Thanks to hardware upgrades and extensive WiFi coverage, the business and services of smart mobile terminals and Web-side have been developing in parallel. Therefore, it is a hot issue today to support cross-platform R&D technologies those are adaptive to Web and mobile terminals. Ionic invokes system''s native interface to complete development of application software; AngularJS framework technology enhances the dynamic application of HTML; MongoDB database technology realizes single server deployment and multiple data center architecture with database, collection, document as storage unit. This study focuses on how to combine Ionic frame and AngularJS technology to realize the design of adaptive front page. It also studies the principle of storage of MongoDB, how to store the file by its built-in file system GridFS, and how to fragment storage data by its built-in slicing sharding system. Based on the research results, an adaptive application software between Web end and mobile terminal is designed, which is convenient for users to switch between Web end and mobile end, and realizes a good user experience.