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

天津职业技术师范大学TianjinUniversityofTechnologyandEducation毕业设计专业：计算机科学与技术(五年)班级学号：1013–29学生姓名：张宇行指导教师：龚良波讲师二〇一五年六月天津职业技术师范大学本科生毕业设计基于HTML5综合服务系统移动客户端的设计与实现DesignandImplementationofaComprehensiveServiceSystemHTML5-basedMobileClient专业班级：计科1013学生姓名：张宇行指导教师：龚良波讲师学院：信息技术工程学院2015年6月摘要开发本系统的主要工作目的是将最新的超文本标记语言HTML5、CSS3，以及jQueryMobile框架应用到实际项目中，借助这些最新的网站设计技术实现页面布局、色彩显示和控件显示。很好的解决不同设备之间的兼容性问题，降低网站的开发成本。同时，推进这些互联网新技术的应用。在整个项目的开发中使用多浏览器兼容的javascript库jQuery处理HTML事件、实现动画效果，以及为网站提供AJAX交互。同时，使用.NETWeb组件里的一般处理程序处理传入到服务器的HTTP请求，以返回我们需要的字符串或者对数据表中的内容进行修改。最终实现了基于HTML5的综合服务系统移动客户端。该客户端实现了“新闻公告”、“课表查询”、“四六级报名”、“我要请假”、“云记事”等页面。使同学们不必再在网站上下载手机App就可以直接访问综合服务系统，降低了访问成本。同时，提高了访问网站的效率。实践证明，虽然目前诸如jQueryMobile这些插件还存在一些需要完善的地方，且目前人们对基于HTML5的移动Web开发的认识还不够深刻，但是借助于这些新的技术确实可以有效的提高项目开发的效率。关键词：综合服务系统；jQueryMobile；jQuery；HTML5ABSTRACTThemainpurposeofthedevelopmentofthissystemisthelatestHTMLHTML5,CSS3,andjQueryMobileframeworkisappliedtoactualprojects,withthelatestwebdesigntechnologypagelayout,colordisplayandcontroldisplays.Goodresolvecompatibilityissuesbetweendifferentdevices,reducethecostofsitedevelopment.Atthesametime,promotetheapplicationofthesenewInternettechnologies.Useinthedevelopmentoftheentireprojectinmulti-browsercompatiblewithHTMLjQueryjavascriptlibraryevents,toachieveanimationeffects,aswellasthesiteoffersinteractiveAJAX.Atthesametime,theuseof.NETWebcomponentsingeneralhandlerincomingHTTPrequeststotheserver,weneedtoreturnastringofdatainatableormodifythecontent.UltimatelytheHTML5-basedmobileclientsintegratedservicesystem.Theclientachievedanewsbulletin,curriculuminquiry,forty-sixregistration,Iwanttoleave,CloudEventsandotherpages.SothatstudentsdonothavetodownloadthemobileApponthesitecanbeaccesseddirectlyintegratedservicesystem,reducingthecostofaccess.Atthesametime,improvetheefficiencyofaccesstothesite.Practicehasprovedthat,althoughtheseplug-inssuchasjQueryMobilearestillsomeneedtobeperfected,andnowpeoplearemovingtoHTML5-basedWebdevelopmentknowledgenotimpressiveenough,butthehelpofthesenewtechnologiesreallycaneffectivelyimprovetheefficiencyofprojectdevelopment.KeyWords：Integratedservicesystem;jQueryMobile;jQuery;HTML5I目录1引言...................................................................................................................................11.1应用背景.................................................................................................................11.2研究设想.................................................................................................................11.3预期结果.................................................................................................................22可行性分析.......................................................................................................................32.1技术可行性.............................................................................................................32.2经济可行性.............................................................................................................32.3操作可行性.............................................................................................................32.4数据流图.................................................................................................................32.5数据字典.................................................................................................................43需求分析...........................................................................................................................73.1网站规划.................................................................................................................73.2需求分析.................................................................................................................73.3系统E-R图.............................................................................................................83.4软硬件要求.............................................................................................................83.5运行环境要求.........................................................................................................94总体设计.........................................................................................................................104.1总体设计...............................................................................................................104.1.1功能模块图................................................................................................104.2数据库设计...........................................................................................................114.3输出API设计.......................................................................................................155功能实现.........................................................................................................................185.1开发环境...............................................................................................................185.2前台页面设计与实现...........................................................................................18