《Java web程序设计》教案.docx

上传人:b****8 文档编号:10853846 上传时间:2023-02-23 格式:DOCX 页数:71 大小:928.17KB
下载 相关 举报
《Java web程序设计》教案.docx_第1页
第1页 / 共71页
《Java web程序设计》教案.docx_第2页
第2页 / 共71页
《Java web程序设计》教案.docx_第3页
第3页 / 共71页
《Java web程序设计》教案.docx_第4页
第4页 / 共71页
《Java web程序设计》教案.docx_第5页
第5页 / 共71页
点击查看更多>>
下载资源
资源描述

《Java web程序设计》教案.docx

《《Java web程序设计》教案.docx》由会员分享,可在线阅读,更多相关《《Java web程序设计》教案.docx(71页珍藏版)》请在冰豆网上搜索。

《Java web程序设计》教案.docx

《Javaweb程序设计》教案

课题:

第一章JavaWeb概述

【教学目标】

掌握JSP运行环境的搭建,能进行简单的JSP程序编写与运行。

【教学重点】

Eclipse+Dreamweaver工具、项目的导入、导出、发布打包

【教学难点】

Eclipse+Dreamweaver工具、项目的导入、导出、发布打包

【教学方法】讲解、讨论

【教学地点】教学楼、综合楼

【课时安排】4课时

【教学过程】

1.1配置JSP运行环境

1.1.1 任务描述与实现正确安装Tomcat服务器,并显示其欢迎页面。

如图1-1所示。

图1- 1使用Tomcat欢迎页面

实现过程:

1.安装JDK 

安装Tomcat服务器前首先安装JDK(JavaDevelopmentKit),其包括了Java运行环境,Java工具和Java基础的类库。

目前,提供下载的最新版本为JDK7。

读者可到官方网站下载,下载地址为。

下载后双击安装,画面如图1-2所示,按“下一步”操作直到完成。

图1-2JDK安装界面

2.安装Tomcat

Tomcat官方网站下载地址:

本书采用的版本是Tomcat-7.0.20。

下载后,双击安装,如图1-3所示。

点击Next到第一步,进行安装组件选择,如图1-4所示。

第二步选择路径,按照系统默认路径即可。

第三步为配置Tomcat端口信息和账号信息,如图1-5所示,按照实际配置即可。

第四步为选择JDK的安装路径,如图1-6所示,选择在之前第1步操作中安装的JDK所在的位置。

之后单击“Next”开始安装。

安装完毕后,提示安装完成,如图1-7所示。

单击“Finish”完成Tomcat的安装。

安装完成之后,在程序菜单中可以看到Tomcat的选项,如图1-8所示。

点击MonitorTomcat,可在任务栏看到Tomcat的服务图标,如图1-9所示,双击该图标,弹出如图1-10所示的Tomcat启动界面,在此界面中可以选择启动或停止Tomcat服务。

启动Tomcat后,在地址栏中输入,若出现图1-1的显示效果,则Tomcat已正常安装并运行。

图1-3Tomcat安装:

欢迎界面

1.1.2新知识点——JSP概述、Tomcat目录结构、虚拟目录配置

1.1.2.1 JSP概述

1.动态网页

动态网页是在服务器运行的程序或者网页,它们会随不同用户、不同时间、不同需求,返回不同的内容。

如:

当登录到论坛时,作为论坛管理员身份,就可以看到“删除”、“修改”等操作;作为论坛普通用户身份,则只能看到帖子的浏览页面。

动态网页会使用服务器端脚本语言,比如目前流行的JSP等,访问动态网页时会获取最新内容显示,这就是为什么不同时间访问网页显示内容会发生变化的原因。

动态网页的特点:

交互性好:

即网页会根据用户需求和选择而动态改变和响应。

例如用户在网页中填写表单信息并提交,服务器经过处理将信息自动存储到后台数据库中,并转到相应提示页面。

因此,采用动态网页技术的网站可以实现与用户的交互功能,如用户注册、用户登录、信息查询等。

自动更新:

