（本科）第9章基于互联网信息系统的开发技术ppt课件.pptx

《（本科）第9章基于互联网信息系统的开发技术ppt课件.pptx》由会员分享，可在线阅读，更多相关《（本科）第9章基于互联网信息系统的开发技术ppt课件.pptx（45页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、课程主讲人：（本科）第9章 基于互联网信息系统的开发技术ppt课件第九章 基于互联网信息系统的开 发技术第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本 章 内 容2022-5-16第九章 基于互联网信息系统的开发技术31.1 1.1 WebWeb开发技术发展历程开发技术发展历程Web（即World Wide Web，简称WWW，中文称万维网）是当前Internet上应用最为广泛的信息服务类型。从1989年至今，Web备受推崇并得到了迅猛发展。发展历程可

2、以分为静态页面、动态页面、各种框架竞相涌现、智能终端应用开发四个阶段。2022-5-16第九章 基于互联网信息系统的开发技术41993年6月，超文本标记语言发布。Web服务器与用户浏览器间的信息传递基于HTTP超文本传输协议实现，网页设计主要依赖于HTML技术、文字、图片，静态页面只能作简单的信息展示，无法实现用户与系统的交互。互联网的发展与普及催生了动态页面的出现。早期的动态页面基于CGI生成，可实现与文件系统或者数据库的交互，但过于繁杂、开发及维护困难、扩展性差。随后出现的PHP、ASP、JSP等编程脚本语言使Web开发有了一个较为通用的参考架构，大大提高了扩展性和安全性。2 0 0 0

3、年 以 后 ， 随Web应用日益复杂，人们对于Web开发的速度、可维护性和可扩展性有了更高的要求，使得综合已有Web开发技术的各种开发框架或应用模型涌现，以满足复杂的应用需求。2008年3月6日，苹果对外发布了可免费下载的针对iPhone的 应 用 开 发 包（SDK）。这使得App开发者们可直接面对用户，并催生了国内众多APP开发商的出现。2011年1月21日腾讯推出的微信，开启了智能终端应用的新领域。各种框架竞相涌现阶段智能终端应用开发阶段动态页面阶段静态页面阶段1.2 1.2 WebWeb开发技术基础开发技术基础开发互联网背景下的信息系统不仅需要掌握互联网的基本概念，还需要选择合适的开发

