新書推薦：
《
永无止尽的狂热：三岛由纪夫
》
售價：HK$
68.8
《
原来这就是逻辑学：16堂大师逻辑课
》
售價：HK$
57.3
《
隋唐王朝兴亡史
》
售價：HK$
78.2
《
货币新纪元：区块链重塑金融生态
》
售價：HK$
101.2
《
规制如何生财：清代盐政基本原理研究（1644-1850）
》
售價：HK$
101.2
《
小学生C++趣味编程从入门到精通 青少年软件编程等级考试（C语言）学习用书
》
售價：HK$
102.4
《
新知文库精选·一念之差：关于风险的故事与数字
》
售價：HK$
78.2
《
道德自我的伦理根基——教化论视野下的现代性道德哲学批判
》
售價：HK$
101.2
|
| 編輯推薦： |
|
从应用与实践出发，采用Java EE的新规范，重点介绍了轻量级框架Struts 2 Spring Hibernate整合开发技术，提高读者的动手编程能力和架构设计能力
|
| 內容簡介： |
Java EE开发技术博大精深，入门较难，提高更不容易。Java EE项目开发往往由于版本不同等原因，造成很多实例运行不成功，给初学者带来很大不便，继而失去对Java EE开发技术的学习热情。本书是作者在多年从事Java EE教学和开发的基础上结合初学者的心得体会编写而成，力求从简单、快速、可行、易懂和实用的角度出发，全面介绍Java EE开发实践的*技术，特别是轻量级开发框架技术Struts 2、Spring和Hibernate。书中通过大量的示例代码和案例分析，并配以习题和上机练习，强化基本概念，着重训练学生的动手能力。通过阅读本书，可以让读者快速入门，并较为系统地掌握Java EE开发技术。另外，本书免费提供了教学课件、软件开发包、案例源代码和习题参考答案等教学资源。
全书共9章，系统介绍了Java EE平台及开发基础、Java Web开发基础、HTML和JavaScript概述、JSP应用基础、Struts 2开发、Hibernate基础、Spring基础及应用、SSH整合架构开发等内容，*后通过一个完整的Java EE课程设计案例介绍了Java EE开发的经验和技巧。附录中还提供了Java EE开发常见问题及解决方法，以及Java EE面试题和参考答案。
本书内容丰富，技术新颖，注重实践，适合Java EE初学者阅读，尤其适合大中专院校相关课程作为教材和教学参考书使用。对于Java EE初中、级开发人员及相关专业人士，本书也是不可多得的参考书。
|
| 關於作者： |
|
方巍 博士、博士后、副教授、硕导、高级工程师。美国佛罗里达大学访问学者、中国计算机学会高级会员、ACM会员、中国系统分析师协会（CSAI）顾问团专业顾问、江苏省计算机学会会员和江苏省人工智能学会委员、江苏省政府采购招标评审专家。有多年的Java EE和数据库软件开发与设计经验，深入理解数据库系统的应用与开发过程。目前已主持了2项省部级项目和3项市厅级项目，参与了国家自然科学基金、教育部重点科研项目、江苏省重大科技支撑计划等*和省部级科研项目共8项。在国际和国内相关学术会议和核心期刊上发表了论文20余篇，其中被SCI和EI检索15篇。获得了国家发明专利授权7项和软件著作权8项。研究兴趣包括信息集成、云计算和大数据挖掘等。
|
| 目錄：
|
目录第1章
Java EE概述11.1 Java EE简介11.1.1 什么是Java EE21.1.2 Java EE的新特性21.2 Java EE应用分层架构71.2.1 分层模式概述71.2.2 Java EE的结构91.3 Java EE技术规范131.4 敏捷轻型框架161.4.1 Hibernate简介161.4.2 Struts 2简介181.4.3 Spring简介211.4.4 JSF简介221.4.5 Tapestry简介231.4.6 WebWork简介231.5 Java EE开发环境241.5.1 JDK的下载和安装241.5.2 Tomcat 8.0的安装和配置261.5.3 集成开发环境的安装和使用271.5.4 MySQL数据库的安装和使用281.5.5 SQLServer数据库的安装和使用291.6 本章小结311.7 习题31实训1 搭建Java EE运行及开发环境32第2章 Java Web开发概述362.1 Java Web概述362.1.1 Web程序基本知识362.1.2 Web程序开发过程372.2 HTTP协议372.2.1 HTTP方法的请求格式382.2.2 HTTP方法的响应格式382.2.3 HTTP协议主要特点382.2.4 GETPOST方法的比较392.3 JDBC简介392.3.1 常用的标准SQL语句402.3.2 JDBC结构412.3.3 JDBC驱动类型432.3.4 常用数据库JDBC连接写法442.3.5 创建JDBC应用程序具体步骤462.4 Java Web应用服务器492.4.1 Glassfish简介492.4.2 JBoss简介502.4.3 Tomcat简介512.4.4 WebSphere简介512.4.5 WebLogic简介512.4.6 在MyEclipse中配置Tomcat522.5 在MyEclipse中开发Java Web程序542.5.1 Web工程的创建542.5.2 Web工程的发布552.5.3 在Eclipse中调试程序552.6 常用开发工具572.6.1 Maven项目管理工具572.6.2 版本管理工具CVS582.6.3 日志工具632.6.4 报表图形引擎642.7 本章小结672.8 习题67实训2 JDBC数据库连接及常用开发工具使用69第3章 HTML、JavaScript简介763.1 任务1 引入性案例763.2 任务2 HTML的基本结构773.3 任务3 文本及版面风格的控制783.3.1 文本控制783.3.2 版面风格控制813.4 任务4 图像、超链接和表格823.4.1 图像和超链接823.4.2 表格853.5 任务5 HTML的表单883.5.1 表单定义883.5.2 文本框控件893.5.3 单选按钮和复选框903.5.4 下拉菜单和列表913.5.5 按钮913.5.6 图像域、隐藏域和文件域923.5.7 分组标记933.6 任务6 CSS使用933.7 任务7 HTML 5应用953.8 任务8 JavaScript使用973.8.1 JavaScript概述973.8.2 函数973.8.3 事件处理993.8.4 JSON简介1023.9 任务9 jQuery基础1033.9.1 jQuery安装1043.9.2 jQuery语法1053.9.3 jQuery选择器1063.9.4 jQuery事件操作1083.10 任务10 AJAX基础应用1103.10.1 AJAX概述1113.10.2 XMLHttpRequest对象1123.10.3 AJAX应用实例1133.10.4 开源AJAX框架DWR介绍1143.11 本章小结1153.12 习题115实训3 HTML和JavaScript综合应用117第4章 JSP应用基础1224.1 Servlet概述1224.1.1 Servlet工作原理1224.1.2 Servlet的特点1234.2 Servlet编程基础1244.2.1 Servlet接口1244.2.2 Servlet程序的编译1254.2.3 Servlet的配置1254.2.4 Servlet的应用实例1274.3 JSP简介1334.3.1 工作原理1344.3.2 一个简单的JSP程序1344.3.3 JSP注释与声明1364.3.4 JSP表达式和程序段1374.4 JSP指令1384.4.1 include指令1384.4.2 page指令1394.4.3 taglib指令1404.5 JSP动作1414.5.1 forward动作1414.5.2 include动作1424.5.3 plugin动作指令1434.5.4 useBean动作1434.6 JSP的内置对象1444.6.1 输出对象out1444.6.2 4种属性范围1454.6.3 请求对象request1454.6.4 响应对象response1464.6.5 会话对象session1474.6.6 Web服务器对象application1484.7 JSP中文乱码问题全解决方案1494.7.1 JSP页面中文乱码1494.7.2 URL传递参数中文乱码1504.7.3 表单提交中文乱码1514.7.4 使用请求编码格式过滤器Filter1524.8 本章小结1534.9 习题154实训4 Servlet和 JSP综合应用155第5章 Struts 2开发1625.1 Struts 2简介1625.1.1 Struts的起源1625.1.2 MVC设计模式简介1635.1.3 Struts优、缺点1635.2 Struts 2安装1645.3 Strut 2工作原理1655.4 Struts配置文件1665.4.1 Struts.xml文件1675.4.2 加载子配置文件1675.4.3 Action配置1675.4.4 struts.properties属性文件1685.5 Struts 2开发实例1685.6 拦截器1725.6.1 拦截器介绍1725.6.2 拦截器实例1745.7 类型转换OGNL1765.7.1 OGNL简介1765.7.2 类型转换实例1765.7.3 OGNL小结1805.8 Struts 2常用标签1815.9 输入校验1835.9.1 手动输入完成校验1835.9.2 使用Struts 2框架校验1855.9.3 校验器的配置风格1885.10 Struts国际化1895.11 本章小结1905.12 习题190实训5 用Struts实现图书管理系统中用户登录模块192第6章 Hibernate基础1966.1 Hibernate概述1966.1.1 Hibernate简介1966.1.2 Hibernate不同版本之间的区别1976.1.3 持久层与ORM1986.1.4 Hibernate体系结构1996.1.5 Hibernate API简介2016.2 Hibernate应用基础2016.2.1 Hibernate应用开发步骤2016.2.2 Hibernate配置文件2026.2.3 Hibernate核心接口2056.2.4 HQL查询2076.2.5 Hibernate开发实例2096.3 Hibernate对象2196.3.1 对象的特征2196.3.2 对象的状态2226.3.3 主键生成策略2236.3.4 对象关系映射2256.3.5 关系映射实例2306.4 Hibernate事务编程2346.4.1 事务概述2346.4.2 JDBC中使用事务2356.4.3 Hibernate事务管理2366.5 本章小结2406.6 习题240实训6 用Struts和Hibernate实现高校选课系统241第7章 Spring基础与应用2487.1 Spring 概述2487.1.1 Spring框架简介2487.1.2 Spring的特点2497.1.3 Spring框架结构2497.2 Spring快速入门2517.2.1 搭建Spring环境2517.2.2 一个简单依赖注入实例2537.3 依赖注入基本原理2557.3.1 控制反转与依赖注入2557.3.2 依赖注入的形式2567.3.3 IoC装载机制2607.4 Spring AOP概述2627.4.1 AOP概念与术语2627.4.2 AOP实现机制2647.4.3 Spring中的AOP2707.5 Spring事务管理2767.5.1 事务简介2767.5.2 事务管理器2777.5.3 Spring事务管理机制2787.5.4 事务的传播行为和隔离级别2807.6 本章小结2817.7 习题282实训7 Struts 2 Spring 3集成示例283第8章 SSH整合架构开发2898.1 SSH集成开发简介2898.2 SSH集成开发实例12908.3 SSH集成开发实例23018.4 本章小结310第9章 Java EE课程设计案例3119.1 系统概述3119.2 系统需求分析3119.2.1 学习平台系统功能分析3129.2.2 设计思想3129.3 系统数据库设计3129.3.1 数据库概念设计3139.3.2 数据库逻辑设计3149.3.3 数据库的连接原理3169.4 平台功能实现3169.4.1 创建项目工程3179.4.2 三层开发过程3179.5 本章小结339附录A Java EE开发常见错误及解决340附录B Java EE面试题及参考答案344
|
| 內容試閱：
|
前言
Java EE平台就是一组技术的集合，包括Java语言基础、JSP、EJB、JDBC及三大框架（Struts 2、Spring和Hibernate）等，是专为开发企业级应用而推出的标准规范和体系架构。这个平台主要用来实现小型、中型及大型系统的开发，具有跨平台、安全性高和易移植等优点。Java EE平台现已经成为电信、金融、电子商务、保险和证券等各行业的大型应用系统的首选开发平台。Java EE开发大致可分为两种方式：以Spring为核心的轻量级Java EE企业开发平台；以EJB 3 JPA为核心的经典Java EE开发平台。无论使用哪种平台进行开发，应用的性能和稳定性都有很好的保证，开发人群也有很稳定的保证。目前市场上关于Java EE的图书虽然很多，但大多要么只讲理论，要么只讲如何使用软件，或者大篇地讲一些在实际项目中用不到的知识，甚至大段粘贴代码，使读者无所适从，掌握不到Java EE的真正要领，也导致初学者对Java EE产生畏惧心理，难以入门。为了帮助广大初学者和高校学生更加容易地掌握最新的Java EE技术，笔者精心编写了本书，力求从读者的学习特点和认知规律出发，让读者在较短时间内入门并掌握本书内容。本书介绍的开发平台主要是以Struts 2.x Spring 4.x Hibernate 4.x为核心的轻量级Java EE。这种组合在保留经典Java EE应用架构的高度可扩展性和高度可维护性的基础上，降低了Java EE应用的开发和部署成本，对于大部分中小型企业应用是首选。在一些需要具有高度伸缩性和高度稳定性的企业应用中（如银行系统和保险系统），以EJB 3 JPA为核心的经典Java EE应用则具有一定的占有率。本书是在作者多年从事Java EE教学和开发的基础上编写而成，编写时还参考了多本同类教材。本书采用理论与实践相结合的方式，通过简洁轻松的文字，以及简短精练的示例代码，力求让读者能尽快掌握Java EE开发技术。本书内容全面、新颖，章节编排合理，讲解由浅入深，循序渐进，是不可多得的Java Web开发技术参考书。为了方便教学，本书每章都配有大量的示范性案例和运行结果，章末还提供了大量习题，并配有完整课程设计案例。另外，为了方便读者学习和老师教学，本书还专门配有专业的教学课件。本书特色1．提供丰富的实例分析和实习指导，提高教与学的效率为了便于读者理解本书内容，提高教师讲授和学生学习的效率，本书每章都有详细案例和实践练习。每章后都提供了课程的实验指导，以方便师生进行课堂实验，将每章 的理论知识结合实践开发加以灵活运用。另外，每章涉及的习题参考答案读者可以自己下载。2．内容丰富，实用性强本书在对Java EE的理论和相关工具进行讲解后，通过实际案例对Java EE开发方法进行了详细讲解，从而使读者快速进入实践项目的开发。读者参考本书的架构，完全可以身临其境地感受企业实际开发。3．提供Java EE开发与应用过程中的常用技巧本书对Java EE开发过程中经常出现的问题及解决方案和一些常用技巧进行了介绍，并配以大量的示例对技术要点在实际工作中的应用进行了讲解。另外，书中还对初学者经常出现的一些问题进行了归纳和总结，便于让读者能尽快上手。4．高屋建瓴，启发性强本书介绍的几种架构模式是当前最流行的Java EE架构模式。这些架构模式可以直接提升读者对系统架构设计的把握。5．项目案例典型，实战性强，有较高的应用价值本书最后提供了一个项目实战案例，该案例来源于作者所开发的实际项目，具有很高的应用价值和参考性。而且该案例采用了最新的Java EE框架实现，便于读者融会贯通地理解本书中所介绍的技术。这些案例稍加修改，便可用于实际项目开发中。6．提供完善的配套资源和售后服务本书免费提供书中涉及的源代码、软件开发包、习题参考答案和教学课件（PPT）等教学资源。另外，本书还提供了专门的服务邮箱bookservice2008@163.com，读者在阅读本书的过程中有任何疑问都可以通过该邮箱获得帮助。本书内容介绍第1章Java EE概述，对Java EE平台的新特性及其编程技术做了阐述，并介绍了Java EE应用分层架构、技术规范、流行框架及开发环境的安装和配置等内容。第2章Java Web开发概述，介绍了Web开发基础、HTTP基本的格式及特点、JDBC基本概念和原理、常用Web开发工具及Web应用服务器的安装与配置。第3章HTML、JavaScript简介，介绍了HTML 5技术，以及CSS、JSON、jQuery、DWR和AJAX等，还详细讲解了Web 开发中最常见的HTML开发技术。对于没有学过HTML的读者，可通过本章学会HTML的主要内容，从而进行后续的Java EE实训，并对HTML语言的其他细节具备自己查找资料进行学习的能力。第4章JSP应用基础，介绍了Java EE开发表示层所用关键技术JSP 的运行原理和基本语法，包括JSP、Servlet、JavaBean及过滤器Filter编程技术。第5章Struts 2开发，阐述了Struts 2的安装和配置及其工作原理，并通过Struts 2的一些具体实例对Struts 2的开发过程、拦截器、类型转换、标签、输入校验和国际化等知识进行讲解。第6章Hibernate基础，通过MyEclipse 2014中实现了3个具体案例来讨论Hibernate的入门知识。本章例子虽简单，但却涵盖了Hibernate 3和Hibernate 4的大部分基础内容，包括Hibernate应用的开发步骤、Hibernate开发过程的配置文件与映射文件、MySQL 5.7与SQL Server 2012数据库的连接配置及核心接口的使用，另外还讲解了Hibernate的JDCB事务编程和JTA事务的相关知识，并对事务概念等相关知识进行了回顾。第7章Spring基础与应用，介绍了Spring框架的技术核心，如IoC容器、DI和AOP功能等。Spring是一个可高度重用的MVC框架，涵盖了应用系统开发所涉及的大多数技术范畴，提供了很多独立的控件可供选择。第8章SSH整合架构开发，结合MyEclipse 2014开发工具，图文并茂地阐述了将三大框架整合开发的过程，即由Spring的配置文件管理Hibernate的配置，由Bean实现与数据库的连接，同时Struts 2把Action类的生成交给了Spring，并利用Spring的依赖注入完成业务逻辑对象的生成。第9章Java EE课程设计案例，结合一个实际项目开发案例，讲解Java EE完整软件开发过程，该案例可以作为课程设计、综合实践、毕业设计等工程实践参考。附录，提供了Java EE常见问题及解决方案，以及Java EE常见面试题和解答，以方便相关读者学习。本书读者对象* Java Web开发入门人员；* 高校Java EE课程教学人员；* 学习Java EE开发技术的人员；* 广大Java EE开发程序员；* Java应用程序开发人员；* 希望提高项目开发水平的人员；* 专业Java培训机构的学员；* Java EE测试人员；* 需要一本案头必备查询手册的人员。本书配套资源获取方式本书涉及的源代码、软件开发包、习题参考答案和教学PPT等教学资源，需要读者自行下载。请登录清华大学出版社网站www.tup.com.cn，然后搜索到本书页面，在页面上找到资源下载栏目，然后单击课件下载或者网络资源按钮即可。本书作者本书由方巍主笔编写，其他参与编写的人员还有刘琦、王秀芬、朱节中、徐江、文学志、郑玉、方春德、黄青青、王云金、王丽华、黄铄、袁文俊、韩立栋、姜丹丹、殷超凡、单滢滢、张俊杰、杨求龙。对于帮助完成编写工作的各位人士在此表示感谢！本书的顺利出版，要感谢南京信息工程大学教材基金的资助，还要感谢清华大学出版社各位编辑的辛勤劳动和付出，另外对网络上提供有益资料的众多作者也在此表示感谢。虽然我们对本书中所述内容都尽量核实，并多次进行文字校对，但因时间有限，加之水平所限，书中疏漏和错误在所难免，敬请广大师生和读者批评指正。编著者
第3章
HTML、JavaScript简介网络给人们带来了一个缤纷绚丽的世界，那么上网浏览的网页是用什么语言编写的呢？这些页面主要是用HTML语言编写。HTML是英文Hypertext Marked Language的缩写，即超文本标记语言，就是该类文档有别于纯文本的单个文件的浏览形式。超文本文档中提供的超级链接能够让浏览者在不同的页面之间跳转。纵观各种动态页面开发技术，无论是JSP、ASP 还是PHP 都无法摆脱HTML的影子。这些动态的页面开发技术无非是在静态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节中将要详细介绍的就是HTML 相关的一系列技术，包括HTML、JavaScript 和CSS。其中HTML 是一组标签，负责网页的基本表现形式；JavaScript 是在客户端浏览器运行的语言，负责在客户端与用户的互动；CSS 是一个样式表，起到美化整个页面的功能。本章的主要任务就是通过任务需求掌握最新的HTML技术如JSON、jQuery和AJAX等，讲解Web开发中最常见的HTML 知识，目的在于使读者能尽快进入Web开发的状态。本章要点：* 了解HTML的基本格式；* 掌握HTML在文本及版面风格的控制；* 熟悉图像、超链接和表格的使用；* 掌握HTML表单的制作；* 熟悉HTML 5.0技术；* 掌握JavaScript使用和JQuery使用；* 了解JSON概念，熟悉AJAX技术和DWR框架。3.1 任务1 引入性案例本书不是详细介绍HTML的专著，因此本章主要通过实例任务完成对HTML相关技术的理解与掌握。任务描述及任务目标：在Windows中，从头到尾做一个最简单的HTML的例子，完整地展示HTML文档的制作过程。1．编写HTML文本可以直接用文本编辑器如Windows中的记事本来编写HTML文件，当然通过一些开发工具如Dreamweaver、FrontPage编写也是可以的。在Windows中，寻找合适的文件夹，在空白处右击，在弹出的快捷菜单中选择新建命令，在之后弹出的子菜单中选择文本文档命令，此时会在指定的文件夹下创建一个文本文件，打开该文件，在其中编写HTML文本，代码如下： 这是第一个HTML例子的标题 欢迎光临！这是我的第一个HTML 文档。这是文档主体，正文部分?注意： 代码中、等字符都是英文半角字符。HTML 标签一般是成对出现的。 第一行中为HTML的注释符号。2．保存编辑之后，将文件重命名为First.html或First.htm。?注意：扩展名一定是.html或.htm，不能是.txt。3．运行保存完毕，在当前文件夹中就会有一个First.html文件，双击该文件，系统会自动用操作系统默认的浏览器打开，运行结果如图3-1所示。
图3-1 第一个HTML例子该案例给出了一个简单的HTML页面，想让该页面丰富起来，需要更多的HTML知识，下面将分别介绍。3.2 任务2 HTML的基本结构任务描述：一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。在HTML中，使用标记或标签（tag）来分割并描述这些元素。因此，HTML文件就是由各种HTML标记和元素组成的。任务目标：了解并掌握HTML的基本结构。从任务1可以知道，一个HTML文件的基本结构如下：头部信息文档主体部分一个HTML文件分为两部分：头和体。标签和之间的是头部分，是关于整个页面的一些设置信息；标签和之间的是体部分，是要在浏览器中显示的页面内容。在这个结构中引入了3对最重要的HTML标记，分别是：（1）和是最外层的标记。任何HTML文件都应该以开始，以结束，表示这对标记间的内容是HTML文档。这对标记可以省略，因为.html或.htm文件被Web浏览器默认为是HTML文档，但最好写上。（2）和之间是文档的头部信息，如文档标题等，若不需头部信息，可省略此标记。（3）和之间是文档的正文内容。3.3 任务3 文本及版面风格的控制任务描述及任务目标：处理文本、字号、外版面风格是制作精美网页所需要的基本功，为了使网页版面风格更加美观吸引人，则需进一步进行标签控制。该任务主要讲解如何在HTML中编排段落和修饰文字。3.3.1 文本控制1．字体控制文本控制主要用于控制文字的字体大小、颜色，这些可以通过标签实现。另外，还有一些设置字体某个特点的标签，如、、、、、、等，它们都要成对出现。标签的主要格式如下：其中，（1）face：指定字体类型，如宋体、Times New Roman等。但只有对方的计算机中可以设置相同的字体，才可以在其浏览器中出现预先设计的风格，所以最好指定常用字体。（2）size：设置字号大小，有效值的范围为1～7的整数，默认值为3。可以在size属性值之前加上 、字符，来指定相对于当前字号值的增量或减量。（3）color：指定字体颜色。颜色值既可以是十六进制数（最好用#作前缀），也可以是颜色名称。（4）style：指定字体样式。为了让文字富有变化，或者为了着重强调某一部分，HTML还提供了一些标签，这些标签的格式和含义如表3-1所示。表3-1 常用标签的格式和含义标 签 格 式含义 文字使用粗体形式显示 文字使用斜体形式显示 为当前文字添加下画线 为当前文字添加中画线 以比当前字号大一号的字体显示 以比当前字号小一号的字体显示 表示强调，一般为斜体 表示特别强调，一般为粗体 字体上标 字体下标 打字机或等宽字体 闪烁效果，仅用于Netscape Navigator 用于引证，举例，一般为斜体 变量字体，一般为斜体 定义字体，一般为斜体 代码字体，字体等宽实例3-1 阅读下面代码，了解标签的使用方法。不同标签设置效果的运行结果如图3-2所示。HTML、JavaScript简介实例3-1：font标签的使用 默认字体
1号字体
2号Arial蓝色字体
3号Times New Roman 字体
4号楷体（未必能显示）
5号仿宋字体（未必能显示），英文字体是Comic Sans MS
6号绿色字体
7号红色字体黑体字斜体字加下画线加中画线
大一号字体原字体小一号字体
你好, 欢迎学习HTML!
Welcome!
a1 = x2y2
图3-2 各种大小类型字体2．标题一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标记和，其中n为标题的等级。HTML一共提供6个等级的标题，分别从到。n越小，标题字号就越大，主要格式为：其中，对齐方式有left、right、center 3种，即左对齐、右对齐和居中，默认为left。实例3-2 各级标题的使用，代码如下，运行结果如图3-3所示。HTML、JavaScript简介实例3-2：hn标签的使用一级标题二级标题三级标题四级标题五级标题六级标题
图3-3 各级标题从结果可以看出，每一个标题的字体均为黑体，内容文字前后都插入空行。3.3.2 版面风格控制1．网页整体风格控制对页面整体风格的控制主要通过标签的相关属性实现，常用的属性主要有以下几种。* bgcolor属性：用于设置网页的背景颜色。* text属性：设置网页文本的背景颜色。* background属性：用于设置网页的背景图形，图形以平铺方式作为网页背景。* bgproperties属性：该属性只有一个取值，即FIXED，用于锁定网页的背景图形。锁定后再滚动页面时，背景图片不会跟着滚动。其语法如下：* Link、VLink和ALink属性：该组属性用于设置超链接在不同状态下的颜色。Link设置链接的颜色，VLink设置已经访问过的链接的颜色，ALink设置活动链接的颜色。2．分段和换行控制（1）分段标记（）段落分段使用标记实现。表示一段落的开始；
表示段落的结束，通常可以省略不写。单独的一个标记可以产生一个空行。（2）换行（
）和禁止换行标记（文本）换行用标记
来实现，没有对应的结束标记，它指示浏览器在标记处执行一个换行动作。
标记后的文本将显示换行，换行后的文本，与前面的文本仍属于一个段落，因此换行后字符和段落格式不会改变，这与标记不同。为了保证某一单词的完整性，有时候需要禁止某处换行，此时使用标记实现。其用法为文本，该标记作用的文本将在同一行显示。3．预格式化文本（文本块）预格式化文本是文本块以等宽字体显示，在网页中显示时可保留预排版的格式。预格式化文本使用标记来实现，使用方法是文本块。4．画分隔线（ ）在网页中产生的分隔线使用标记来实现，其用法为：各个属性说明如下。* size：用于设置水平线的宽度，以像素为单位，默认值为1。* width：用于表示水平线的长度，可以以像素为单位，如100；也可以是浏览器窗口宽度的百分比，如80%，默认值为100%。* align：水平线的对齐方式，有left、right、center 3种，默认为center。* color：指定线条颜色。颜色值既可以是一个十六进制数（最好用#作前缀），也可以是颜色名称，默认为灰色。* noshade：线段无阴影属性，为实心线段，默认为空心线段。是一个单标记，也就是说没有对应的。3.4 任务4 图像、超链接和表格任务目标及任务描述：一个优秀的网页往往是绚丽缤纷的，图像自然必不可少。想让多个网页相互连接在一起，实现网页和网页的互动，超链接就起到了举足轻重的作用。信息在表格中显示，将带来清晰、明确、简单、大方的效果，表格的作用就得到了体现。该任务的职责就是要解决图像、超链接以及表格方面的问题。3.4.1 图像和超链接1．图像标记如果把图像嵌入到网页中，网页将变得五光十色。能实现这一需求的是标记。标记的主要语法为：各个属性说明如下。* src：用来设置图像文件所在的路径。可以是相对路径，也可以是绝对路径。* alt：当鼠标放在图片上时，显示小段提示文字，一般是此图片的标题或主要内容。当图像文件无法在网页中显示时，在图像的位置也会显示alt所设置的文字。* border：图像边框的宽度，单位是像素。在默认情况下图像无边框，即border=0。* width和height：图像的宽度和高度，单位是像素。在默认情况下，如果改变其中一个值，另一个值也会等比例进行调整，除非同时禁止两个属性。* align属性：指定图像和周围文字的对齐方式。图像的绝对对齐方式与相对文字的对齐方式不同，绝对对齐方式包括left、center和right 3种，而相对文字对齐方式则是指图像与一行文字的相对位置。align的取值情况如表3-2所示。表3-2 align取值值描述值描述 left将图像对齐到左边 top将图像与顶部对齐 right将图像对齐到右边 bottom将图像与底部对齐 middle将图像与中央对齐
?注意： 不赞成使用 align，但是几乎所有的浏览器都支持该属性。 如果不想使用 align 和 时该怎么办呢？可以使用 HTMLXHTML 表格来对齐内容。不过更好的方案是使用样式。例如，margin-left属性可以对图像进行缩进，而 float 属性 可以实现文本包围图像的效果。2．超链接所谓超链接（hyperlink），就是当单击某个字或图片时，就可以打开另一个网页或画面。它的作用对网页来说极其重要，可以说是互联网的灵魂，是HTML最强大和最有价值的功能。超链接简称链接（link）。（1）定义超链接超链接的语法根据其链接对象的不同而有所变化，但都是基于标记的，主要语法为：或者：其中，href是hypertext reference（超文本引用）的缩写。target用于指定如何打开链接的网页，有以下几个值。* _blank：打开一个新的浏览器窗口显示。* _self：用网页所在的浏览器窗口显示，是默认设置。* _parent：在上一级窗口打开，常用在框架页面中。* _top：在浏览器的整个窗口打开，将会忽略所有的框架结构。在和之间，是超链接要显示的文字或图片。当用户把鼠标光标放在这些文字或图片上时，光标会变成手的形状，此时单击文字或图片，超链接就会发生作用了。实例3-3 下面为一个文字、图形的超链接应用，运行结果如图3-4所示。 HTML、JavaScript简介实例3-3：超链接演示 一个简单超链接页面
用新窗口打开新浪
用本窗口打开搜狐
图3-4 超链接示例（2）定义锚点当创建的网页内容多、页面很长时，还可以在网页内跳转，此时就要定义锚（anchor）。有的书上称为书签，但作者还是觉得锚更形象，因为当船只靠岸后，一般需要扔进水里一个巨大的铁钩，以便钩住水底的石头或沉于淤泥中，这样船只就不容易飘走了，这就是锚。同样，在一个篇幅巨大的网页中，也可以定义一些锚，以便快速定位。定义锚的主要语法为：文字其中，属性name是不可缺少的，它的值也就是锚名，文字并非是必须的。定义了锚之后，就可以用下面的语法格式进行跳转了：链接的文字3.4.2 表格绘制表格是HTML一项非常重要的功能。表格是网页排版的灵魂。同时由于表格包含的功能比较多，读者需要仔细体会才能掌握。1．表格的基本语法格式表格由列和行组成。在HTML中，表格用、表示。一个表格可以分为很多行（row），各行用、表示；每行又可以分为很多单元格（cell）或列（column），用、表示。它们是创建表格最常用的标记，需要统一的使用方法，语法为：单元格内的文字单元格内的文字单元格内的文字2．标记标记中的属性很多，用于控制表格的整体显示。常用语法为：各个属性说明如下。* align：表格在上一层容器控件中的对齐方式，有center、left、right共3个值，其中left是默认对齐方式。* bgcolor：设置表格的背景色，默认是上级容器的背景色。* border：设置表格线的宽度，单位是像素，默认值是1。* bordercolor：设置表格线的颜色。如果没包含border属性，或者border属性值是0，则忽略此属性值。* height：设置表格的高度，以像素或页面高度的百分比为单位。但如果表格内容大于设置的高度，则表格会自动扩张，以便容纳所要显示的内容。* width：表格的宽度，以像素或页面宽度的百分比为单位。但如果表格内容大于设置的宽度，则表格会自动扩张，以便容纳所要显示的内容。* cellpadding：设置单元格内部所显示的内容与表格线之间的距离，单位是像素。* cellspacing：设置表格线的厚度，单位是像素或百分比。这些属性是标记最常用、最基本的属性。标记中一些不常用的标记如下。* background：设置定义表格的背景图案。一般选浅颜色的图案。该属性不要与bgcolor同用。* bordercolorlight：设置表格边框向光部分的颜色，只适用于IE。如果忽略border属性或border属性值为0，则此属性不起作用。* bordercolordark：设置表格边框向光部分的颜色，只适用于IE。如果忽略border属性或border属性值为0，则该属性不起作用。使用bordercolorlight或bordercolordark时，bordercolor将会失效。3．标记用标记可以设置整个表格的属性，但如果要设置表格各行的属性，就需要详细了解标记的各个属性。标记的常用语法为：可以看出，的很多属性和的相应属性是一样的。所不同的是的各个属性用于设置整个表格的显示情况，而属性只用于设置相应行的显示情况。当属性值的设置和的同名属性值不同时，以属性值为准。也就是说，低层的属性设置会屏蔽高层属性设置。标记一些和不同的属性的意义如下。* align：文本在单元格中的水平对齐方式，有center、left、justify、right共4个值，其中left是默认对齐方式，justify是指合理调整单元格中的内容，以恰当显示。* valign：文本在单元格中的垂直对齐方式，有baseline、top、middle、bottom共4个值，默认值是middle，即垂直居中对齐。baseline是指单元格中的内容以基线（baseline）为准垂直对齐，类似于bottom（底端对齐）。和中的相应属性类似，bordercolorlight和bordercolordark属性是IE浏览器的独有属性，并且它们会屏蔽bordercolor属性，但在其他浏览器中，bordercolorlight和bordercolordark属性不起作用。4．标记标记设置的是一行内某一单元格的各项属性，也遵从低层的属性设置会屏蔽高层属性设置的原则，具体属性与相似，不再赘述。实例3-4 使用HTML语言绘制的表格如图3-5所示。
图3-5 表格示例HTML、JavaScript简介实例3-4：绘制表格 3.5 任务5 HTML的表单前面讲述的都是HTML向用户展示信息的标签，在本节要介绍的内容就是HTML 用来收集用户输入的标签。在Java EE的开发中表单非常重要，其是客户端向服务器发送请求数据的一个主要途径。表单的标签是，中间可以加入文本框、单选按钮、复选框等表单元素。3.5.1 表单定义表单在网页中负责数据采集功能，表单由3个部分组成：表单标签、表单域和表单按钮。表单是为了处理动态数据交互，将不同数据在不同页面间传递。表单标签包含了处理表单数据所使用CGI程序的URL以及数据提交服务器的方法。form标记是众多表单标记中的重要一种，其是表单窗口的开始，功能是设置表单的基础数据。语法格式如下：其中，* name：表单名字。* method：数据的传送方式，有get和post两种方法（post表示从发送表单内直接传输数据；get表示将发送数据附加到URL的尾部，将新的URL送至服务器）。* enctype：传输数据的MMIE类型。传输数据的MMIE有两种，一种是默认方式，即applicationx-www-form-urlencoded；另一种是multipartform-data，是上传文件或图片的专用方式。* target：是处理文件的打开方式。实例3-5 一个登录身份验证的表单实例，代码如下： 请输入用户名：
请输入密码：
如图3-6所示为实例3-5表单应用的实际效果。
图3-6 实例3-5表单的运行效果?注意： 这是程序中通常用来身份登录验证的表单代码。代码从开始，到结束。 中间包括了3个控件，一个是文本框，用于输入用户名，另一个是密码框，用于输入密码，还有一个是提交按钮，用于将表单中用户输入的数据提交到网站服务器端。 该实例中action后的login.jsp文件只是表示跳转目的，需第4章的JSP技术实现。3.5.2 文本框控件文本框控件是在网页上显示可输入文本的方框，并在提交处理时，将其内容读出，并交由网页进行处理。文本框控件有3个，分别为单行文本框，密码框以及多行文本框。语法如下：（1）单行文本框（2）密码框（3）多行文本框其中，* type：标记文本框类型，有10个属性，该类型必须标明。* name：为文本框命名，命名最好将该文本框的功能表示出来，以后亦可以用该属性调用文本框中内容。* size：用于指定输入字段宽度，可以是文字，也可以是像素。* maxlength：用于指定输入字段可输入文字个数（单行文本框和密码框默认没有字数限制）。* value：用于指定输入字段的数据值（当type为checkbox和radio时，不可省略该属性，其他可省略）。* rows：指定多行文本框显示行数。* cols：指定多行文本框显示列数。* warp：用于控制多行文本框是否自动换行（若未设置该属性则默认自动换行）。上述type的10个属性如下。* text：文字输入域（输入型）。* password：也是文字输入域，但是输入的文字以密码符号''*''显示（输入型）。* file：可以输入一个文件路径（输入型）。* checkbox：复选框，可以选择零个或多个（选择型）。* radio：单选按钮，只可以选择一个而且必须选择一个（选择型）。* hidden：代表隐藏域，可以传送一些隐藏的信息至服务器。* button：按钮（单击型）。* image：使用图片来显示按钮，使用src属性指定图像的位置（就像img标签的src属性，单击型）。* submit：提交按钮，表单填写完毕可以提交，把信息传送至服务器。可以使用value属性来显示按钮上的文字（单击型）。* reset：重置按钮，可以把表单中的信息清空（单击型）。3.5.3 单选按钮和复选框单选按钮和复选框是给用户提供已有选择条件，在这些选择条件中进行选择，无须像文本框一样输入文字。单选按钮只能在一组选项中选择一个，而复选框可以选择多个。语法如下：（1）单选按钮（2）复选框其中，type、name、value前面已介绍，此处意义相同。checked表示在单选按钮和复选框中设置的默认选择项，可以省略。3.5.4 下拉菜单和列表标记可以在页面中创建下拉列表框，此时列表框为空框，要使用标记向列表中添加内容。下拉菜单语法如下：显示内容1显示内容2显示内容n其中，multiple表示用于多行列表框支持多选。 3.5.5 按钮按钮是为了进行页面之间的处理，如提交按钮，其会将该页面的数据提交到指定页面进行处理。语法如下：（1）普通按钮（2）提交按钮（3）重置按钮其中，onclick表示单击这个按钮之后运行的处理程序。实例3-6 一个综合应用上述表单元素的实例来了解它们的使用，实例代码如下： 姓名： 密码： 性别：男 女 爱好：文学 音乐 运动 班级： 计科1班 计科2班 软工1班 软工2班 网工1班 网工2班 自我介绍： 实例3-6在浏览器中运行结果如图3-7所示。
图3-7 表单综合应用实例?提示： 表单元素必须掌握。 在后续JSP开发过程中，表单是最重要的人机交互的实现方式，因此必须熟练掌握以上各表单元素的使用。3.5.6 图像域、隐藏域和文件域图像域是创建一个图像控件，该控件单击后将导致表单立即提交（最好用相对路径，直接在WebRoot文件夹下创建文件名image，然后用相对路径image\..来引用，用绝对路径需要Tomcat的绝对路径，而非本机绝对路径）。隐藏域是为了显示数据，但不给浏览用户看到，该数据值提供给设计页面的程序员控制页面使用。文件域由文本框和浏览器组成，用户既可以在文本框中直接输入文件路径和文件名，也可以通过单击浏览按钮从磁盘上查找和选择所需文件。语法如下：（1）图像域（2）隐藏域（3）文件域其中，src表示图像文件位置，可以是相对位置，也可以是绝对位置。3.5.7 分组标记如果一个页面表单项太多，可以用fieldset和legend标签对表单内容分组。当一组表单元素放到标签内时，浏览器会以特殊方式显示它们，有特殊边界、3D效果，或者可以创建一个子表单来处理这些元素。语法如下： 实例3-7 分组表单，代码如下： 个人健康信息年龄：身高：体重：血压： 表单分组演示运行效果如图3-8所示。
图3-8 表单分组演示3.6 任务6 CSS使用层叠样式表CSS（Cascading Style Sheets）是一种用来表现HTML或XML等文件样式的计算机网页格式化语言。CSS目前的最新版本为CSS 3，是能够真正做到网页表现与内容分离的一种样式设计语言。样式通常保存在外部的.css文件中。通过仅编辑一个简单的CSS文档，就可以同时改变站点中所有页面的布局和外观。由于CSS允许同时控制多重页面的样式和布局，因此可以称得上Web设计领域的一个突破。作为网站开发者，只需要为每个HTML元素定义样式，并将之应用于希望的任意多的页面中即可。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动更新。CSS的使用方式有以下3种。1．行间样式表行间样式表是指将CSS样式编码写在HTML标签中，格式代码如下：我的CSS样式。行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是其没有实现表现与内容分离且不能灵活地控制多个页面，所以我们只是在调试CSS代码的时候使用。2．内部样式表内部样式表与行间样式表相似，都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，格式代码如下：内部样式表 ?? h1{font-size：12px;????? color：#000FFF????? } 我的CSS样式。内部样式表编码是初级的应用形式，不能达到跨页面使用所以不适合使用。3．外部样式表外部样式表是CSS应用中最好的一种形式，其将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，实例3-8 采用方法3的格式代码如下：实例3-8：外部样式表演示 我的CSS样式。另外，在实例3-8.html的相同目录下创建一个名为style.css的文件，其代码如下：h1{font-size：12px;??? color：#000FFF??? }如上所示，在中使用了标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="style.css"指明样式表文件的路径，便可将该页面应用到在style.css中定义的样式。实例3-8的运行效果如图3-9所示。
图3-9 外部样式表使用演示3.7 任务7 HTML 5应用HTML 5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML 5的设计目的是为了在移动设备上支持多媒体。HTML 5简单易学，是下一代 HTML 标准。HTML 4.01的上一个版本诞生于 1999年，从那以后，Web 世界已经经历了巨变。目前HTML 5仍处于完善之中，然而大部分现代浏览器已经具备了某些HTML 5功能的支持。HTML 5中的一些有趣的新特性如下。* 用于绘画的 canvas 元素。* 用于媒介回放的 video 和 audio 元素。* 对本地离线存储的更好的支持。* 新的特殊内容元素，如article、footer、header、nav、section。* 新的表单控件，如calendar、date、time、email、url、search。编写代码时其 声明必须位于 HTML 5文档中的第一行，使用非常简单。一个简单的HTML 5文档代码格式如下： 文档标题
主体内容
实例3-9 下面是一个通过min、max 和 step属性用于为包含数字或日期的input类型规定限定（约束）的例子，实例3-9源代码如下：实例3-9：日期输入验证 输入 1980-01-01 之前的日期：
输入 2000-01-01 之后的日期：
数量 在1和5之间：
注意： Internet Explorer 9及更早IE版本，Firefox不支持input标签的max 和 min 属性。
注意： 在Internet Explorer 10中max 和 min属性不支持输入日期和时间，IE 10 不支持这些 输入类型。
实例3-9的运行效果如图3-10所示。
图3-10 HTML 5日期输入验证当在表单中输入不符合条件的日期和数值时就会提示输入出错信息，要求重新输入。?注意：对于中文网页需要使用 声明编码，否则会出现乱码。3.8 任务8 JavaScript使用JavaScript的出现给静态的HTML网页带来很大的变化。JavaScript增加了HTML网页的互动性，使以前单调的静态页面变得富有交互性，其可以在浏览器端实现一系列动态的功能，仅仅依靠浏览器就可以完成与用户的一些互动。JavaScript是通过嵌入或调入在标准HTML语言中实现的，弥补了HTML语言的不足，是Java与HTML的折中选择方案。下面简单介绍Java Script技术的基础知识。3.8.1 JavaScript概述JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。嵌入在HTML语言中实现。能够在客户端执行，具有解释性、基于对象、事件驱动、安全性和跨平台等特点。JavaScript无须编译，可直接嵌入HTTP页面中，把静态页面转变成支持用户交互并响应应用事件的动态页面，经常用于数据验证、控制浏览器以及生成时钟，日历和时间戳文件。JavaScript的标签是 ，一般放在页面的之间。?注意： Java和JavaScript虽然名字相似，但两者没有任何关系。 两门语言是由两家不同公司开发的，Java是Sun公司（现由Oracle公司收购），而JavaScript是Netscape公司，最初名字为LiveScript；Java是面向对象语言OOP，所有对象和类都要求用户自己定义，JavaScript就基于对象的语言，所有对象都是由浏览器提供给用户的，直接调用即可。 之所以将LiveScript更名为JavaScript，主要也是借助Java的名声，便于推广使用。3.8.2 函数在JavaScript开发中最重要的部分就是函数，也是在代码中最常使用的一种形式。1．变量在JavaScript中，可以用关键字var声明变量，其语法格式如下：var variable;在JavaScript里，变量都是用var来声明，不区分数据类型，为这个变量赋值什么类型的数据，就是什么类型，如int、double等。可以用一个var声明若干个变量，并赋值，例如：var i= 5, j="你好！", k=true;2．函数定义在JavaScript中运算符和流程控制语句和Java一致，在这里就不多介绍了。函数由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的。定义函数的基本语法如下：function functionname[parameter1,parameter2,]{ Statements; [return expression;]}参数说明：* functionname：必选项，用于指定函数名。* parameter：可选项，用于指定参数。* Statements：必选项，是函数体，用于实现函数功能的语句。* expression：可选项，用于返回函数值。从函数定义格式中可以发现，在JavaScript中定义的函数不需要声明返回值，而如果一个函数需要有返回值的话，则直接通过return语句返回即可。3．函数调用如果函数调用不带参数的函数，使用函数名加上括号即可；如果要调用的函数带参数，则在括号内加上需要传递的参数；如果包含多个参数，各个参数间用逗号隔开。实例3-10 验证表单输入字符串是否为汉字，JavaScript代码如下：function check{ var str=form1.Name.value; ifstr==""{alert"请输入姓名！";form.Name.focus;return;} else{ var obj=[\u4E00-\u9FA5]{2,}; ifobj.teststr==true{ alert"你输入正确的姓名！"; } else{ alert"你输入姓名不正确！"; } }}实例3-10：JavaScript输入验证 名字：
|
|
購物車/收銀台(
0
) | 在線留言板
| 付款方式
| 運費計算
| 聯絡我們
| 幫助中心 |
加入書簽
HOME
新書上架
