BS结构应用程序相关技术讲座.ppt

B/S结构应用程序 相关技术讲座,2019年5月26日,指导教师,姓名：邢承杰 工作单位：北大计算中心 电子邮件地址：,讲座的适用范围,掌握了软件开发的基本知识和方法，没有实际项目开发经验的同学 从事其它结构应用程序开发，但没接触过B/S结构应用程序开发的同学,关于本讲座,在可选则的课题当中，有一类题目要求采用B/S结构开发 例如：电子购物网站的设计与实现 ，论坛程序的设计与实现等,讲座内容,基础知识入门 如何开始一个项目的开发 数据库技术简介 ASP技术简介 JSP技术简介,基础知识入门,网络应用程序的结构 B/S结构应用程序的运行过程 HTML语言简介 静态网页与动态网页,网络应用程序的结构,同学们在毕业设计中所研究的课题，从内容上分成两类数据管理方面的课题和网络管理方面的课题 课题的题型大致分成如下几种类型研究型课题、设计型课题和应用型课题 绝大多数应用型课题属于网络应用程序，也就是说程序运行需要网络的支持；一般需要需要访问数据库 应用程序的结构（model，模型，模式）简单说就是程序如何存放以及如何运行,网络应用程序的结构（续一）,目前具有的结构 主机/终端结构 文件/服务器结构 客户机/服务器结构（Client/Server结构，简称C/S结构） 浏览器/服务器结构（Browser/Server结构，简称B/S结构） 点对点结构（Peer to Peer结构） 目前主流的结构有2种 Client/Server结构 Browser/Server结构,Client/Server结构,Client/Server结构，它把集中管理模式转化为一种服务器与客户机负荷均衡的分布式计算模式 Client/Server结构的应用程序通常将程序存放于客户端，将数据存放于服务器端。 适合于程序用户数量较少，或者程序功能复杂占用资源大的情况,Client/Server结构（续一）,优点：程序开发相对容易；运行速度快 缺点：维护升级困难 使用举例：银行柜台的应用系统，股票交易系统等,Browser/Server体系结构,Browser/Server体系结构，此结构采用瘦客户端的设计，客户端只安装浏览器（browser），所有程序及数据均存放在服务器端。 适合于程序用户数量大，或者程序的复杂程度和资源占用程度相对较小的情况,Browser/Server体系结构（续一）,优点：升级维护十分方便；对用户的硬件要求低 缺点：程序开发相对复杂；运行速度较慢；对服务器的硬件要求高 使用举例：各种网上邮件系统，论坛程序等,基础知识入门,网络应用程序的结构 B/S结构应用程序的运行过程 HTML语言简介 静态网页与动态网页,B/S结构应用程序的执行过程,下图为Browser/Server结构应用程序的执行过程。,C/S结构应用程序的执行过程,下图为Client/Server结构应用程序的执行过程。,基础知识入门,网络应用程序的结构 B/S结构应用程序的运行过程 HTML语言简介 静态网页与动态网页,HTML语言简介,HyperText Markup Language超文本标记语言，用于网页制作的语言，并通过浏览器解释执行 HTML语言是构成B/S结构应用程序的“基本”元素,HTML语言简介（续一）,HTML并不是程序设计语言，它仅用来控制浏览器表现文字、图片，以及如何建立文件之间的连接，而程序设计语言是通过一连串的语句来驱使操作系统或应用程序完成某些工作 因此HTML语言简单易学，同学们并不需要专门去学，用到再学即可。 HTML语言编写的程序以文本文件的形式存放，因此任何文本编辑器均可用来编写HTML程序,HTML的基本概念（请看演示）,标记 区段 标记的参数 语法 HTML编辑工具,基础知识入门,网络应用程序的结构 B/S结构应用程序的运行过程 HTML语言简介 静态网页与动态网页,静态网页与动态网页,单纯使用HTML语言制作的网页并不会因时因地而产生变化，所以称为静态网页（.htm） 为了让网页具备动态变化的能力，人们考虑将程序加到纯HTML文件中，从而发展出动态网页技术 动态网页技术ASP,JSP,PHP(.asp.jsp.php) 动态页面运行需要Web服务器软件的支持，不能使用浏览器直接打开,培训内容,基础知识 如何开始一个项目的开发 数据库技术简介 ASP技术简介 JSP技术简介,如何开始,一般项目开发过程简介 课题项目开发过程简介 开发运行环境的配置 开发工具简介（Dreamweaver）,一般项目开发过程简介,制定计划 需求分析和定义 软件设计 程序编码 软件测试 运行和维护,如何开始,一般项目开发过程简介 课题项目开发过程简介 开发运行环境的配置 开发工具简介（Dreamweaver）,课题项目开发过程简介,制定计划 需求分析和定义 软件设计 程序编码 软件测试 运行和维护,在课题要求中已给出,需要同学自己完成,不需要完成,课题项目的具体开发过程,熟悉开发工具，如Dreamweaver。（用1-2天） 掌握开发技术，如数据库的应用，ASP技术，JSP技术等。（我们用3周，步骤1、2通常称为技术储备，解决用什么做的问题） 看一看已有的程序是如何工作的，了解程序需要实现的功能。（此步骤通常称为需求分析，解决做什么的问题。一般与前两项工作同时进行，我给大家的课题详细说明就是一个小的需求分析文档）,课题项目的具体开发过程（续一）,软件设计。设计内容包括采用何种程序结构、采用何种开发技术技术、采用何种数据库、划分功能模块、功能模块间的关系等等。（此阶段通常成为设计阶段，解决如何做的问题，我们不用提前进行设计，可以在编程的同时进行设计） 程序编码 测试,如何开始,一般项目开发过程简介 课题项目开发过程简介 开发运行环境的配置 开发工具简介（Dreamweaver）,开发运行环境的软硬件要求,推荐配置： 硬件条件：奔腾III以上、256M内存以上的台式机和笔记本均可 软件条件：操作系统需采用Windows2000 Pro或者WindowsXP Pro 最低配置: 硬件条件：586以上、64M内存以上的台式机和笔记本均可 软件条件：操作系统Windows98即可,需要安装的软件介绍,采用ASP技术 Internet信息服务器Access数据库(Win2000,低) Internet信息服务器SQL Server数据库(Win2000,中) Personal Web ServerAccess数据库(Win98,低) 采用JSP技术 JDK1.4+TomcatSQL Server数据库(Win2000, 高) 采用其它开发技术,软件安装的位置,ASP 浏览器(OS) IIS Access ASP 浏览器(OS) IIS SQL Server ASP 浏览器(OS) PWS Access ASP 浏览器(OS) JDK1.4+Tomcat SQL Server 其它 浏览器(OS) 其它服务器软件 其它数据库,开发运行时是否需要三台电脑？,大型项目的开发运行环境往往都按照上面的结构来配置 课题项目的开发不需要这样，也没有条件这样配置 可以将浏览器、WEB服务器软件和数据库服务器软件安装在一台机器上 技术上完全可行 开发上简便，硬件要求低,开发运行时只需要一台电脑！,浏览器,Web服务器软件,数据库服务器软件,这就是我们要配置的环境,安装步骤一，浏览器的安装,操作系统安装好后，IE浏览器自动安装 由于是课题系统，不是实际运行的系统，我们只要保证程序能够在IE中正常运行即可 有条件的化，请将IE升级到最新版本，这样能够支持许多HTML语言的新特性，并且增加程序的兼容性,安装步骤二，Web服务器的安装,ASP技术：IIS的安装 安装软件（2000或XP光盘自带） 配置服务器属性（在“网站”、“主目录”、“文档”三个选项卡中进行设置）,安装步骤二，Web服务器的安装（续一）,JSP技术：JDK和Tomcat的安装 先安装JDK1.4.2 然后安装Tomcat 将程序目录置于webapp文件夹下 配置server.xml和web.xml文件,安装步骤三，数据库服务器的安装,ACCESS的安装 安装OFFICE软件时，选择安装ACCESS组件即可 建立ACCESS数据库文件，ACCESS数据库是以文件形式存储数据的,安装步骤三，数据库服务器的安装（续一）,SQL Server的安装步骤 安装软件 启动服务管理器 启动企业管理器，创建数据库 创建用户,安装步骤三，数据库服务器的安装（续二）,SQL Server的版本问题 2000/XP Professional操作系统下 SQL Server 7.0安装Desktop版 SQL Server 2000安装Personal版 2000/2003 Server版操作系统下 SQL Server 7.0安装标准版 SQL Server 2000安装标准版 XP HOME版操作系统下 SQL Server 7.0安装Desktop版 SQL Server 2000安装Personal版,开发运行环境配置,到此结束,如何开始,一般项目开发过程简介 课题项目开发过程简介 开发运行环境的配置 开发工具简介（Dreamweaver）,开发工具简介（Dreamweaver）,Dreamweaver的安装和使用 程序安装 开发环境介绍,培训内容,基础知识 如何下手 数据库技术简介 ASP技术简介 JSP技术简介,数据库技术简介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S结构应用程序的执行过程(数据库访问部分细化图) 数据库服务器软件,SQL(Structured Query Language),是发送给数据库并要求数据库操作其数据的指令 是专门为数据库设计的语言，比计算机程序设计语言要简单的多 SQL语言主要分成两部分DDL(Data Definition Language)和DML(Data Manipulation Language)，前者用于建立数据库，后者用于操作数据库中的数据 与HTML语言的相似之处 不属于程序设计语言 用于控制 简单易学,SQL举例,Select (name,age,sex) from tbl_user where userid=“10001” 从数据库中查询数据 Insert into tbl_user (userid,name,age,sex) values(10001,Mike,25,m) 向数据库中插入数据,数据库技术简介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S结构应用程序的执行过程(数据库访问部分细化图) 数据库服务器软件,ODBC(Open DataBase Connectivity),ODBC可理解为一个程序 ODBC程序中包含了与各种数据库连接的驱动程序，用来实现应用程序与不同数据库的连接 ODBC程序中还包括一个与应用程序的接口程序，实现不同程序与数据库的连接 特点：能够存取不同厂商所提供的数据库,ODBC出现前应用程序连接数据库,利用ODBC连接数据库,数据库技术简介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S结构应用程序的执行过程(数据库访问部分细化图) 数据库服务器软件,JDBC(Java DataBase Connectivity),JDBC也可理解为一个程序 JDBC程序中也包含了与各种数据库连接的驱动程序，用来实现应用程序与不同数据库的连接 JDBC程序中同样包括一个与应用程序的接口程序，实现不同程序与数据库的连接 特点：能够存取不同厂商所提供的数据库,JDBC(Java DataBase Connectivity),概念与ODBC类似 JDBC与ODBC的关系,？,JAVA程序利用JDBC连接数据库,JDBCODBC桥驱动,JAVA应用程序,SQL Server,Oracal,Access,JDBC-ODBC桥驱动,ODBC API ODBC驱动程序,数据库技术简介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S结构应用程序的执行过程(数据库访问部分细化图) 数据库服务器软件,B/S结构应用程序的执行过程(数据库访问部分细化图),数据访问的具体过程是什么？,B/S结构应用程序的执行过程(数据库访问部分细化图),浏览器,ODBC(JDBC) 驱动程序,.asp或.jsp文件,Web服务器,数据库 服务器,页面请求,页面应答,数据库技术简介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S结构应用程序的执行过程(数据库访问部分细化图) 数据库服务器软件,数据库服务器软件,ACCESS 微软Office软件自带 安装简单 容易上手，适合初次接触数据库编程的同学使用 一般用于小型系统,数据库服务器软件（续一）,SQL Server 从网上下载或寻找D版光盘 安装比较复杂 使用起来并不算复杂，也比较容易上手 安全性、可靠性比较高，适合于各类系统,数据库服务器软件（续二）,MySQL 免费，可以从网上下载 安装比较复杂，使用不复杂但界面不如SQL Server 通常结合JSP或PHP技术使用 Orocal 从网上下载或寻找D版光盘 安装，使用比较复杂 一般不用于教学目的,数据库服务器软件（续三）,ODBC程序 Windows操作系统自带 使用简单 结合ASP技术使用 JDBC程序 需要自己下载安装，SQL Server的JDBC程序可以从微软的网站下载 安装过程较复杂 结合JSP技术使用,培训内容,基础知识 如何下手 数据库技术简介 ASP技术简介 JSP技术简介,ASP开发技术简介,推荐教材 了解.asp文件 掌握制作ASP网页必备的知识 ASP对象介绍 ASP开发实例,推荐教材,Active Server Pages & Web 数据库 人民邮电出版社 王国荣著 这是一本学习ASP技术非常好的教材，非常适合初学者 这本书在市面上已经很难买到，大家可在图书馆中借阅，或在网上下载电子书,了解.asp文件,使用ASP技术编写的程序需要以后缀名.asp存储，例如index.asp 没有插入任何ASP程序的.asp文件，也就是一般的.htm文件，只是它以.asp来命名而已 通常的.asp文件是在静态页面中加入VBscript程序代码生成,制作ASP网页必备的知识,VBscript语言 VBscript语言是VB程序设计语言的子集合 VBscript是为了符合Internet小而精的条件而从VB之中萃取其精华功能的程序语言 它与VB的语法是相同的，但功能上的限制比较多 如果学过VB则VBscript语言的语法不成问题，否则需要首先学习语法，一般介绍ASP技术的教材都会介绍VBscript语言的语法,制作ASP网页必备的知识（续一）,ASP内建对象 Server Application Cookie Response Request Session,Response对象,服务器用来响应（回复）浏览器索取的文件或数据，即服务器向浏览器传送数据 Response.write 将信息输出到浏览器 Response.redirect 从当前页面跳转到另外一个页面,Request对象,Request是与Response相对应的对象 Response对象的用途是回复信息给浏览器，而Request对象则用来读取浏览器的信息，即浏览器向服务器传送数据 Request(“name”) 有了Response和Request两个对象之后，我们能够完成浏览器与服务器之间的数据交换,Session对象,.asp页面程序的有效期当其开始被Web服务器解释时，是其生命周期的开始；而当其全部被执行完毕后，是其生命周期的结束 变量的有效期随.asp页面程序的有效期 Session对象是.asp文件共用的对象 用来在.asp页面之间传递参数 有效期是整个