HTML 5移动平台的Java Web实用项目开发
上QQ阅读APP看书,第一时间看更新

前言

手机,早已经成了人们生活中必不可少的一件物品,手机上网、手机购物、手机游戏正在悄然改变人们的生活方式。手机网民爆炸式增长,促使手机网络应用蓬勃发展,这成为互联网市场的热点。手机网民发展的巨大潜力使得购物网站将目光转向了移动互联网市场。淘宝网、京东商城、苏宁易购、凡客诚品都纷纷推出了手机触屏版,即基于智能手机浏览器而推出的网页版本,智能手机、平板电脑等各种终端设备都能实现网上购物。

移动通信带来的便捷,使得任何时刻的购物欲望都能轻松实现。人们可以随时随地掏出自己的手机或平板电脑,上网搜索产品、比较价格、下单购买、在线支付等。基于移动平台的时尚购物潮流和全新生活方式正在兴起,这种方式使我们的生活更为便利,能够更好地享受我们购物的乐趣,并潜移默化地影响着我们的购物习惯。随着智能手机的普及,3G乃至4G网络时代的到来,移动购物平台将更加的专业化、大众化、个性化,它的发展拓展了未来电子商务新的增长点。

如今,HTML 5已经成为互联网的热门话题之一。据统计,2013年全球已有10亿手机浏览器支持HTML 5,同时HTML Web开发者数量将达到200万人。毫无疑问,HTML 5将成为未来5~10年内移动互联网领域的主宰者。据IDC的调查报告统计,截至2012年5月,有79%的移动开发商已经决定要在其应用程序中整合HTML 5技术。购物网站所推出的手机触屏版大多数都使用了HTML 5技术,用一种Web App的体验呼应触屏机用户的操作习惯。随着HTML 5网站、HTML 5应用软件及HTML 5游戏的不断涌现,让我们更加有理由相信未来HTML 5技术将会成为Web程序员必备的专业技能。本书正是基于HTML 5移动平台探索Java Web实用项目——购物网站的开发。

本书具有以下特色。

(1)以真实购物网站为项目原型,确保所开发的Web项目源自真实需求。

我们对国内多个购物网站的手机触屏版进行分析与比照,最终选择苏宁易购触屏版作为购物网站的原型,对苏宁易购触屏版的功能模块、页面布局、颜色搭配、导航结构、网页元素等方面进行了深入了解,也对其HTML代码、CSS代码、JavaScript代码、功能实现方法等方面进行了认真分析。确保本书所开发的购物网站来源于真实需求,接近企业Web项目的最新开发标准。

(2)以购物网站为载体,以购物网站的功能模块为依据合理划分教学单元。

本书将移动平台的购物网站合理划分为导航栏和信息提示、网站访问量统计、商品展示与查询、购物车、登录与注册、喜爱商品投票统计、用户留言、订单等8个模块,站在实现功能模块和应用技术解决问题的角度系统化整合教学内容。与购物网站的功能模块对应,本书分为8个教学单元,这8个教学单元按由浅入深、由易到难、由简单到综合的顺序排列,符合学习者的认知规律和技能形成规律。

(3)面向教学全过程合理设置教学流程。

从学习者理解与应用Java Web知识实现程序功能的角度,设计合理的教学流程,每个教学单元面向教学全过程设置了6个教学环节:知识梳理→应用技巧→环境创设→任务描述→任务实施→单元小结,在环境创设环节完成开发环境的配置,做好项目开发的各项准备工作;在任务实施过程中加深理论知识的理解,熟悉理论知识的应用场合,明确关键技术的应用技巧,实现任务描述环节提出的功能需求。

(4)在循序渐进、对照比较过程中理解知识,化解难点,训练技能。

本书任务实施过程细分为4个环节:网页结构设计→网页CSS设计→静态网页设计→网页功能实现。由于JSP页面主要由HTML代码和程序功能实现代码组成,先分析HTML代码,后分析功能实现代码,这种比较教学法更有助于学习者在对照比较过程中理解页面布局结构和程序功能的实现方法。本书同时将静态网页设计分为主体布局结构设计、CSS样式代码设计和静态网页实现3个阶段,这种循序渐进的教学法更有助于学习者认知网页的结构、美化方法、内容的实现方法,了解HTML 5和CSS 3在网页中的具体应用。

(5)采用“项目导向,任务驱动,理论实践一体”的教学模式,强调“学用结合,做中学”的教学理念。

各个教学单元围绕购物网站功能模块的实现训练编程技能,全书设置了21项设计任务,各项设计任务为实现Web应用程序的功能而探寻解决方法,讲解Java Web的编程知识,这样带着问题探索性学习,比平淡乏味地学习理论知识效果会更好。本书将带领读者在完成各项设计任务的过程中有机结合理论知识与实际应用,在分析实际需求、解决实际问题过程中学习编程知识,体会编程规则,积累编程经验,锻炼编程能力。

本书Java Web项目的开发环境如下所示。

(1)操作系统:Windows Server 2008。

(2)网页浏览器:Google Chrome 32.0.1700.76。

(3)静态网页开发工具:Adobe Dreamweaver CS6。

(4)Java开发工具包:JDK1.7.0_40。

(5)Web服务器:Apache Tomcat 7.0。

(6)JSP程序开发环境:Eclipse IDE 2014。

(7)数据库管理系统:SQL Server 2008。

(8)HTML版本:HTML 5。

(9)CSS版本:CSS 3。

本书由陈承欢教授编著,颜谦和、谢树新、吴献文、颜珍平、宁云智、肖素华、林保康、冯向科、刘荣胜、林东升、陈雅、言海燕、薛志良、郭外萍、侯伟、张丽芳等老师参与了案例的设计与部分章节的编写、校对、整理工作。

由于编者水平有限,书中的疏漏之处敬请专家与读者批评指正。编者的QQ为1574819688。本书免费提供电子教案、源代码等相关教学资源,任课教师可登录人民邮电出版社教学服务与资源网(www.ptpedu.com.cn)下载。

编者
2014年8月