对于网页设计者来说,无需每次修改页面内容,只需在后台添加或者删除要显示的信息即可。

例如,在论坛发布信息,后台服务器将自动生成新的网页内容。

2.B/S技术

使用动态网页技术开发网站实际上是B/S技术的一种应用,因此,要更好地理解动态网页的开发原理,首先需要了解B/S技术的一些基本概念。

B/S技术跟C/S技术的区别:

C/S(客户机/服务器)结构分为客户机和服务器两层,一般将应用软件安装在客户机端,通过网络与服务器相互通信,实现交互,如QQ、飞信、MSN等软件。

对于这类系统的结构如图1-11所示。

对于C/S结构的应用软件,若要在客户机运行,就必须在先安装,而且每次对系统做了微小的改动,所有客户机的应用软件都需要更新。

3. JSP简介

(1)什么是JSP

JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件(*.jsp)。

Web服务器在遇到访问JSP网页的请求时,首先对其中的Java代码进行处理,然后将执行结果连同JSP文件中的HTML代码一起返回给客户的浏览器。

插入的Java程序段可以操作数据库、重新定向网页等,以实现建立动态网页所需要的功能。

4.JSP的特点

JSP最大的优点是开发的跨平台结构,它可以运行在几乎所有的操作系统平台。

JSP的优势:

一次编写,到处运行。

在这一点上Java比PHP更出色,除了系统之外,代码不用做任何更改。

系统的多平台支持。

基本上可以在所有平台上的任意环境中开发,在任意环境中进行系统部署,在任意环境中扩展。

相比ASP/PHP的局限性是显而易见的。

强大的可伸缩性。

从只有一个小的Jar文件就可以运行Servlet/JSP,到由多台服务器进行集群和负载均衡,到多台Application进行事务处理,消息处理,一台服务器到无数台服务器,Java显示了一个巨大的生命力。

多样化和功能强大的开发工具支持。

这一点与ASP很像,Java已经有了许多非常优秀的开发工具,而且许多可以免费得到,并且其中许多已经可以顺利的运行于多种平台之下。

JSP的劣势:

与ASP一样,Java的一些优势正是它致命的问题所在。

正是由于为了跨平台的功能,为了极度的伸缩能力,所以极大的增加了产品的复杂性。

Java的运行速度是用class常驻内存来完成的,所以它在一些情况下所使用的内存比起用户数量来说确实是“最低性能价格比”了。

从另一方面,它还需要硬盘空间来储存一系列的.java文件和.class文件以及对应的版本文件。

5. JSP开发及运行环境要求

① 操作系统要求

操作系统可以选择Windows操作系统、Unix操作系统和Linux操作系统等。

②软件环境要求

集成开发工具:

集成开发工具有NetBeans、Eclipse等。

本书选用Eclipse。

Web服务器:

JSP运行时需要安装JDK和Web服务器,目前使用较多的Web服务器有Tomcat、WebLogic、Jboss和Resin等。

本书选用Tomcat。

Tomcat是Apache软件基金会(ApacheSoftwareFoundation)的Jakarta 项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。

本书选用目前最新版本Tomcat7.0。

1.1.2.3虚拟目录配置

配置JavaWebExample的虚拟目录,方法如下:

1.前期准备工作

①在D盘建立D:

\WorkSpace\JavaWebExample的文件夹(也可以建立在其他磁盘)。

②在JavaWebExample文件夹中新建index.html文件,输入“欢迎”二字。

2. 配置Tomcat虚拟目录

①打开Tomcat的安装目录下conf文件夹的server.xml文件。

在<Host>和标签之间加上虚拟目录配置标签,即

\WorkSpace\JavaWebExample”/>,其中path属性值为虚拟目录名称,docBase属性值为虚拟目录指向的物理目录。

修改后如图1-16所示。

这里path保存的值是你在浏览器中输入的值即虚拟目录,docBase保存的值是你要访问的文件的物理绝对路径。

1.2利用开发工具制作Hello.jsp 

1.2.1任务描述与实现任务描述:

利用Dreamweaver、Eclipse搭配开发一个简单的JSP网页。

