基于H5、javascript、ionic、Angularjs的web应用毕业论文.docx

精品文档 可编辑 河南大学民生学院 毕业论文 （ 2017 届） 目录 TOC \o 1-4 \u 摘要： 1 0 前言 2 1 web基础理论 2 1.1 web概述 2 1.2 web发展史与其发展趋势 2 2 web应用开发技术介绍 3 2.1 HTML5 3 2.2 css(层叠样式表) 3 2.3 Javascript 4 2.4 ionic 4 2.5 AngularJs 4 3 web应用的主题内容和架构设计 5 3.1应用的结构设计 5 3.2应用的主题内容 5 4 web应用的实现步骤 6 4.1ionic配置路由 6 4.2 各子路由页面的编写 7 5完成首页内容 PAGEREF _Toc292375983 \h 7 5.1mock.js简介 7 5.2 Canvas简介 8 5.3完成首页内容 8 6ionic结合Angularjs实现上拉加载和下拉刷新功能 9 6.1上拉加载功能的实现 9 6.2 实现下拉刷新 9 7注册登录模块功能的实现 10 7.1实现注册登录功能 10 7.2 实现本地存储 11 8完成产品页面以及详情页 11 8.1产品页面的主题内容 11 8.2 产品详情页完成 12 9完成风险评估 13 10结论 14 参考文献 15 基于H5、javascript、ionic、Angularjs的web应用 陈朋超 （河南大学民生学院，河南开封，475004） ·摘 要： 如今的HTML5比起以前的HTML来说，更加容易维护和管理，而且能够跨平台开发，不但能开发pc端而且能开发手机端网页和webApp。本论文主要围绕万达金融的webapp开发为主题，用到了三个必备的技能元素，分别是用HTML将元素进行定义，利用css进行页面的表现，最后利用JavaScript实现相应的效果和交互。除此之外，ionic是一个专注于web开发技术，基于HTML5创建类似于手机平台原生应用的开发框架。Angularjs是一个基于javascript的MVC框架，使用起来非常的灵活，便捷。该文主要讨论了如何基于ionic和angularjs以及bootstrap框架开发跨平台web应用 关键词： 基于安卓的投资管理系统 HTML5,css3,javascript,ionic,Aangularjs,Bootstrap,web应用开发 Based on the H5, CSS 3, js, ionic and AngularJs web applications Chen Peng-chao (School of minsheng college, Henan Kaifeng 475004, China) Abstract: Todays HTML5 compared to the previous HTML, it is easier to maintain and manage, but also to cross platform development, not only to develop the PC side and the development of mobile web pages and webApp. This thesis mainly focuses on the development of webapp Wanda finance as the theme, use the three essential skills elements are HTML will define the elements, page using CSS, finally achieve the corresponding effect and interaction by using JavaScript or jQuery. In addition, ionic is a focus on the development of web technology, based on HTML5 to create a platform similar to the native application development platform. Angularjs is a javascript based MVC framework, very flexible to use, convenient. This paper mainly discusses how to develop cross platform web application based on ionic and angularjs and bootstrap framework Key words: HTM