web编程实训

Web编程实训课重庆三峡学院计算机科学与工程学院重庆三峡学院计算机科学与工程学院实训课的目的及意义目的在于通过验证或设计一些WEB页面，使我们加深对WEB技术的理解。掌握使用HTML,CSS,DIV,JavaScript,VBScript等语言进行客户端（前台界面）的设计，使用ASP.net,PHP,ASP,JSP等语言进行服务器端（后台）的设计，使用SQLSERVER,ACCESS,MYSQL等进行数据库的设计，提高开发网站实际操作的能力。通过本课程的实训使学生掌握WEB编程的方法和设计过程，让我们学会利用相关技术创建交互式的网页和具有数据库访问功能的应用程序。能独立完成网站中常见的典型模块和实例，提高网站开发的实际操作能力。从而可以培养学生独立思考、分析项目的能力以及理论联系实际地进行项目的设计及实现能力。实训后学生应掌握以下几点：熟练脚本编程、组件使用、数据访问控制设计、应用系统设计（模块的设计）。实训课课时安排理论：6学时实验：10学时（时间和地点自由安排）理论安排Web编程的基础知识Web实践课题实验安排课题设计，编写相应的代码，测试代码，编写实训课课题报告邮箱：[e-mail]实训设计电子档提交时间：1月5号晚上十二点实训设计纸质档提交时间：1月5号上午十二点之前WEB编程基础知识•什么是Web•Web的工作原理•Internet网络协议•IP地址、域名和URL•动态网页设计技术简介•.NET框架简介什么是Web•Web–全称为WorldWideWeb，缩写为。也称环球网、万维网、全球信息网等。•Web是一种体系结构，通过它可以访问分布于Internet主机上的链接文档。几层含义：–Web是Internet提供的一种服务。–Web是存储在全世界Internet计算机中、数量巨大的文档的集合。–Web上的海量信息是由彼此关联的页面（Page）组成的。–Web的内容保存在Web站点（Web服务器）中，用户可通过浏览器访问Web站点。–Web以一些简单的操作方式连接全球范围的超媒体。Web的特点•Web是一种超文本信息系统。•Web是图形化的和易于导航的。•Web与平台无关。•Web是分布式的。•Web具有新闻性。•Web是动态的、交互的。Web的工作原理•浏览器/服务器(Browser/Server，B/S)体系结构–客户端浏览器–Web服务器–数据库服务器•HTTP(HyperTextTransferProtocol)协议实现浏览器和Web服务器的信息交换Web服务器•两个层面的含义–指安装了Web服务程序的计算机–指Web服务器程序，可以管理各种Web文件，并为提出HTTP请求的浏览器提供响应。•Web服务器的配置–配置服务器操作系统UNIX、WindowsServer、Linux等网络操作系统–安装专门的信息服务器程序IIS（InternetInformationServer）、Apache服务器等Web服务器提供服务的过程•用户在浏览器中指定一个URL（UniformResourceLocator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。•Web服务器接到浏览器的请求后，把URL转换成页面所在服务器的文件路径名。•如果URL指向的是普通的HTML（HypertextMarkupLanguage，超文本标记语言）文档，Web服务器将直接把它传送给浏览器。HTML文档中可能包含用Java、JavaScript、ActiveX、VBScript等编写的程序，服务器也将它们随HTML文档一道传送到浏览器，在浏览器所在的机器上执行。•如果HTML文档中嵌有程序，那么Web服务器就运行该程序，并将结果传送至浏览器。•客户端编程(html\xhtml\css\div布局)–程序员把客户端代码编写到HTML文件中。–当用户提出对某个网页的请求时，这些客户端代码和HTML文件代码一起以响应方式返回提出请求的浏览器。•常见的客户端编程技术–VBScript–JavaScript–Javaapplet等。•常用的客户端编程软件–Dreamweaver系列软件–VS2008.VS2012.VS2013.Web客户端编程•服务器端编程–程序员将编写的代码保存在服务器上。–当用户提出对某个网页的请求时，这个请求所要访问的页面代码都在服务器端执行，并把执行结果以HTML文件代码的形式传回浏览器，这样浏览器接收的只是程序执行的结果。•常见的服务器端编程技术–PHP–JSP–ASP–ASP.NETWeb服务器端编程•PHP（HypertextPreprocessor，超文本预处理器）是一种跨平台的服务器端嵌入式脚本语言。•它是一种易于学习和使用的服务器端脚本语言，嵌入HTML文件，大量地借用C、Java和Perl语言的语法，并耦合PHP本身的特性，形成了自己的独特风格。•PHP支持目前绝大多数的数据库，Web开发者使用PHP能够快速地写出生成动态网页的脚本代码。•PHP是完全免费的，可以从PHP官方网站（）自由下载，可以不受限制地获得源代码，并可加入自己需要的功能。PHPPHP具有如下一些特点：•支持多种系统平台，包括Windows、UNIX和Linux系统。•强大的数据库操作功能。PHP提供丰富的数据库操作函数，它为各种流行数据库（Oracle、SQLServer、MySQL、PostgreSQL、Solid）等都设计了专门的函数。•易于与现有的网页融合。它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标记，或者在HTML标记中加入脚本代码从而更好地实现页面控制，提供更加丰富的功能。•具有丰富的功能。PHP提供结构化特性、面向对象设计、数据库处理、网络接口使用及安全编码机制等全面的功能。•可移植性好。只需要进行很少的修改就可将整个网站从一个平台移植到另一个平台上，如从Windows平台移植到UNIX平台。PHP•JSP（JavaServerPages）是Sun公司于1999年6月推出的网站开发语言。它是基于JavaServlet及整个Java体系的Web开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。•JSP程序可以不加修改地在大多数的WebServer上运行，符合“Writeonce，runanywhere”（“一次编写，多平台运行”）的Java原则，实现了程序与服务器平台的独立性，而且基于JSP技术的应用程序比基于ASP的应用程序更易于维护和管理。JSPJSP具有如下一些特点：•内容生成与显示分离。使用JSP标记或小脚本来生成页面上的动态内容（内容是动态的，但可根据用户请求而变化）。动态生成的内容被封装在标记和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。•可重用的组件。绝大多数JSP页面依赖于可重用的、跨平台的组件来执行应用程序所要求的复杂处理，如使用JavaBeans或EnterpriseJavaBeansTM组件。开发人员可以共享各种组件。•采用标记简化页面开发。JSP技术使用XML标记封装了许多与动态内容生成相关的功能，页面开发人员使用这些标记就可以进行设计。•适应更广泛的平台。JSP+JavaBean可以在大多数Web服务器平台下使用。•易于连接数据库。Java中连接数据库的技术是JDBC（JavaDataBaseConnectivity)。很多数据库系统，如Oracle、Sybase、MSSQLServer和MSAccess等，都带有JDBC驱动程序。JSPASP.NET采用全新的编程环境，ASP.NET与ASP的主要区别体现在以下三个方面：•效率。当ASP程序完成之后，在每次请求时都要解释执行。ASP.NET是建立在.NET框架之上的，程序在第一次执行时进行编译，之后的执行不需要重新编译就可以直接运行，所以速度和效率比ASP提高很多。•可重用性。ASP代码和HTML混合在一起，导致代码维护困难。ASP.NET则可以实现代码和内容的完全分离，使得维护更方便。•代码量。ASP对所有要实现的功能均需要通过编写代码来实现。在ASP.NET中，程序员只要预先说明，ASP.NET就可以自动实现这样的功能。所以相对来说，要实现同样的功能，使用ASP.NET比使用ASP的代码量要小得多。ASP.NET•.NET是微软公司提出的新一代程序开发框架。ASP.NET属于.NET框架的一部分，是.NET框架的一个应用模型，运行于具有.NET框架环境的服务器中，可以使用多种语言开发，主要用于创建Web应用程序、网站及Web服务。•.NET框架（.NETFramework）主要分为4个部分：通用语言开发环境.NET基础类库.NET开发语言VisualStudio.NET集成开发环境.NET框架介绍开发程序时，如果使用符合通用语言规范的开发语言，则开发的程序可以在任何有通用语言开发环境的操作系统下运行，包括WindowsNT/2000/XP等。•通用语言开发环境•.NET基础类库.NET基础类库是一套函数库，以结构严密的树形结构组织，并由命名空间和类组成，功能强大，使用简单，具有高度的可扩展性。•.NET开发语言.NET是多语言开发平台，包括：VB.NET、C#等。•VisualStudio.NET集成开发环境VisualStudio.NET集成开发环境是开发.NET应用的利器，功能非常强大。.NET框架介绍Web数据库访问技术•Web数据库访问一般基于ODBC（OpenDatabaseConnectivity）或JDBC（JavaDatabaseConnectivity）平台。•ODBC是一个数据库编程接口，由Microsoft公司建议并开发。它允许程序使用结构化查询语言（SQL）作为数据访问标准，应用程序可通过调用ODBC的接口函数来访问来自不同数据库管理系统的数据。•JDBC与ODBC一样是支持基本SQL功能的一个通用低层的应用程序编程接口（API），它在不同的数据库功能模块层次上提供一个统一的用户界面。JDBC提供一个Java语言的API。•主要将数据源与Web控件进行绑定Web数据库访问技术•ACCESS•SQLSERVER2008及其他版本•MySQLODBC接口•ODBC用动态链接库（DynamicLinkLibraries，DLL）调用ODBC驱动程序来完成对数据库的访问。•对应于某一种DBMS有相应的ODBC驱动程序，当DBMS改变时，只要更换ODBC驱动程序而无须更改应用程序。•ODBC主要定义了以下内容：–ODBC函数库。它为应用程序提供连接DBMS、执行SQL语句、提取访问结果的程序接口。–SQL语法。它遵循X/OpenandSQLAccessGroupCallLevelInterfaceSpecification标准。–错误代码。–连接、登录DBMS。–数据类型。ODBC的应用一个ODBC应用的建立应涵盖以下内容：（1）建立需要操作数据库的应用程序。该程序通过调用ODBC函数提交SQL语句。（2）提供运行环境。该环境应包含数据库驱动程序，它负责处理ODBC函数调用，向数据源提交SQL请求，向应用程序返回结果。必要时，将SQL语法翻译成符合DBMS语法规定的格式。（3）具有由用户数据库、DBMS等构成的可供应用程序访问的数据源。其中，数据库驱动程序应由驱动程序管理器加载到操作系统中，在Windows环境下，驱动程序是一个带有入口函数库的DLL。ODBC的应用通过ODBC访问数据库的基本步骤如下：•创建数据源；•建立一个与数据源的对话连接；•向数据源发出SQL请求；•定义一个缓冲区和数据格式用于存储访问结果；•提取结果；•处理各种错误；•向用户报告结果；•关闭与数据源的连接。创立并配置数据源•正常安装了Windows操作系统之后，系统中会含有ODBC接口管理程序。用户可通过ODBC数据源管理程序或系统函数调用两种方式创建或配置数据源。•在Windows