开发过程采用Eclipse和Dreamweaver搭配开发,设计显示界面部分用Dreamweaver实现,代码在界面制作自动生成基础上在Eclipse中编写,最后在Eclipse中测试运行实现过程:

 

1.下载安装Eclipse 

到Eclipse的官方网站下载EclipseIDE forJava EEDevelopers,下载后解压即可使用。

Eclipse官方网站。

2.下载并安装DreamWeaver8

3.配置Eclipse开发环境

启动后,配置Web项目测试服务器。

打开Window→Preferences菜单,选择Server→RuntimeEnvironments选项,然后选择添加服务器,添加已经安装的Tomcatv7.0。

4.在Eclipse中创建JavaWebExample项目

在新建项目选择对话框,选择DynamicsWebProject,如图1-24所示。

单击“Next”按钮后,出现如图1-25所示的对话框,填写项目名称JavaWebExample,选择与项目相关的信息。

在本例中,项目文件都置于D:

\workspace\JavaWebExample中,因此以默认选项配置;测试用服务器选择Tomcat7.0,其它部分按默认配置,之后单击“Finish”按钮。

5.在Dreamweaver中创建JavaWebExample站点

在Dreamweaver中创建站点时,其站点根目录指向在Eclipse中创建的项目的WebContent目录,本例的根目录为D:

\workspace\JavaWebExample\WebContent,如图1-29所示。

此外,设置站点为JSP站点,并指定前缀。

6.测试。

测试在Dreamweaver中编写的Web页面,在Eclipse中运行。

本例中为了方便演示,在Dreamweaver的JavaWebExample站点的Chapter1文件夹创建一个简单的JSP页面exam1_1_Hello.jsp

1.2.2 新知识点——Eclipse、Dreamweaver工具简介

1.2.2.1Eclipse简介

Eclipse是著名的跨平台的自由集成开发环境(IDE),最初主要用于Java语言开发,目前也有人通过插件使其作为其他计算机语言(如C++和Python)的开发工具。

虽然Eclipse本身只是一个框架平台,但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。

许多软件开发商以Eclipse为框架开发自己的IDE。

Eclipse就其本身而言,它只是一个框架和一组服务,但可通过插件组件构建集成开发环境。

Eclipse附带了一个标准的插件集,包括Java开发工具(JavaDevelopmentTools,JDT)。

Eclipse最初是由IBM公司开发的替代商业软件VisualAgeforJava的下一代IDE Eclipse,2001年11月贡献给开源社区,现在它由非盈利软件供应商联盟Eclipse基金会(Eclipse Foundation)管理。

1.2.2.2 Dreamweaver简介

Dreamweaver,简称DW,是一款有着多年历史和良好口碑的可视化网页编辑工具,它最大的优点就是所见即所得,对W3C网页标准化支持十分到位。

同时它还支持网站管理,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML,以及支持ASP、JSP、PHP、ASP.NET、XML等程序语言的编写与调试。

1.2.2.3 工具联合开发调试项目

使用Eclipse开发程序时,虽然系统框架结构会给你带来方便,但并不太适合于开发Web显示界面,而Dreamweaver开发Web页面时可以实现所见即所得的效果,页面也遵循W3C国际标准。

因此,可以利用这些开发工具各自的优点,结合开发Web程序,从而提高开发效率。

1.2.3扩展——现有项目导入、导出、发布打包

对于程序员来说,有时需要将现有项目导入、导出和发布打包,下面介绍如何将项目导入、导出和发布打包。

1.2.3.1项目导入 

项目导入可直接将文件拷贝至相应文件夹中,也可导入War文件。

下面先来介绍第一种方法。

1.文件拷贝

(1)新建项目

在Eclipse中新建project,参考1.2.2中介绍新建项目。

新建项目test,此时src及WebContent均为空,

【教学小结】   

本章介绍了进行JavaWeb应用开发的特点,B/S架构的优势,介绍了JavaWeb程序的服务器运行的安装配置及开发工具的搭配使用,重点介绍了JDK、Tomcat的安装与配置,以及利用DreamWeaver与Eclipse搭配开发项目。

