基于JQuery的移动网页设计与实现─以广东美食食谱为例.docxVIP

基于JQuery的移动网页设计与实现─以广东美食食谱为例

摘要

JQuery是一个JavaScript的框架，它的语言非常简单快捷，是在Prototype之后出现的又一个优秀的JavaScript代码库（或JavaScript框架），利用jQuery可以轻松进行网页设计，制作动态网站等。而jQueryMobile属于jQuery的一个组件，它主要是用来创建移动端WebApp的，是优化了触控操作的一个基于jQuery库构造的框架。jQuerymobile基本适用于目前市场上的一切的一般移动手机和平板电脑。jQueryMobile是基于使学习变得容易的jQuery库构筑的。本网站选择使用JQueryMobile+Spring+hibernate进行开发设计。网站前台主要用于浏览菜谱、美食资讯等操作上，而后台主要可以进行美食文章和图鉴的发布、资讯的管理等功能。

关键词：Jquery；JQueryMobile；Spring；hibernate；网页设计

DesignandImplementationofMobileWebPageBasedonJQuery:TakingGuangdongFoodRecipesasanExample

Abstract

JQueryisafastandconciseJavaScriptframework.ItisanotherexcellentJavaScriptcodebase(orJavaScriptframework)afterPrototype.UsingjQuery,youcaneasilydesignwebpagesandcreatedynamicwebsites.JQueryMobileisacomponentofjQuery.ItismainlyusedtocreatemobileWebApp.ItisaframeworkbasedonjQuerylibraryoptimizedfortouchoperation.jQuerymobileisbasicallysuitableforallgeneralmobilephonesandtabletsonthemarket.jQueryMobileisbuiltonthejQuerylibrarythatmakeslearningeasy.ThiswebsiteusesJQueryMobile+Spring+hibernatefordevelopmentanddesign.Thewebsiteisdividedintotwomodules,thefrontdeskandthebackdesk.Thefront-endmoduleisonlyusedtobrowserecipes,foodinformation,etc.Thebackgroundmodulemainlyhasthefunctionsofpublishingfoodarticlesandinformationmanagement.

Keywords:Jquery;JQueryMobile;Spring;hibernate;WebDesign

目录

TOC\o1-3\h\z\u1、 引言 1

2、系统分析 1

2.1需求分析 1

2.2前台功能分析 1

2.3后台功能分析 1

3、JQueryMobile+spring+springMVC+hibernate技术架构 2

3.1JqueryMobile简述 2

3.2Spring框架介绍 2

3.3SpringMVC的工作原理 4

3.4Hibernate的简介 7

4、系统实现 9

4.1网页界面设计 10

4.2美食食谱界面设计 10

4.3后台模块功能实现 11

4.4数据库设计 12

4.4.1数据库ER图 12

4.4.2数据库字典 13

4.5系统测试 13

4.5.1测试方案 13

4.5.2测试用例 15

4.5.3测试结果分析 17

5、结论 18

参考文献 20

谢辞 21

附录 22

PAGE2

引言

随着时代的快速发展，信息化技术的发展和所存在的应用越来越快，互联网逐渐在人们生活中成为了不可缺少