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

天津职业技术师范大学

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 \bulletin\\inquiry\\registration\\want to leave\\Events\and other pages. So that students do not have to download the mobile App on the site can be accessed directly integrated service system, reducing the cost of access. At the same time, improve the efficiency of access to the site.

Practice has proved that, although these plug-ins such as jQuery Mobile are still some need to be perfected, and now people are moving to HTML5-based Web development knowledge not impressive enough, but the help of these new technologies really can effectively improve the efficiency of project development . Key Words：Integrated service system; jQuery Mobile; jQuery; HTML5

目 录

1 引言 ................................................................................................................................... 1

1.1应用背景 ................................................................................................................. 1 1.2研究设想 ................................................................................................................. 1 1.3预期结果 ................................................................................................................. 2 2 可行性分析 ....................................................................................................................... 3

2.1技术可行性 ............................................................................................................. 3 2.2经济可行性 ............................................................................................................. 3 2.3操作可行性 ............................................................................................................. 3 2.4数据流图 ................................................................................................................. 3 2.5数据字典 ................................................................................................................. 4 3 需求分析 ........................................................................................................................... 7

3.1网站规划 ................................................................................................................. 7 3.2需求分析 ................................................................................................................. 7 3.3系统E-R图 ............................................................................................................. 8 3.4软硬件要求 ............................................................................................................. 8 3.5运行环境要求 ......................................................................................................... 9 4 总体设计 ......................................................................................................................... 10

4.1总体设计 ............................................................................................................... 10

4.1.1功能模块图 ................................................................................................ 10 4.2数据库设计 ........................................................................................................... 11 4.3输出API设计 ....................................................................................................... 15 5 功能实现 ......................................................................................................................... 18

5.1开发环境 ............................................................................................................... 18 5.2前台页面设计与实现 ........................................................................................... 18

5.2.1系统封面 .................................................................................................... 18 5.2.2用户登陆 .................................................................................................... 19 5.2.3主界面 ........................................................................................................ 20 5.2.4新闻公告 .................................................................................................... 21 5.2.5课表查询 .................................................................................................... 25

I

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库基于HTML5的校园移动客户端的设计与实现。在线全文阅读。