通过本章的学习,读者可以创建简单的JSP文件,并且进行测试。

 

课题:

第二章JSP语法

【教学目标】

掌握JSP的页面组成,掌握JSP简单网站的制作

【教学重点】

page指令、include指令、tablib指令、

include>动作指令、

forward>动作指令

【教学难点】

page指令、include指令、tablib指令、

include>动作指令、

forward>动作指令

【教学方法】讲解、讨论

【教学地点】教学楼、综合楼

【课时安排】4课时

【教学过程】

2.1 制作第一个JSP页面

2.1.1任务描述与实现在Jsp文件中定义方法实现两个数的加法

定义方法实现两个数的加法,调用其计算1+2并显示结果,如图2-1所示。

图2-1求和效果

实现过程:

1.新建JSP文件。

在项目的chapter2文件夹中,单击右键选择New→JSPFile选项,弹出如图2-2所示的对话框,在中输入exam2_1_sum.jsp,单击Finish之后进入JSP页面编辑窗口,输入代码如程序2-1。

2.1.2新知识点——JSP页面组成、声明、代码段、表达式、注释

JSP页面由两部分组成,一部分为静态部分,即HTML标记,用来完成数据页面显示;另一部分为动态部分,用来完成数据处理,包括脚本元素、指令元素和动作元素。

脚本元素用来嵌入Java代码,这些Java代码将成为转换得到的Servlet的一部分;JSP指令元素用来从整体上控制Servlet的结构;动作元素用来引入现有的组件或者控制JSP引擎的行为。

2.1.2.1 声明<%!

%>

JSP中声明部分可以进行变量、方法和类的声明,其一般在<%!

%>标签中进行。

其语法格式为<%!

声明1;声明2;……%>。

如在程序2-1中,进行了求和方法的声明。

下边进行一个变量的声明,如程序2-2。

2.1.2.2代码段 <% %>

在JSP页面中嵌入Java代码来执行特定的功能,其放置在<%%>标记中。

格式为:

<%

Java代码段1

Java代码段2 

……

%>

这种Java代码在Web服务器响应请求时就会运行。

如程序2-3,定义2个变量并输出。

2.1.2.3表达式<%=%>

JSP表达式可以把JSP页面中的数据直接输出到页面,其格式为:

<%=表达式 %>

表达式一次只能使用一个表达式,并且该表达式是完整的。

在表达式的语句中不能使用分号。

如程序2-4,进行了变量输出

这种代码段的主要功能是输出一个变量或常量,有时候将其叫做表达式输出。

使用方法见程序2-5所示。

2.1.2.4注释

在JSP中支持两种注释,一种是显式注释,这种注释客户端允许查看的;另一种是隐式注释,这种注释客户端是看不到的。

1.显式注释语法(HTML注释)

--这是显式注释􀃆

2. 隐式注释语法

(1)//Java提供的单行注释

(2) /* Java提供的多行注释 */

(3)<%--JSP注释--%>

2.1.3扩展——代码编写规范

好的代码应该容易理解,并且见名知意的,因此大家都需要遵守一些约定,下面介绍一些常规的编写规范。

1.JSP文件命名

JSP文件名称要以小写字母命名,名称要体现出该页面的意义,最好能够与模块名称联系在一起。

例如:

login.jsp--登录页面

register.jsp --注册页面

message.jsp --消息页面

2.Java Web项目文件夹组织规范

JavaWeb项目的目录结构为:

src---存放java源文件的文件夹

WebContent--web站点文件存放文件夹

|--images--图片文件夹

|--css--样式文件夹

|--js--js文件夹

|--…… --其他功能模块文件夹(存放与某个功能模块相关的资源)

|--WEB-INF--网站配置及类和库文件夹

|--classes--存放类编译后的字节码文件的文件夹

|--lib --存放jar文件的文件夹

2.2 制作一个带包含文件的JSP页面

2.2.1任务描述与实现

实现静态包含功能,编写三个不同类型的文件,然后将这三个不同类型的文件静态包含于某一JSP文件中

