基于html5的校园app,基于HTML5的校园移动客户端的设计与实现。概要1.doc

基于HTML5的校园移动客户端的设计与实现。概要1

天津职业技术师范大学

Tianjin University of Technology and Education

毕 业 设 计

专 业： 计算机科学与技术 (五年)

班级学号： 1013 – 29

学生姓名： 张宇行

指导教师： 龚良波 讲师

二〇一五年六月

天津职业技术师范大学本科生毕业设计

基于HTML5综合服务系统移动客户端的设计与实现

Design and Implementation of a Comprehensive Service System HTML5-based Mobile Client

专业班级：计科1013

学生姓名：张宇行

指导教师：龚良波 讲师

学 院：信息技术工程学院

2015 年 6 月

摘 要

开发本系统的主要工作目的是将最新的超文本标记语言HTML5、CSS3，以及jQuery Mobile框架应用到实际项目中，借助这些最新的网站设计技术实现页面布局、色彩显示和控件显示。很好的解决不同设备之间的兼容性问题，降低网站的开发成本。同时，推进这些互联网新技术的应用。

在整个项目的开发中使用多浏览器兼容的javascript库jQuery处理HTML事件、实现动画效果，以及为网站提供AJAX交互。同时，使用.NET Web组件里的一般处理程序处理传入到服务器的HTTP请求，以返回我们需要的字符串或者对数据表中的内容进行修改。

最终实现了基于HTML5的综合服务系统移动客户端。该客户端实现了“新闻公告”、“课表查询”、“四六级报名”、“我要请假”、“云记事”等页面。使同学们不必再在网站上下载手机App就可以直接访问综合服务系统，降低了访问成本。同时，提高了访问网站的效率。

实践证明，虽然目前诸如jQuery Mobile这些插件还存在一些需要完善的地方，且目前人们对基于HTML5的移动Web开发的认识还不够深刻，但是借助于这些新的技术确实可以有效的提高项目开发的效率。

关键词：综合服务系统；jQuery Mobile；jQuery；HTML5

ABSTRACT

The main purpose of the development of this system is the latest HTML HTML5, CSS3, and jQuery Mobile framework is applied to actual projects, with the latest web design technology page layout, color display and control displays. Good resolve compatibility issues between different devices, reduce the cost of site development. At the same time, promote the application of these new Internet technologies.

Use in the development of the entire project in multi-browser compatible with HTML jQuery javascript library events, to achieve animation effects, as well as the site offers interactive AJAX. At the same time, the use of .NET Web components in general handler incoming HTTP requests to the server, we need to return a string of data in a table or modify the content.

Ultimately the HTML5-based mobile clients integrated service system. The client achieved a "news bulletin", "curriculum inquiry", "forty-six registration", "I want to leave", "Cloud Events" and other pages. So that students do not have to download the mobile App on the site can be accessed directly integrated