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.