2.2.2新知识点——JSP指令:

page指令、include指令

JSP指令是为JSP引擎而设计的。

它们并不直接产生任何可见的输出,而只是告诉引擎如何处理其余的JSP页面。

JSP指令有三种,分别为页面设置指令page、页面包含指令include和标记指令taglib。

JSP指令一般语法形式为:

<%@指令名称属性=“值”%>

1.page指令

page指令就是通过设置内部的多个属性来定义JSP文件中的全局特性。

需要注意的是,page指令只能对当前自身页面进行设置,即每个页面都有自身的page指令。

如果没有对属性进行设置,JSP将使用默认指令属性值。

2.include指令

在JSP开发中,可以将一些重用的代码写入一个单独的文件中,然后通过include指令引用该文件,从而缓解代码的冗余问题,修改也比较方便。

Include指令语法格式为:

 

<%@includefile=”被包含的文件路径”%>

inlcude也被称为静态包含指令,包含的文件可以是JSP文件、HTML文件、文本文件和Java程序段。

静态包含指令只是简单的将内容合在一起显示,所以,在一个完整的页面中,对于<html>、<head>、、<body>等元素只能出现一次,如果重复出现,则会造成HTML错误。</p><p>在2.2.1节任务中,其主要采用include指令完成不同类型文件的包含。</p><p>2.2.3扩展——taglib指令的使用</p><p>使用<%@taglib%>指令在JSP文件中导入标签,以便在JSP中使用标签方便地完成一些动作。</p><p>Taglib指令的语法为:</p><p> </p><p><%@tagliburi=”tagLibraryURI”prefix=”tagPrefix”%> </p><p>uri是一个URI标识标记库描述器。</p><p>一个标记库描述器用来唯一的命名一组定制的标记,并且告诉包容器如何处理特殊的标记。</p><p>Prefix定义一个prefix:</p><p>tagname形式的字符串前缀,用于定义定制的标记。</p><p>2.3制作一个简单的JSP网站</p><p>2.3.1任务描述与实现</p><p>2.3.1.1制作一个简单的JSP网站</p><p>制作一个简单的JSP网站。</p><p>网站主题为产品网站,主要包括网站首页、产品和下载页面等,效果如图2-10~2-12所示。</p><p>要求公共部分采用单独文件,并被包含。</p><p>开发过程采用Eclipse和Dreamweaver搭配开发,设计显示界面部分全部用Dreamweaver实现,JSP程序部分在Eclipse中编写,最后在Eclipse中测试运行。</p><p>2.3.2新知识点——JSP动作指令、<jsp:</p><p>include></p><p>在JSP中,还存在另外一类标记,其符合XML的语法格式。</p><p>利用这些标记可以达到控制Servlet引擎的作用,如动态的插入文件,调用JavaBean,页面重定向等,这类标记称为JSP动作标记。</p><p>JSP的常用动作标记有<jsp:</p><p>include>、<jsp:</p><p>useBean>、<jsp:</p><p>setProperty>、<jsp:</p><p>getProperty>、<jsp:</p><p>forward>、<jsp:</p><p>plugin>、<jsp:</p><p>params>等。</p><p>2.3.3扩展——<jsp:</p><p>forward>的使用</p><p><jsp:</p><p>forward>动作指令表示把当前的页面控制权转向另外一个对象,该对象可以是一个HTML文件、JSP文件或者一个Servlet文件。</p><p><jsp:</p><p>forward>的语法格式:</p><p><jsp:</p><p>forwardpage=”转向的文件路径|<%=表达式%>”/></p><p>或者</p><p><jsp:</p><p>forwardpage=”转向的文件路径|<%=表达式%>”> </p><p><jsp :</p><p>paramname= »param1»value=»value1 »/> </p><p><jsp:</p><p>param name=»param2»value=»value2 »/></p><p></jsp:</p><p>forward></p><p>在上述格式中,page属性为一个字符串或者一个表达式,用来表示转向文件的路径;<jsp:</p><p>param>字句指令为传递参数,name指定参数名,value指定参数值。</p><p>【教学小结】</p><p>本章主要介绍了JSP页面的组成、指令、动作等技术,重点介绍了JSP的page指令、include指令的使用,<jsp:</p><p>include>、<jsp:</p><p>forward>等动作指令的使用。</p><p>通过本章的学习,读者可以建立一个简单功能的JSP网站。</p><p>课题:</p><p>第三章JSP内置对象</p><p>【教学目标】</p><p>掌握JSP常用内置对象及使用方法</p><p>【教学重点】</p><p>JSP内置对象</p><p>【教学难点】</p><p>JSP内置对象</p><p>【教学方法】讲解</p><p>【教学地点】教学楼、综合楼</p><p>【课时安排】4课时</p><p>【教学过程】</p><p>3.1获取客户端数据</p><p>3.1.1任务描述与实现</p><p>3.1.1.1实现用户注册信息获取及显示</p><p>编写用户注册功能,注册信息包括用户名、密码、性别、E-mail、熟练开发语言,如图3-1所示,提交后,显示用户输入的数据。</p><p>为了提高开发效率,开发过程采用Eclipse和Dreamweaver搭配开发,设计显示界面部分全部用Dreamweaver实现,代码在界面制作自动生成基础上在Eclipse中编写,最后在Eclipse中测试运行。</p><p>3.1.2新知识点——JSP内置对象、request</p><p>3.1.2.1 JSP内置对象概述</p><p>为了简化Web页面的开发过程,JSP提供了一些由容器实现和管理的对象,这些对象在JSP中可以直接使用,不需要JSP页面编写进行实例化,可以直接使用,此类对象称之为JSP的内置对象。</p><p>JSP中规范定义了9个内置对象,分别是request、response、session、application、out、page、pageContext和exception。</p><p>其说明见表3-1。</p><p>表3-1JSP内置对象对象</p><p>所属类</p><p>说明</p><p>request</p><p>javax.servlet.http.HttpServletRequest</p><p>封装了客户端的请求信息</p><p>response </p><p>javax.servlet.http.HttpServletResponse</p><p>包含了响应客户请求的相关信息</p><p>session</p><p>javax.servlet.http.HttpSession</p><p>与当前请求相关的会话</p><p>application </p><p>javax.servlet.ServletContext</p><p>存放全局变量,实现用户间的数据共享</p><p>out</p><p>javax.servlet.js</p> </div> <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div> <script> function showmore() { $(".readmore").hide(); $(".detail-article").css({ "height":"auto", "overflow": "hidden" }); } $(document).ready(function() { var dh = $(".detail-article").height(); if(dh >100) { $(".detail-article").css({ "height":"100px", "overflow": "hidden" }); } else { $(".readmore").hide(); } }); </script> </div> <script> var defaultShowPage = parseInt("5"); var id = "10853846"; var total_page = "71"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/10853846.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <script> var pre = "https://file1.bdocx.com/fileroot1/2023-2/23/905365be-25ac-4a92-849b-3b1965f70730/905365be-25ac-4a92-849b-3b1965f70730"; var freepage = parseInt('20'); var total_c = parseInt('71'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;19;"; var end = start; function ShowSvg() { end = start + defaultShowPage; if (end > freepage) end = freepage; for (var i = start; i < end; i++) { var imgurl = pre + (i + 1) + '.gif'; var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"《Java web程序设计》教案.docx_第" + (i + 1) + "页\" width='100%'/>"; $("#page").append("<div class='page'>" + html + "</div>"); $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1) { if(adindex > (adcount-1)) adindex = 0; $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>"); document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML; adindex += 1; } } start = end; if (start > (freepage - 1)) { if (start < total_c) { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页,到这儿已超出免费预览范围,如果喜欢就下载吧!"); } else { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页全部预览完了,如果喜欢就下载吧!"); } } } //$(document).ready(function () { // ShowSvg(); //}); </script> <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/28308760.html" title="《Java web程序设计》教案范本模板.docx">《Java web程序设计》教案范本模板.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/9472718.html" title="《Java web程序设计》教案.docx">《Java web程序设计》教案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/10049501.html" title="《Java web程序设计》教案.docx">《Java web程序设计》教案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/6194895.html" title="java web程序设计教案.docx">java web程序设计教案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/5103621.html" title="《Java web程序设计》教案.docx">《Java web程序设计》教案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/25868165.html" title="《Java web程序设计》教案.docx">《Java web程序设计》教案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/27337454.html" title="《Java web程序设计》教案.docx">《Java web程序设计》教案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/4856536.html" title="《JAVA WEB程序设计》报告模板.docx">《JAVA WEB程序设计》报告模板.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/23147662.html" title="Java Web程序设计与实践教案.docx">Java Web程序设计与实践教案.docx</a> </li> </ul> </div> </div> <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370365.html" target="_parent" title="汽车电子控制系统英文缩写.docx">汽车电子控制系统英文缩写.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370366.html" target="_parent" title="法权的构成及人权的法律保护.docx">法权的构成及人权的法律保护.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370367.html" target="_parent" title="幼儿园小班主题活动设计方案.docx">幼儿园小班主题活动设计方案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370368.html" target="_parent" title="礼貌显魅力.docx">礼貌显魅力.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370369.html" target="_parent" title="电脑科技论文基于UG的车载电脑前框模具设计与前模型腔的数控加工.docx">电脑科技论文基于UG的车载电脑前框模具设计与前模型腔的数控加工.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370370.html" target="_parent" title="四级英语词汇.docx">四级英语词汇.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370371.html" target="_parent" title="第一学期工作总结.docx">第一学期工作总结.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370372.html" target="_parent" title="房建桩基础施工设计方案.docx">房建桩基础施工设计方案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8370373.html" target="_parent" title="强化三基管理确保安全生产最新版.docx">强化三基管理确保安全生产最新版.docx</a></li> </ul> </div> </div> <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 相关搜索</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=Java+web%e7%a8%8b%e5%ba%8f%e8%ae%be%e8%ae%a1">Java web程序设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e3%80%8aJava">《Java</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=web%e7%a8%8b%e5%ba%8f%e8%ae%be%e8%ae%a1%e3%80%8b%e6%95%99%e6%a1%88">web程序设计》教案</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=Java">Java</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=web">web</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%a8%8b%e5%ba%8f%e8%ae%be%e8%ae%a1">程序设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%95%99%e6%a1%88">教案</a></li> </ul> </div> <div style=" font-size: 16px; background-color:#e5f0f7; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 资源标签</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bdocx.com/mark/javawebchengxushejijavawebchengxushejijiaoanfanbenmobanjava.html">Java web程序设计《Javaweb程序设计》教案范本模板Java</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00020.html">高等教育</a><span> > </span><a href="https://m.bdocx.com/booklist-0002000012.html">经济学</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=F%2f26Gs4Mn4ZFTr0fxHWChQ%3d%3d&parto=lR25yq9f1HfuQ2I3fQV%2bTUiMaiDooW95dRtmsLzcZqGswrIeszs1HzbQSoYkACRWoY%2blWbNEcLDtumyN2JDvvlpoazrHVdIvRCQ0%2b6zEYs%2bTJPLEpHPkh928oX9oET496jV364be2LsvtG%2f1v0caqISh%2fo71FZKr7MCkB8oSwOEkDd%2bcwp6F9Gl6S6enIiFN9I%2fLCyGoA0eFmp5NXz5EcSsJmLmxdEIZ" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script> </form> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li> <li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.bdocx.com/doc/10853846.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1719114286', // 必填,生成签名的时间戳 nonceStr: '24681928425F5A9133504DE568F5F6DF', // 必填,生成签名的随机串 signature: '09270094a594a33a5938d06bf21b423a11d9be73',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.bdocx.com/doc/10853846.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1719114286', // 必填,生成签名的时间戳 nonceStr: '24681928425F5A9133504DE568F5F6DF', // 必填,生成签名的随机串 signature: '09270094a594a33a5938d06bf21b423a11d9be73',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.bdocx.com/header.aspx"; $.get(url + "?t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>