当前位置:文档之家› 第1讲 动态网页设计技术概述

第1讲 动态网页设计技术概述

8
动态网页:
•动态网页是指在接到用户访问请求后,动态生成的页面,页面 内容会随着访问时间和访问者发生变化。动态网页一般是在服务 器端运行的程序、网页。动态网页的内容只有当用户请求时服务 器才返回一个完整的网页。动态网页的URL后缀通常为.asp .jsp .php等。 •动态网页以数据库技术为基础,可以大大降低网站维护的工作 量。 •采用动态网页技术的网站可以实现更多的功能,如用户注册、 用户登录、搜索查询、用户管理、订单管理等。
协议名 主机名 端口号 项目名称 网页名称
32
修改端口号
• 8080是Tomcat服务器的默认端号口 • 修改Tomcat服务器的conf目录下的主配置文件server.xml可 以更改端口号. 搜索“8080”,找到以下内容:
<Connector port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true" />
3
2课时 2课时 2课时 2课时 4课时 2课时 4课时 4课时 2课时
考核要求
• 平时成绩:20%,作业、出勤 • 实验课程:20%,实验内容和实验报告完成情况 • 期末考查:60%
4 / 23
第1讲 动态网页设计技术概述
5
本讲知识点介绍
• • • • • • 什么是JSP JSP的开发工具 JSP运行环境搭建 JSP运行原理 编辑测试JSP文件 修改配置文件,设置端口号和虚拟目录
• 改为80,则访问时可不加端口号,例如 http://127.0.0.1/example1_1.jsp
33
设置虚拟目录
• • 修改Tomcat服务器安装目录下conf目录中的 server.xml文件来设置虚拟目录。 注意区分大小写
<Context path="/moon" docBase="C:/redsun" debug="0" reloadable="true"> </Context>
• •
PATH=%JAVA_HOME%\bin CLASSPATH=%JAVA_HOME%\lib
14
2、Tomcat服务器的安装与配置
• Tomcat是一个免费的开源JSP引擎,也称作Tomcat服务器。 可以登录 /tomcat免费下 载apache-tomcat-6.0.13.zip文件(解压后即可使用) • apache-tomcat-6.0.13.exe ,双击后按“安装向导”安装后 使用。 • 安装了JSP引擎的计算机——一个支持JSP的Web服务器,负 责运行JSP文件,并将运行结果返回给用户.
15
Tomcat的目录结构:
图1.2 Tomcat引擎目录结构
16
3、安装MyEclipse
1、安装MyEclipse 2、在MyEclipse中配置Tomcat服务器
点击右侧下拉箭头,配置服务器
17
选中“Enable”
选择所安装Tomcat 的根目录
选择Tomcat 6.x
18
如上配置后,此处可以启动所配 置的Tomcat
针对该Web应用的配 置文件
27
WEB-INF目录存放java源程 序文件、jar包、 web应用配置文件;
5、新建JSP网页
• 鼠标右击WebRoot或其子目录,在右键菜单中依次 选择New->JSP(Advanced Templates)
28
• 在创建窗口中,选择文件的保存路径,指定文件名, 点击Finish结束
19
Tomcat的测试和配置
• 测试Tomcat安装是否成功
打开浏览器,在地址栏中输入http://localhost:8080或 http://127.0.0.1:8080,然后回车,看到Tomcat的欢迎页面, 说明Tomcat安装成功
20
4、新建Web项目
• 1、File——New——Web Project
6
教学目标
• • • • 了解什么是动态网页 了解常用的动态网页设计技术 了解JSP运行原理 掌握JSP运行环境的安装和配置
7
网页的分类
静态网页: •静态网页是指网页的内容是固定的,不会根据浏览者 的需求而改变。静态网页一般使用HTML语言进行编写 ,通常.htm .html等文件为后缀。 •网页内容不会发生变化,除非网页设计者修改网页内 容。不能实现和浏览网页的用户之间的交互。信息流向 是单向的,即从服务器到浏览器,服务器不能根据用户 的选择调整返回给用户的内容。 •在静态网页上,也可以出现各种动态效果,例如GIF 动画、FLASH、滚动字幕等,这些动态效果是视觉上 的,不是内容上的动态。
9
什么是动态网页
10
什么是JSP
• JSP(Java Server Pages)是基于Java 语言的一 种Web应用开发技术,利用这一技术可以建立安 全、跨平台的先进动态网站。 • 其它动态网页技术
(1)ASP 即Active Server Pages,微软开发的一种类似 HTML、Script(脚本)与CGI(公用网关接口)的结 合体。目前发展为技术。 (2)PHP 即Hypertext Preprocessor(超文本预处理 器),是一种被广泛应用的开放源代码的多用途脚本语 言。
36
JSP运行原理图
web 服务器 JSP 页面 2 产生 Servelt 源代码 4 3 经编译的 Servelt 图 1-2 . JSP 主要执行过程
1 浏 览 器
37
JSP运行原理图
• 浏览器端与服务器端采用请求/响应模式进行交互
2
解释执行 HTML文件 发送请求 IE
IE
客户端的请求信息
– 现象与影响:无法正常访问jsp文件 – 处理方法:启动Tomcat
– 现象:修改前能正常运行jsp文件,修改后无法运行。 – 影响:无法启动Tomcat – 处理方法:重新修改sever.xml文档并重启
39
其他JSP环境配置方案简介
1.JDK+Apache+Tomcat方案 配置比较复杂,但是能让Apache和Tomcat完美整合,提升 整体性能,实现强大的功能 2. JDK+Apache+Resin方案 Apache+Resin这对组合可谓“黄金搭档” ,具备商业软 件的要求 。 3. JDK+IIS+Tomcat方案 如果已经习惯了使用IIS,那么可以尝试这种配置 。 4. 使用商业的Servlet/JSP引擎,如Weblogic、 WebSphere等。
%> <P>1到100的偶数之和是:<%=sum %> </FONT></BODY><HTML>
}
if(i%2==0) sum=sum+i;
30
• 点击window,选择preferences,更改字体大小
31
6、运行JSP页面
• 运行JSP页面
• http://localhost:8080/Myapp/ex22
23
24
• 项目部署到 Tomcat
以开放目录方式和以打包方式
部署的位置
25
• 在工程部署窗口 中,如果部署成 功,部署项前面 会显示对号。 • 可以使用界面中 的Remove按钮删 除部署,使用 Redeploy重新部 署 • 如果部署成功, 点击OK
26
• 一个标准Java Web应用,不同类型的文件资源有 web工程的名称,该工程部署时, 严格的存放规则
动态网页设计
胡晓静 计算机与信息工程学院
1
课程目标定位
• • • • 课程类别:网络工程专业选修课 学时:理论24学时,实验16学时 考核方式:考查 先修课程:面向对象程序设计(Java)、数据库原理 与应用 • 后续课程:软件工程、JavaEE企业应用
2 / 23
学习内容
• JSP概述 • JSP预备知识 • JSP页面与JSP标记 • Tag文件与Tag标记 • JSP内置对象 • JSP中的文件操作 • JSP中使用数据库 • JSP与Javabean • Java Servlet基础 总共24课时
40
JSP开发平台及数据库的安装和配置
• 数据库的选择
– 目前应用比较多的数据库有MS SQL Server 2000、MySQL、Oracle 9i、 DB2、Sybase、Informix、MS Access等。
• SQL Server 的安装

• MySQL 的安装及管理
29
example1-1.jsp
<%@ page contentType="text/html;charset=GB2312" %> <HTML> <BODY BGCOLOR=yellow><FONT Size=3> <P>这是一个简单的JSP页面 <% int i, sum=0; for(i=1;i<=100;i++) {
11
JSP程序的开发工具
• 最基本的开发工具:notepad+jdk+tomcat
相关主题