4、技术和开发工具。2022-5-16第九章 基于互联网信息系统的开发技术5Web技术HTML（Hyper Text Markup Language）整个Web技术的基础。功能强大，但仅使用HTML编写的网页是静态的。CGI（Common Gateway Interface）定义了外部应用与WEB服务器间的接口标准。主要功能是解释处理Internet端用户的请求，将生成的处理结果反馈给Web服务器。目前逐渐被Servlet等新技术替代的趋势。PHP (Hypertext Preprocessor）与HTML语言具有很好的兼容性。PHP提供了标准的数据库接口，数据库连接方便，可以进行面向对象编程。J

5、SP （Java Server Pages）相似于ASP，但JSP跨平台性更好，可在85%以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理ASP （Active Server Pages）一种类似超文本标识语言(HTML)、脚本(Script)与CGI(公用网关接口)的结合体。第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本 章 内 容2022-5-16第九章 基于互联网信息系统的开发技术62.1 2.1 Intern

6、etInternet地址地址Internet地址惟一地确定Internet上每台计算机与每个用户的位置。对用户来说，Internet地址有两种表示形式：IP地址和域名。IP地址域名接入Internet的计算机也有一个由授权机构分配的号码，这个号码就叫IP地址。IP地址分前后两部分，前面的部分叫网络号，后面的部分叫主机号。由于IP地址的数字地址很难记忆，通常使用一个文字IP地址来表示，把它叫做域名。2022-5-16第九章 基于互联网信息系统的开发技术72.2 2.2 InternetInternet提供的服务提供的服务Internet提供的常用的服务有：电子邮件服务1文件传输服务（FTP服务）

7、2万维网服务（www服务）3新闻公告类服务42022-5-16第九章 基于互联网信息系统的开发技术82 2.3 www.3 www服务服务在全球信息网上不仅可以看到文字、图片，而且可以听到声音、看到动画。www服务是通过客户机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的（见图9.1）。2022-5-169第九章 基于互联网信息系统的开发技术图9.1 Web服务器的工作原理2.4 2.4 网页和超文本网页和超文本（一）网页网页是我们在网上用浏览器（如Internet Explorer，简称IE）看到的那些页面。这些页面实际上都是一个个文件。由若干互连的文本块组成的文本就是超文本

8、。在www系统中，信息是按超文本方式组织的。 （二）HTML文件这种文件是用超文本标语言（HTML，Hyper Text Markup Language）写的。它存放在WEB服务器上，关于HTML在下一节还要详细阐述。（三）http协议www服务是执行http协议进行传输的。如果输入以下一句，进行信息定位,就可指向哈尔滨工业大学主页所在的位置： 我们把它称为哈工大www 服务器的URL（统一资源 定位器）2022-5-1610第九章 基于互联网信息系统的开发技术2.4 2.4 网页和超文本网页和超文本（四）www浏览器这是客户机上的一种软件，通过它可以找到并浏览Internet上各种WWW服务

9、器上的主页。常用的浏览器软件有微软公司的Internet Explorer和Netscape 公司的Navigator等。（五）搜索引擎搜索引擎是Internet上的一种www服务器，它能在Internet中主动搜索其他www服务器中的信息并对其索引。使用搜索引擎时，用户输入关键字后，搜索引擎能返回包含该关键字信息的URL，并提供通向该站点的链接。2022-5-1611第九章 基于互联网信息系统的开发技术第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本

10、章 内 容2022-5-16第九章 基于互联网信息系统的开发技术123.1 3.1 用用HTMLHTML做简单的网页做简单的网页超文本文件是由超文本标记语言(HTML)写成，这种文件的格式就是大家所熟知的ASCII格式。把文档中各种不同的内容用不同的标记元素对其属性做上标记。这样一来，超文本就是由标记和文本内容两者组成的了。还有一种标记方式叫做单标记方式，它不是成对地出现标记，只需一个标记单独使用，就能完整地表达意思。双标记方式单标记方式例例2022-5-1613第九章 基于互联网信息系统的开发技术3.2 3.2 HTMLHTML文档的一般结构文档的一般结构下面举例说明HTML文档的一般结构：

11、网上手机市场你想要买手机吗?你可以访问手机网站 了解有关信息。建立和运行上述HTML文件的最原始的办法是将它写到Window附件中的记事本上，形成 .txt 文件，然后将后缀改为 .html, 用鼠标双击文件名，即可运行。这里：html和/html表示超文本的开始与结束；head和/head是超文本文件头的起止；body和/body是超文本正文主体的起止；p和/p是段落的起止；a和/a是定义超文本链接点的标记元素。 href是标记元素a的属性。2022-5-1614第九章 基于互联网信息系统的开发技术3.3 3.3 在在网页中插入图片网页中插入图片如果想在方才显示的屏幕上增加一个名为gxkj.

12、gif的图形（见图9.2），只要在上述HTML文档中增加下面一句即可：IMG SRC=“gxkj.gif”widfh“20”height“15” 这里IMG是插入图形文件的标记。“SRC=”后面的gxkj.gif 是图形文件名。此图宽20 MM，高15MM,可由扫描得到。图9.2 插入图片 你想买手机吗？可以访问手机网站来了解有关信息图片2022-5-16第四章 Web开发的基本技术153.4 3.4 用用HTMLHTML定义表格定义表格运用标记元素可以写出供浏览表格用的HTML文本。表格名称第一标题列第二标题列第三标题列第一标题列第二标题列第三标题列 图9.3 浏览器上显示的表格2022-5

13、-1616第九章 基于互联网信息系统的开发技术3.5 3.5 交互表单交互表单仅有静态的网页是不够的,需要通过网页实现网上注册、网上交谈、网上查询时需要使用交互性标记元素。通过交互性标记元素可在网页上显示出一个人机对话的表单接口界面。为了在浏览器上看到这个表单界面,就需要使用FORM标记元素。FORM可译为“表单”。请提供以下信息，然后单击提交姓名：密码：提交清楚人机对话的界面2022-5-1617第九章 基于互联网信息系统的开发技术3.5 3.5 交互表单交互表单我们看一下，用FORM标记元素在HTML页面上实现“提交”（一部分功能）的HTML文档。Tijiao3.htm请提供以下信息,然后

14、单击提交。姓名:密码:FORM语句段的结构如下：FORM METHOD =”POST”(指 从客户机将信息发送到 Web服务器)ACTION =”URL”(激活处 理交互信息的程序)/FORM TML的交互性标记元素和仅仅提供了一个接口界面,要全部实现交互功能,仅靠HTML是不够的,还必须利用后面所讲解的技术完成交互处理。2022-5-1618第九章 基于互联网信息系统的开发技术第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本 章 内 容2022-5-1

15、6第九章 基于互联网信息系统的开发技术194 MVC4 MVC开发框架开发框架2022-5-1620第九章 基于互联网信息系统的开发技术4.14.1 MVC MVC的运行原理的运行原理M即Model模型，用来表示业务规则。V即View视图，是指用户看到并与之交互的界面。C即Controller控制器，控制器接受用户的输入并调用模型和视图去完成用户的需求。2022-5-1621 MVC工作流程第九章 基于互联网信息系统的开发技术4.14.1 MVC MVC的运行原理的运行原理2022-5-1622在MVC的三个部件中，模型拥有最多的处理任务。被模型返回的数据是中立的，模型与数据格式无关，这样一个

16、模型能为多个视图提供数据，应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。MMVC的好处之一在于它能为应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，它只是作为一种输出数据并允许用户操纵的方式。V控制器本身不输出任何东西和做任何处理，它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。C第九章 基于互联网信息系统的开发技术 使用的MVC的目的在于将模型和视图的实现代码分离，从而使同一个程序可以使用不同的表现形式。4.24.2 JSP+JavaBean+ServletJSP+JavaBean+Servlet开发模式开发模式在M

17、VC开发框架中，模型的角色由JavaBean来实现，视图的角色由JSP页面来实现，控制器的角色由Servlet来实现。Servlet负责接受用户的请求，并根据请求信息交给JSP页面产生响应。Servlet还可以将JSP视图的需求传递给JavaBean进行处理。与数据库相关的处理和操作也由JavaBean完成。2022-5-1623第九章 基于互联网信息系统的开发技术JSP+JavaBean+Servlet开发模式示意图第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动

18、终端技术 本 章 内 容2022-5-16第九章 基于互联网信息系统的开发技术245.5.NetBeansNetBeans开发平台开发平台NetBeans是由SUN公司使用Java语言开发的一个免费的开源工具，主要包括集成开发环境（IDE）和平台（Platform）两个部分。利用NetBeans IDE可以开发标准的Java应用程序、Java EE 企业级应用程序、Web应用程序、Java ME手机应用软件、C+程序、Ruby程序等。2022-5-1625图9.7 新建项目结构图第九章 基于互联网信息系统的开发技术5.5.NetBeans开发平台2022-5-1626例：利用NetBeans新

19、建一个Web项目1、选择【文件】-【新建项目】-【Web】，选择工程中的【Web应用程序】，进入Web工程设置界面。2、各输入元素如下：u Project Name：工程的名字，本例使用Web1。u Project Location：工程的位置，本例使用I:/MIS。u Server：Web应用的服务器，下拉框中列出了在服务器管理界面中添加的所有服务器，如果要使用其他服务器，可以通过服务器管理界面添加，本例使用默认的GlassFish Server作为服务器。u Java EE Version：Java EE的版本，下拉框中列出了IDE所支持的Java EE的版本。本例选择Java EE 7作

20、为应用所采用的Java EE版本。u Context Path：Web应用的上下文，也就是访问Web应用的方式，采用默认值即可。3、输入完之后，选择【下一步】进入下一个界面。在下一个界面中，选择Web应用使用的框架，如果不选择，直接点击【结束】。第九章 基于互联网信息系统的开发技术第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本 章 内 容2022-5-16第九章 基于互联网信息系统的开发技术276.1 6.1 JSPJSPJSP的全称为Java Ser

21、ver Page，是一种Web动态页面技术。JSP文件的扩展名为.jsp。2022-5-1628JSP文件可以包含以下的几个部分：1. HTML标记2. Java程序段3. JSP元素4. JSP内置对象5.JSP注释文本；与由标记构成的静态页面技术HTML不同JSP元素包括：脚本元素、指令元素和动作元素。 脚本元素主要包括变量声明、运行脚本和表达式输出。指令元素通过指令中的属性设置向JSP客户端发出一些提示，从而控制JSP页面的某些特征。JSP元素也称JSP内建对象，它无需声明，可直接在JSP页面的Java程序片和Java表达式中使用。常用的内置对象有request、response、ses

22、sion、application、out五种。JSP内置对象第九章 基于互联网信息系统的开发技术6.1 6.1 JSPJSP2022-5-1629第九章 基于互联网信息系统的开发技术例：创建JSPJSP页面的创建在第四节对NetBeans进行的相应服务器配置，及Web项目的构建的基础上进行。具体步骤为：右键单击Web页，选择【新建】-【JSP】， 在弹出界面中输入文件名，直接点击finish完成即可对JSP页面的创建。生成的生成的JSP页面图9.8 JSP页面6.2 6.2 ServletServletServlet是一个基于Java技术的Web组件，运行在服务器端，我们利用 Servlet可

23、以接收客户端发来请求，执行某一特定的功能。2022-5-1630Servlet一般被认为是服务器小程序，类似于Java中的CGI（公共网关接口），但功能却比CGI强大。其最主要的功能在于动态响应客户端的HTTP请求，并执行特定的功能。u接收客户端传来的HTTP请求时，Servlet容器调用Servlet中的int方法，完成Servlet中的初始化工作。u通过Servlet容器调用service方法来响应客户端HTTP请求，该方法可根据不同的HTTP请求类型自动调用合适的方法（主要有doGet和doPost）对请求进行处理。uServlet将响应客户端请求的应答传递给Web服务器后，服务器将收到

24、的响应传递给客户端。u工作完成后，Servlet容器会调用Servlet中的destroy方法，将Servlet从服务器中移出，释放数据库连接等资源。Servlet工作原理第九章 基于互联网信息系统的开发技术6.2 6.2 ServletServlet2022-5-1631在本节JSP创建的基础上进行的，其具体步骤如下所示：（1）选择【Web1】-【新建】-【Java 包】，在弹出的窗口中设置其相关属性，本例中，包名设置为“beans.servlet”，位置设置为“源包”，其余为默认值。点击“完成”（2）右键单击“源包”节点下的“beans.servlet”，选择【新建】-【Servlet】，

25、在弹出的窗口中设置添加的Servlet的类名，位置以及使用的包，类名设置为“server1”，单击“下一步”。 （3）在弹出的窗口中设置Servlet名称、使用的URL模式以及初始化参数。在此这些选项都使用默认值。单击“完成”（4）将setContenType()方法中的参数修改为“text/html;charset=BG2312”。Servlet如何创建呢？图9.9 创建的Servlet页面第九章 基于互联网信息系统的开发技术6.3 6.3 JavaBeanJavaBean2022-5-1632JavaBean的使用第九章 基于互联网信息系统的开发技术6.3 6.3 JavaBeanJava

26、Bean2022-5-1633JavaBean的创建（1）若类的成员变量的名字是xxx，则对其属性值的操作必须通过getXxx和setXxx方法进行；（2）类中的构造函数必须是公共的且无参数；（3）类内部属性必须是私有的；（4）类中方法的访问权限是公共的。规则第九章 基于互联网信息系统的开发技术第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本 章 内 容2022-5-16第九章 基于互联网信息系统的开发技术347. Web7. Web数据库数据库Web数

27、据库系统是指以HTML为代表的Web页面（即网页）与位于底层的数据库的集成。Internet用户可以通过Web页面来访问和数据库中的数据。Oracle，Sybase，SQL Server 等都可以为Web提供数据库支持。重要的是要解决Web页面和数据库之间的通信问题。2022-5-1635第九章 基于互联网信息系统的开发技术7. Web7. Web数据库数据库2022-5-1636第九章 基于互联网信息系统的开发技术231建 立 数 据库 连接访 问 数 据库NetBeans中建立数据库7.1 7.1 在NetBeans中建立数据库NetBeans中提供了一个内置的数据库JavaDB，本节以J

28、avaDB数据库为例，讲解动态网页如何与数据库连接，实现数据的增、删、改、查操作。2022-5-1637第九章 基于互联网信息系统的开发技术（1）在【服务】中找到JavaDB，点击右键选择【新建】，输入新建数据库的名字sa，输入密码sa，就完成了数据库的建立。（2）启动服务。找到sa，单击右键选择【连接】即可。（3）在SA数据库下找到【表】，单击右键选择【新建】，就可以完成数据库表的设计，通过【添加列】完成字段名、字段类型、约束条件的设置。图9.10 在NetBeans中建立数据库7.2 7.2 建立数据库连接2022-5-1638第九章 基于互联网信息系统的开发技术JDBC有4种不同的类型，

29、不同类型的驱动程序有着不同的功能和使用方法。使用Java.sql包加载驱动的具体方法如下：Class.forName(DriverName);其中DriverName 是要加载JDBC驱动的名称，内嵌的JavaDB数据库驱动程序加载可以写为：Class.forName(org.apache.derby.jdbc.EmbeddedDriver);加载JDBC驱动程序Java中提供了Connection 对象用来建立连接，建立连接的格式为：Connection conn= DriverManager.getConnection (URL+create=True,用户名,密码)；例如，连接前面建立的

30、sa数据库可以写为：Connection conn=DriverManager.getConnection (jdbc:derby:/localhost:1527/sa;+create=True,sa,sa)；创建数据库连接通过JDBC建立于数据库的连接的两步骤7.3 7.3 访问数据库访问数据库在NetBeans中创建了数据集连接后，需要对数据库中表通过SQL语言进行各种操作。主要包括执行SQL语言和处理结果集。2022-5-1639第九章 基于互联网信息系统的开发技术执行SQL语言建立于某个数据库的连接后，可以通过Statement对象发送SQL语言让数据库完成指定操作，如果SQL语言运行

31、后产生记录集，则将记录集存储在ResultSet对象中。操作记录集ResultSet对象中存储了执行SQL语句后的所有行，并提供了对这些行的访问方法。next()方法用来移动记录集指针，最开始指针位于记录集第一行，通过执行该方法可以将指针移到下一行。getXXX()方法用来获取每个字段的值，其中XXX表示字段的数据类型，参数是字段的位置。例例建立Statement对象的方法Statement st=conn.createStatement();执行SQL查询语句，并将结果存在记录集中：ResultSet rs=st.executeQuery(select * from user); 执行SQL

32、插入、更新、删除语句，并将结果存在记录集中：ResultSet rs=st.executeUpdate(delete * from user where ID=001 );第一节 WEB开发技术概述第二节 www(全球信息网)第三节 HTML第四节 MVC开发框架第五节 NetBeans开发平台第六节 Web开发技术第七节 Web数据库第八节 移动终端技术 本 章 内 容2022-5-16第九章 基于互联网信息系统的开发技术408.8.移动终端技术移动终端技术移动互联网终端是指通过无线网络技术上网接入互联网的终端设备，其主要功能就是移动上网。 移动智能终端几乎在一瞬之间转变为互联网业务的关键入

33、口和主要创新平台，新型媒体、电子商务和信息服务平台，互联网资源、移动网络资源与环境交互资源的最重要枢纽。2022-5-1641第九章 基于互联网信息系统的开发技术8.1 8.1 移动终端技术简介移动终端技术简介移动终端（也称移动通信终端）是指可以在移动中使用的计算机设备，它分为有线、无线和智能设备，其移动性体现为其移动通信能力和便于携带的体积。当前，移动终端已经进入智能化发展阶段，它支持开放性的操作平台，PC级的处理能力、高速数据网络接入能力，并且具有丰富的人机交互界面。2022-5-1642第九章 基于互联网信息系统的开发技术Native APP 指的是原生程序，一般依托于操作系统，比如iO

34、S、Android、黑莓等等，它们是在各自的移动设备上运行的一个完整的App，可拓展性强，需要用户下载安装使用。Native APPWeb App 指采用HTML5语言写出的App，本质上是为移动浏览器设计的基于Web的应用，它们是用普通Web开发语言开发的，可以在各种智能手机浏览器上运行，不需要下载安装。Web APPHybrid APP指的是半原生半Web的混合类App。混合应用程序让开发人员可以把HTML5应用程序嵌入到一个原生容器里，集原生应用程序和HTML5应用程序的优点（及缺点）于一体。Hybrid APP8.2 8.2 微信公众平台微信公众平台微信公众平台，简称公众号，是由腾讯公

35、司开发的用于消息推送、品牌传播、分享的一个开放平台。微信公众平台提供三种不同的账号功能：2022-5-1643第九章 基于互联网信息系统的开发技术服务号为企业和组织提供更强大的业务服务与用户管理能力，主要偏向服务类交互（功能类似12315，114，银行，提供绑定信息等用户交互服务）。适用人群：媒体、企业、政府或其他组织。服务号订阅号是为媒体和个人提供一种新的信息传播方式，主要功能是通过微信给用户传达资讯（功能类似报纸杂志，提供新闻信息或娱乐趣事）。适用人群：个人、媒体、企业、政府或其他组织。订阅号小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同

36、时具有出色的使用体验。小程序8.2 8.2 微信公众平台微信公众平台微信公众平台，简称公众号，是由腾讯公司开发的用于消息推送、品牌传播、分享的一个开放平台。微信公众平台提供三种不同的账号功能：2022-5-1644第九章 基于互联网信息系统的开发技术功能定位：使自己的平台具有其独特之处，来吸引微信用户进行关注，并予以使用。账号申请：平台的中文名称可以与其他平台重复，但其公众号具有唯一性和不可修改性，这是与其他平台区分的关键。选择平台类型：对于个人用户而言，只能选择订阅号类型，而企业可以服务号和订阅号二者选其一，但一旦选择便不可再更改。确定自己的发布方式、消息推送、订阅分类，及创建自己的门店小程序。微信公众平台的使用：微信公众平台还具有群发助手、自动回复、认证类型、数据统计等人性设置。Web 是Internet网上的一种超文本的信息检索服务程序。它具有的超链接功能可以支持文本、图象、声音和视频等多种数据类型。为了解决客户与Web服务器间的动态交互的问题和与数据库的连接问题,用户可以创建和运行动态的、交互式的Web服务器应用程序,实现动态的交互。在开发中采用MVC架构，JSP+Servlet+JavaBean是基于MVC架构的动态交互界面的技术，用户可以在NetBeans环境下进行开发。2022-5-1645 本 章 小 结第九章 基于互联网信息系统的开发技术