ch01Web开发技术概述
- 格式：ppt
- 大小：3.64 MB
- 文档页数：32
下载文档原格式
合集下载
动态网站开发教程课件ch01
第22页
2013年3月12日
动态网站开发教程（第三版 ）
清华大学出版社
1.2.2 ASP 简介ive Server Pages）是 Microsfot公司1996年11月推出的WEB应 用程序开发技术，它既不是一种程序语言， 也不是一种开发工具，而是一种技术框架， 无需使用微软的产品就能编写它的代码， 能产生和执行动态、交互式、高效率的服 务器的应用程序。
动态网站开发教程（第三版 ） 动态网站开发教程（第三版）
清华大学出版社 清华大学出版社
第1章 4.0概述
2013年3月12日
第1页
动态网站开发教程（第三版 ）
清华大学出版社
教学目标
理解静态网页与动态网页的概念及其工作原理 了解的发展历史、特点以及其他常见的 网络程序设计技术 掌握安装的集成开发环境VS2010的方 法 了解开发动态网站的一般流程并能够创建简单的 动态网站 了解VS2010新增功能
第21页
2013年3月12日
动态网站开发教程（第三版 ）
清华大学出版社
的历史
2002年推出的新一代体系结构——Microsoft .NET的一 部分，用来在服务器端构建功能强大的Web应用，包括 Web窗体（Web Form）和Web服务（Web Services） 两部分。 2003年，Microsoft公司发布了Visual Studio .NET 2003 （简称VS 2003），提供了在Windows操作系统下开发 各类基于.NET 框架的全新的应用程序开发平台。 2005年，.NET框架从1.0版升级到2.0版，Microsoft公司 发布了Visual 2005(简称VS 2005)。相应的 1.0也从得到了升级，成为 2.0。它修 正了以前版本中的一些Bug并在移动应用程序开发，代码 安全以及对Oracle数据库和ODBC的支持等方面都做了很 多改进。 2008年， Visual 2008(简称VS 2008)问世了， 相应的从2.0版升级到3.5版。
2013年3月12日
动态网站开发教程（第三版 ）
清华大学出版社
1.2.2 ASP 简介ive Server Pages）是 Microsfot公司1996年11月推出的WEB应 用程序开发技术，它既不是一种程序语言， 也不是一种开发工具，而是一种技术框架， 无需使用微软的产品就能编写它的代码， 能产生和执行动态、交互式、高效率的服 务器的应用程序。
动态网站开发教程（第三版 ） 动态网站开发教程（第三版）
清华大学出版社 清华大学出版社
第1章 4.0概述
2013年3月12日
第1页
动态网站开发教程（第三版 ）
清华大学出版社
教学目标
理解静态网页与动态网页的概念及其工作原理 了解的发展历史、特点以及其他常见的 网络程序设计技术 掌握安装的集成开发环境VS2010的方 法 了解开发动态网站的一般流程并能够创建简单的 动态网站 了解VS2010新增功能
第21页
2013年3月12日
动态网站开发教程（第三版 ）
清华大学出版社
的历史
2002年推出的新一代体系结构——Microsoft .NET的一 部分，用来在服务器端构建功能强大的Web应用，包括 Web窗体（Web Form）和Web服务（Web Services） 两部分。 2003年，Microsoft公司发布了Visual Studio .NET 2003 （简称VS 2003），提供了在Windows操作系统下开发 各类基于.NET 框架的全新的应用程序开发平台。 2005年，.NET框架从1.0版升级到2.0版，Microsoft公司 发布了Visual 2005(简称VS 2005)。相应的 1.0也从得到了升级，成为 2.0。它修 正了以前版本中的一些Bug并在移动应用程序开发，代码 安全以及对Oracle数据库和ODBC的支持等方面都做了很 多改进。 2008年， Visual 2008(简称VS 2008)问世了， 相应的从2.0版升级到3.5版。
Chapter1-Web开发基础概述
Chapter 1 Web开发基础概述
信息管理学院 刘政敏
liuzhengmin525@
本章主要内容
Internet与Web HTTP协议
Web开发技术简介
Page 2
1.1 Internet与Web
1、 Internet：
Internet源于科学研究和军事目的,主要为了研究
人员传递文献资料；但在1989年WWW(World
Page 25
1.2.3 Get/Post请求方式
GET /servlet?param1=abc?m2=xyz HTTP/1.1 Accept-Language: zh-cn User-Agent: Mozilla/4.0; Content-Length:28 Connection: Keep-Alive Host: Post /servlet HTTP/1.1 Accept-Language: zh-cn User-Agent: Mozilla/4.0; Content-Length:28 Connection: Keep-Alive Host: param1=abc?m2=xyz
Page 21
<状态行(Status Line)> 2、请求消息结构 <头消息(Response Headers)> <空行(Black Line)> <消息实体(Response body)>
HTTP/1.1 200 OK Server: Mircrosoft-IS/5.0 Content-Length: 2291 Content-Type: text/html Cache-control: private <HTML> <BODY> ..............
信息管理学院 刘政敏
liuzhengmin525@
本章主要内容
Internet与Web HTTP协议
Web开发技术简介
Page 2
1.1 Internet与Web
1、 Internet：
Internet源于科学研究和军事目的,主要为了研究
人员传递文献资料；但在1989年WWW(World
Page 25
1.2.3 Get/Post请求方式
GET /servlet?param1=abc?m2=xyz HTTP/1.1 Accept-Language: zh-cn User-Agent: Mozilla/4.0; Content-Length:28 Connection: Keep-Alive Host: Post /servlet HTTP/1.1 Accept-Language: zh-cn User-Agent: Mozilla/4.0; Content-Length:28 Connection: Keep-Alive Host: param1=abc?m2=xyz
Page 21
<状态行(Status Line)> 2、请求消息结构 <头消息(Response Headers)> <空行(Black Line)> <消息实体(Response body)>
HTTP/1.1 200 OK Server: Mircrosoft-IS/5.0 Content-Length: 2291 Content-Type: text/html Cache-control: private <HTML> <BODY> ..............
Web技术教程Ch01B
操作： 在左侧的 Download区 域，点击 “Tomcat 6.x”超链接
高等教育“十一五”国家级规划教材 计算机技术基础
下载所需Tomcat安装文件-2
Tomcat版本列表
操作： 在Tomcat 6.0.18的二进 制代码发布 （Binary Distributions） 区域，点击 “Windows Service Installer (pgp, md5)” 超链接
安装Java SE Development Kit（J2SE6） 在下载的文件jdk-6u12-windows-i586-p.exe上双击，运行JDK6安装向导
操作：
在默认情况下，Java的安 装目录为c:\ Program Files\java\jdk1.6.0_12。 为了下一步环境变量设置 的方便，通常需要修改默 认安装目录。单击“更 改…”按钮，修改Java安装 目录，例如，直接安装在 C:\Java目录下，即： C:\Java\jdk1.6.0_12\
应用情况
Apache服务器具有简单、高效、性能稳定、安全、免费等特性，已经成为 最为广泛的Web服务器。许多大型的网站，例如：GoogBSD等操作系统平台， 并配置Apache服务器，构建自己的Web服务器。在版本上，大多数公司应 用Apache 2.0 或 Apache 2.2.x
在Dos提示符下，依次输入下述命令来检查环境变量的设置情况
c:\> echo %java_home% c:\> echo %classpath% c:\> echo %path% c:\> java –version c:\> javac
高等教育“十一五”国家级规划教材 计算机技术基础
ch1-Java+Web开发快速入门
Eclipse简介：
Eclipse是目前最为流行的一个Java集成开发环境之一， 它是一个免费的开源项目，读者可以到 下载，目前Eclipse的最新版本为 3.7（即Indigo版）。Eclipse有基于Windows操作系统的 Java EE版、Java基本版等版本，也有基于Linux操作系 统的版本，开发Java Web应用程序推荐使用Java EE版。 Eclipse下载解压缩到指定目录，双击“eclipse.exe”文 件图标即可运行，无需安装。
JAVA WEB 应用开发与实践
JAVA WEB开发快速入门
本章要点：
Web的概念与JSP介绍 Tomcat服务器的安装与配置
清华大学出版社
Eclipse中Java
Web开发环境配置 JSP的运行机制
2
1. WEB的概念与JSP介绍
Web概念：
起源于1980年，欧洲量子物理实验室，Tim Berners Lee构建的ENQUIRE项目； 系统体系架构采用B/S结构； B/S结构与C/S结构；
清华大学出版社
5
1. WEB的概念与JSP介绍
Web的发展沿革：
静态页面阶段 浏览器端与用户交互阶段 服务器端与用户交互阶段 基于Web的应用阶段 Web 2.0阶段
清华大学出版社
6
1. WEB的概念与JSP介绍
JSP（Java Server Pages）是由Sun公司倡导、许 多公司参与一起建立的一种动态网页技术规范。 HTML页面中加入Java程序段（Scriptlets）和JSP 标记（Tag），就构成了JSP页面（*.jsp），它是 Servlet API的一个扩展。 JSP既继承了Java的平台无关性、安全性等性能， 而且又得到了Java EE架构的很好的支持。JSP的编 译与运行依靠Web容器（Web Container，也称为 Web服务器）进行，Web容器必须包含JSP引擎，它 负责动态地对JSP文件进行检测和编译。
Web开发技术概述报告
SQLite
非关系型数据库
出现原因：
1.对复杂的SQL查询，特别是多表关联查询的需求
2.数据库的写实时性和读实时性需求 极高的读写性能： Redis
海量的访问存储： MongoDB
面向分布式计算：Cassandra(facebook)
从最初的静态网页动态网页，如今是各种架构模式 等等，众多的网站技术，使得Web的应用更加丰富， B/S应用可实现C/S软件的功能。
DIV+CSS标准的优点
1.表现和内容相分离、易于维护和改版
2.代码简洁，提高页面浏览速度
3.提高搜索引擎对网页的索引效率
当然并不是所有的网页都需要用div布局，例如数据页面、 报表之类的页面，还是使用HTML的表格会比较方便。
服务器端操作系统
Windows：
Linux：Redhat、CentOS、 Fedora、 Ubuntu、Debian、openSUSE、 Gentoo Unix：
Web开发技术概述
Web开发技术概述
互联网涉及到的技术是多方面:
网络技术、数据库技术、面向对象技术、图形图像 处理技术、多媒体技术、网络和信息安全技术、互 联网技术、Web开发技术等等。
其中Web开发技术是互联网应用中最为关键技术之一。
什么是Web页面？
统一资源定位符URL
URL（Uniform Resource Locators）俗称为网址。 URL字串分成三个部分：协议名称、主机名和文件名 （包含路径）。协议名称通常为http、Ftp、File等， 例如：/index.htm为一个URL地址，其 中http指的是采用的传输协议是http；为 主机名；index.htm为文件名。
ch01 网站的概念与开发流程
38
上傳與維護
經過本章的說明, 相信你應該更清楚網站的製作流程 了, 下一章將帶你熟悉我們的主角–Dreamweaver, 讓製作網站的過程更有效率喔！
39
6
線性架構
每個網頁以直線方式連結, 明確地提供上一頁、下一 頁及各頁次的連結, 就像投影片般可順序性地接續觀 看。常見於搜尋引擎、網路相簿、部落格、產品列表 頁等網頁型態中。
7
線性架構
8
樹狀架構
類似樹狀伸展, 分「層」別類的架構, 網頁中會提供下 一層所有網頁的連結, 你可以自由選擇要連結的網頁。 舉凡各大入口網站、企業網站、論壇等內容豐富多元 樹狀架構來安排網頁, 且多 的網站, 絕大多數便是使用樹狀架構 樹狀架構 會安排固定的連結導覽列, 讓瀏覽者不管怎麼逛也不 至於在網站中迷路。
12
網站是放在哪裡呢？ 網站是放在哪裡呢？
如果是大型企業、政府學術單位等, 負擔得起高額設 備與人事費用的單位才需考慮自行架設；對一般中小 企業、工作室、個人而言最省錢又有效率的方式, 就 是向 ISP (Internet Service Provider, 網路服務提供 者), 或專門提供網站空間服務的公司申請或租用「虛 擬伺服器」 (或稱虛擬主機), 並取得連結網址。 只要把網站所有的檔案上傳到所申請的伺服器空間, 便可讓其他人透過網址連到網站。
22
規劃階段
23
二、製作階段
1.
網頁版面設計製作 這個階段是根據先前繪製的網頁版面草稿, 利用影像 處理軟體 (如 Photoshop、Fireworks、 PhotoImpact), 或是繪圖軟體 (如 Illustrator、 CorelDraw) 來進行網頁版面設計製作。此階段的重 點是螢幕顯示範圍的設定, 若設定最佳瀏覽解析度為 1024 x 768 像素,則瀏覽器實際可顯示的網頁面積約 為 955 x 600 像素 (須扣掉視窗標題列、網址列、捲 軸、狀態列等, 才是網頁真正可顯示的範圍), 那麼設 計網頁平面稿時就要以此大小來製作。
上傳與維護
經過本章的說明, 相信你應該更清楚網站的製作流程 了, 下一章將帶你熟悉我們的主角–Dreamweaver, 讓製作網站的過程更有效率喔！
39
6
線性架構
每個網頁以直線方式連結, 明確地提供上一頁、下一 頁及各頁次的連結, 就像投影片般可順序性地接續觀 看。常見於搜尋引擎、網路相簿、部落格、產品列表 頁等網頁型態中。
7
線性架構
8
樹狀架構
類似樹狀伸展, 分「層」別類的架構, 網頁中會提供下 一層所有網頁的連結, 你可以自由選擇要連結的網頁。 舉凡各大入口網站、企業網站、論壇等內容豐富多元 樹狀架構來安排網頁, 且多 的網站, 絕大多數便是使用樹狀架構 樹狀架構 會安排固定的連結導覽列, 讓瀏覽者不管怎麼逛也不 至於在網站中迷路。
12
網站是放在哪裡呢？ 網站是放在哪裡呢？
如果是大型企業、政府學術單位等, 負擔得起高額設 備與人事費用的單位才需考慮自行架設；對一般中小 企業、工作室、個人而言最省錢又有效率的方式, 就 是向 ISP (Internet Service Provider, 網路服務提供 者), 或專門提供網站空間服務的公司申請或租用「虛 擬伺服器」 (或稱虛擬主機), 並取得連結網址。 只要把網站所有的檔案上傳到所申請的伺服器空間, 便可讓其他人透過網址連到網站。
22
規劃階段
23
二、製作階段
1.
網頁版面設計製作 這個階段是根據先前繪製的網頁版面草稿, 利用影像 處理軟體 (如 Photoshop、Fireworks、 PhotoImpact), 或是繪圖軟體 (如 Illustrator、 CorelDraw) 來進行網頁版面設計製作。此階段的重 點是螢幕顯示範圍的設定, 若設定最佳瀏覽解析度為 1024 x 768 像素,則瀏覽器實際可顯示的網頁面積約 為 955 x 600 像素 (須扣掉視窗標題列、網址列、捲 軸、狀態列等, 才是網頁真正可顯示的範圍), 那麼設 計網頁平面稿時就要以此大小來製作。
第二章Web开发技术概述
DHTML技术
• DHTML即动态的HTML语言(Dynamic HTML)。除了具有 HTML语言的一切性质外，其最大的突破就是可以实现在 下载网页后仍然能实时变换页面元素效果、使人们在浏览 Web页面时看到五彩缤纷、绚丽夺目的动态效果。 DHTML并不是一门新的语言，它是以下技术、标准或规 范的一种集成： （1）HTML 4.0 （2）CSS （Cascading Style Sheets，层叠样式单） （3）CSSL（Client-Side Scripting Language，客户端脚本 语言） （4）HTML DOM（HTML文档对象模型，Document Object Model）
2.1 C/S模式与B/S模式
• C/S计算模式将应用一分为二：前端是客户 机，几乎所有的应用逻辑都在客户端进行 和表达，客户机完成与用户的交互任务。 后端是服务器，它负责后台数据的查询和 管理、大规模的计算等服务。通常客户端 的任务比较繁重，称作“肥”客户端，而 服务器端的任务较轻，称作“瘦”服务器。
Web开发技术概述
• 当用户要通过浏览器访问某一个网站，用户必须首先在浏 览器的地址栏中输入相应的网址——URL地址，接着浏览 器将向域名服务器询问该网址对应的IP地址，并根据返回 的结果直接定位到目标服务器；服务器与浏览器双方完成 通讯握手之后，该网站对应的图文数据便被送到浏览器中。 如果收到的是HTML代码和图片，浏览器对其进行解释之后 形成页面显示，而如果遇到扩展名为ASP、ASPX、CGI之类 的脚本程序，解释工作就必须由服务器来完成，浏览器只 能被动接收解释的结果并加以显示；当然，如果在结果中 遇到HTML标记，浏览器就会启动解释程序，然后按HTML标 记的要求将网页的内容显示在用户面前。
2.3 Web服务器的配置
web开发技术
web开发技术【第一部分】在当今互联网高度发达的时代，web开发技术成为了人们日常生活的重要组成部分。
它不仅改变了我们的工作方式，也给我们的生活带来了巨大的便利。
本文将围绕web开发技术展开讨论，从基本概念到具体应用进行阐述，帮助读者更好地了解web开发技术。
首先，我们需要了解web开发技术的基本概念。
简单来说，web开发技术是指用各种技术手段来创建和维护网站的过程。
它包括前端开发和后端开发两个方面。
前端开发是指负责网站用户界面的设计与构建，它涉及到HTML、CSS和JavaScript等技术。
后端开发则是指负责网站后台逻辑的实现，它涉及到数据库、服务器和编程语言等技术。
【第二部分】接下来，我们将重点介绍前端开发技术。
HTML是一种标记语言，它用来描述网页的结构。
通过使用标签来定义不同的元素，我们可以创建出丰富多样的网页内容。
CSS是一种样式表语言，它用来描述网页的布局和外观。
我们可以通过设置不同的样式属性，来改变网页的颜色、字体、边框等样式。
JavaScript是一种脚本语言，它用来为网页添加动态效果和交互功能。
通过编写JavaScript代码，我们可以实现按钮点击、表单验证、动画效果等交互功能。
【第三部分】然后，我们将介绍后端开发技术。
数据库是后端开发中非常重要的一部分，它用来存储和管理网站的数据。
常见的数据库类型包括MySQL、Oracle和MongoDB等。
服务器则是用来处理客户端请求并返回响应的计算机程序。
常见的服务器软件包括Apache、Nginx和Tomcat等。
编程语言是后端开发的核心工具，它用来编写处理网站逻辑的代码。
常用的编程语言有Java、Python和Ruby等。
【第四部分】接下来，我们将探讨web开发技术的具体应用。
首先是电子商务网站的开发。
随着电子商务行业的蓬勃发展，越来越多的企业选择在互联网上销售产品和提供服务。
通过web开发技术，我们可以搭建出功能强大的电子商务平台，实现商品展示、购物车管理、在线支付等功能。
《C#WEB开发技术》课件
介绍如何配置和使用数据库连接池，以提 高应用程序的性能和稳定性。
ORM框架的使用
ORM简介
介绍ORM框架的概念、优点和常见的ORM框架。
Entity Framework Core
演示如何使用Entity Framework Core进行数据库操作，包括模型的 建立、上下文的创建、查询和保存数据等操作。
Dapper
介绍如何使用Dapper进行数据库操作，包括基本的查询和参数化查 询等操作。
NHibernate
介绍如何使用NHibernate进行数据库操作，包括配置、映射和查询 等操作。
பைடு நூலகம்5
实战案例分析
用户注册与登录功能实现
01
总结词
详细介绍如何使用C#实现用户注 册与登录功能的流程和代码实现
。
变量是用来存储数据的标识符，C#中 的变量必须先声明后使用。变量可以 使用不同的数据类型来声明，以存储 不同类型的数据。
控制语句
01
C#中的控制语句用于控制程序的流程，包括条件语
句、循环语句等。
02
条件语句用于根据条件判断执行不同的代码块，如if
语句、switch语句等。
03
循环语句用于重复执行一段代码，如for循环、while
总结词
详述后台管理功能的开发过程，包括权 限管理、数据统计等模块的实现。
数据统计与分析
涉及数据报表的生成、数据挖掘等内 容，以及如何使用C#进行数据处理和
可视化展示。
权限管理
介绍如何设计角色和权限系统，以及 如何使用C#进行权限控制和角色分配 。
内容管理
说明如何实现内容发布、编辑和审核 等功能，以及如何使用C#进行内容管 理和版本控制。
C#WEB开发技术
visualstudio集成开发环境提供了丰富的服务器控件为页面设计提供了所见即所得的设计支持极大地提高了开发效率丰富的服务器控件使开发者能够顺利地将页面逻辑封装至一个可重复使用的组件中减少了开发人员必须编写的代码量web窗体模型将页面的显示代码和逻辑处理代码分离从而解决了页面代码难以维护的问题web窗体模型包含了多状态管理的特性可以方便地保存页面的状态313web窗体的组成文件一个web窗体由两个文件构成即包含html内容的用户界面
ቤተ መጻሕፍቲ ባይዱ
第1章 .net框架与概述
2 Web服务器
运行应用程序需要 IIS6.0以上版本的Web服务 器。
3 .NET环境
要正常运行需要在计算机上安装.NET运行环境 ，即.NET Framework。需要安装微软数据访 问组件MDAC2.7以上的版本。
动态网页和静态网页的根本区别在于服务器端传递给客 户端浏览器的HTML文件是事先存储好的还是由动态网 页程序生成的。静态网页文件里只有HTML标记，动态 网页文件里不仅有HTML标记，并且还含有程序代码。
第1章 .net框架与概述
1.2.2 浏览器/服务器模式及其优点
这种软件架构主要利用了不断成熟的WWW浏览器技术 ，结合动态网站制作技术，通过通用浏览器实现了原来 需要复杂的专用软件才能实现的强大功能，节约了开发 成本，是一种全新的软件系统构造技术。
托管代码与非托管代码
第1章 .net框架与概述
.net类库是一组广泛的、面向对象的、可重用类的集合 ，可以为应用程序提供各种高级的组件和服务。它主要 包括以下组件和服务：
组件 XML组件 Windows表单组件 Web组件 应用服务 XML Web服务 系统框架服务
ቤተ መጻሕፍቲ ባይዱ
第1章 .net框架与概述
2 Web服务器
运行应用程序需要 IIS6.0以上版本的Web服务 器。
3 .NET环境
要正常运行需要在计算机上安装.NET运行环境 ，即.NET Framework。需要安装微软数据访 问组件MDAC2.7以上的版本。
动态网页和静态网页的根本区别在于服务器端传递给客 户端浏览器的HTML文件是事先存储好的还是由动态网 页程序生成的。静态网页文件里只有HTML标记，动态 网页文件里不仅有HTML标记，并且还含有程序代码。
第1章 .net框架与概述
1.2.2 浏览器/服务器模式及其优点
这种软件架构主要利用了不断成熟的WWW浏览器技术 ，结合动态网站制作技术，通过通用浏览器实现了原来 需要复杂的专用软件才能实现的强大功能，节约了开发 成本，是一种全新的软件系统构造技术。
托管代码与非托管代码
第1章 .net框架与概述
.net类库是一组广泛的、面向对象的、可重用类的集合 ，可以为应用程序提供各种高级的组件和服务。它主要 包括以下组件和服务：
组件 XML组件 Windows表单组件 Web组件 应用服务 XML Web服务 系统框架服务