第1讲 《网站开发技术》课程综述

1、网站(wn zhn)开发技术主讲(zhjing) 李民qq:418744866E-mail:ldxy_共四十页课程(kchng)综述2网站(wn zhn)开发概述3 JSP概述4 搭建JSP运行环境 1网站开发技术课程概述共四十页一、网站开发技术课程(kchng)概述 随着Internet的普及和信息技术的发展，信息系统的开发由C/S发展为B/S模式，网站不仅是企业宣传的窗口，更是信息系统不可分割的组成部分。网站不仅为信息系统开辟了网络窗口，也拓展了信息系统的操作(cozu)空间。 课程总学时：64学时，3学分。绩点课共四十页1、课程性质 网站开发技术是信息管理与信息系统本科专业的必修课程，是

2、一门建立在计算机网络、数据库技术和电子商务基础上的综合性课程，要求学生具备相关知识的综合运用能力，实践性强。2、教学目的 通过本门课程的学习，使学生了解(lioji)基于Web平台的网站开发技术，在HTML和JavaScript的基础上，以JSP为主线介绍动态网站的设计技术，共四十页通过案例教学介绍网站的设计思路和实现方法，为学生进一步学习其他专业课程和今后从事项目开发工作打下(d xi)良好的基础。3、本课程与其他课程的联系与分工 本课程的先修课程是计算机网络、网络数据库技术、面向对象程序设计等相关的专业课。通过网站开发技术把相关的专业知识综合起来，为后续课程项目综合开发的学习打下基础。共四

3、十页4、课程的教学方式与方法 本课程强调实用性，以网站设计为主线，通过案例(n l)和问题引入教学内容，重点讲解动态网站的设计思想和方法，教学中采用课堂讲授与案例(n l)教学相结合的方法，引导学生独立思考，培养学生的创新思维能力。 采用现代化、多样化手段实施教学，充分利用多媒体电子教学手段。共四十页5、课程的基本内容(nirng)与要求静态网页技术（8学时(xush)） 教学内容：HTML、CSS和JavaScript。 教学要求：熟练掌握静态网页技术（网页布局、风格设计和动态效果设计），能独立设计静态网页。动态网页技术JSP （16学时） 教学内容：JSP的运行环境与工作原理、JSP语法、

4、JSP内置对象、JavaBean的设计与应用、共四十页 JSP中的组件应用、在JSP中访问数据库和Servlet。 教学要求：熟练掌握JSP开发技术，能独立设计具有交互功能的动态网页。网站设计（8学时） 教学内容：1网站系统设计。2网站编码设计。 教学要求：掌握(zhngw)设计网站的方法和步骤。共四十页6、课程的考核方式 本课程为考试课，满分100分。考核由平时成绩考核、实验成绩考核和考试三部分组成。 平时成绩满分10分，包括平时出勤情况和课堂表现，无故旷课三次，平时成绩为0分。 实验(shyn)成绩满分30分，包括实验(shyn)操作和实验(shyn)报告的完成情况，各实验(shyn)的成

5、绩按权重计入。 考试成绩满分60分，考试在课程教学结束时完成，包括综合设计和答辩。共四十页期末考试： 综合设计（答辩），开卷，题目自选，在设计前上报并确定题目，答辩时考核学生对相关知识点的掌握情况和理解能力，每人15-20分钟，满分90分。1)综合设计要求：与课程设计开题(ki t)时上报的题目一致，按时上交课程设计的，主题明确，内容完整，页面超过10页。 （50分） 共四十页不同的页面使用统一的CSS文件进行样式(yngsh)设计。 （10分）普通用户可以浏览信息，注册用户可以下载资源。 （10分）用户的注册、登录信息通过JavaScript进行信息校验。 （10分）访问数据库通过JavaB

6、ean来实现。 （10分）设计留言板，对相关信息进行讨论。（10分）共四十页2)实验考核要求：按实验指导书要求完成(wn chng)实验，本课程的实践教学分9个实验，满分100分。实验考核采取每个实验独立考核的方式， 前八个实验每个实验10分，第九个实验20分。考核内容包括实验报告书写和实验操作，两者各占20%和80%，实验操作通过课程中心来完成。/G2S/Template/View.aspx?action=view&courseType=0&courseId=27105共四十页7、教材与参考资料 教材采用大学(dxu)计算机规划教材JSP大学(dxu)实用教程-(第2版)由电子工业出版社出版

7、，耿祥义等编写。参考资料： 精通CSS与HTML设计模式 (美)Michael Bowers著，人民邮电出版社出版。 JavaScript入门经典（第4版）（美）威尔顿，（美）麦克匹克著，张敏，高宇辉，王东亚译，清华大学出版社出版。共四十页网站(Website)是因特网上一个面向全世界发布消息的地方(dfng)，由域名和网站空间构成，网站空间包括主页和相关的页面。 网站是因特网上根据特定规则，使用HTML等工具制作的用于展示特定内容的相关网页集合。人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。二

8、、网站(wn zhn)开发概述1、什么是网站共四十页各级政府机关、企事业单位都拥有自己的网站(wn zhn)，用于宣传、资讯发布、招聘等。很多个人通过个人网站（如博客、QQ空间等）展现自我个性。 早期的网站只能保存单纯的文本(wnbn)。经过发展，逐渐地图文并茂，能和浏览者进行交流，部分网站还可以通过网站完成商务活动或实现信息管理。共四十页域名（俗称网址）：域名是由英文字符和数字组成的，与固定的IP地址相对应。域名可分为不同级别，包括顶级域名、二级域名等。 网站空间由专门的独立服务器或租用的虚拟主机承担(chngdn)。网站源程序则放在网站空间里面，数据库服务器为网站提供信息服务。 域名相当于

9、门牌号码，网站空间就如同房屋，源程序如家庭成员，数据库如银行、社会关系等。 、网站的组成(z chn)域名、网站空间、网站源程序和数据库服务器。 共四十页、访问(fngwn)网站： 使用浏览器在URL地址栏输入网站的域名访问。一个(y )完整的URL地址是由协议名、Web服务器地址、文件在服务器中的路径和文件名四个部分组成。共四十页根据网站的用途分类：门户网站（综合网站）、行业网站、娱乐网站等。根据网站的持有者分类：个人网站、企业网站，政府网站等。 根据网站的商业目的分类：营利(yngl)型网站（行业网站、论坛）、非营利(yngl)性型网站（企业网站、政府网站）。4、网站(wn zhn)的分类

10、共四十页5、网站(wn zhn)开发流程共四十页6、网站开发技术 网站开发技术包括客户端开发技术和服务器端开发技术。 客户端开发技术包括HTML、CSS+DIV和JavaScript。 服务器端开发技术通过CGI(Common Gateway Interface，通用网关界面(jimin)程序实现Web服务器与用户页面的交互。CGI具有标准的输入、输出和环境变量，可用任何语言编写。目前流行的有ASP、PHP和JSP，它运行在服务器上，由服务器解译。共四十页三种语言比较：PHP：不支持大规模、分布式数据库；数据库接口支持不统一。不适于电子商务中。ASP：主要应用于Windows平台,通过ASP

11、+COM（ActiveX组件(z jin)）组合完成开发功能,UNIX下COM（组件对象模型）实现困难。JSP：是Java Servlet 的易读版。与平台无关，在UNIX、Linus、Window、Solaris平台上都可运行；运行速度快；扩展性好；安全性高，支持XML。共四十页1、JSP的由来 Java的应用：applet、Servlet。 Servlet是Java语言的一部分，提供了用于服务器编程的API，servlet通过HTML与客户交互信息。servlet的缺点是不能有效的管理页面的逻辑部分和页面的输出部分，导致servlet代码非常混乱，管理网站(wn zhn)十分困难。 一个s

12、ervlet就是一个java文件，如要在浏览器上输出信息“很高兴和大家一起学习网站开发技术！”，编写servlet，其代码为:三、JSP概述(i sh)共四十页package lm;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HelloServlet extends HttpServlet public void init(ServletConfig config) throws ServletException super.init(config); public void

13、doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException response.setContentType(text/html;charset=GB2312); PrintWriter out = response.getWriter(); out.println(“n”+ “ Hellon”+ “BODY BGCOLOR=red” + “很高兴和大家一起(yq)学习网站开发技术！n+ ); 共四十页 同样的功能用ASP来实现，其代码(di m)为: H

14、ello共四十页 为适应市场需求，SUN公司以Servlet作为基础，推出了JSP（Java Server Page）。 Hello JSP代码风格和HTML页面的代码非常相似，区别是在“”之间加入Java代码。共四十页2、 JSP技术特性跨平台将内容的生成和显示进行分离强调可重用的组件(z jin) 采用标识简化页面开发 健壮性与安装性 共四十页3 JSP工作原理 JSP是结合标记语言（HTML或XML）和Java代码来处理的一种动态页面。一个JSP文件第一次被请求时，JSP引擎先把该JSP文件转换成Java源文件，转换时若发现(fxin)JSP文件有语法错误，转换过程将中断，并向服务器端和

15、客户端输出错误信息；如转换成功，JSP引擎调用Java虚拟机的javac程序把该Java文件编译成相应的class文件，该class文件即Servlet程序，然后创建一个该Serlvet的实例，提供服务响应用户的请求。 共四十页共四十页1、JDK的安装(nzhung)与配置环境变量的设置:变量名：JAVA_HOME，变量值：C:jdk1.6。变量名：CLASSPATH，变量值：C:jdk1.6lib dt.jar;.; C:jdk1.6libtools.jar; 。变量名：PATH，变量值：C:jdk1.6bin四、搭建JSP运行(ynxng)环境共四十页2、web服务器的安装与配置 自从JS

16、P发布以后，出现了各式各样的JSP引擎。如 Tomcat 、Geronimo 、Jetty 、Jonas 、Jrun 、Orion 、Resin等。 1999年10月Sun公司将Java Server Page 1.1代码交给Apache组织，Apache组织对JSP进行了实用研究，并将这个服务器项目称为Tomcat，从此，著名的Web服务器Apache开始支持(zhch)JSP。这样，Tomcat就诞生了。目前，Tomcat能和大部分主流服务器一起高效率的工作。四、搭建(d jin)JSP运行环境共四十页1）安装：安装过程根据向导默认安装，只在选择Java虚拟机安装位置(wi zhi)时把默

17、认的jre路径更改为jdk安装路径即可：四、搭建JSP运行(ynxng)环境共四十页2）启动(qdng)、测试：启动服务器后，打开IE浏览器，在地址栏中输入“http:/localhost:8080或:8080”。 共四十页3）Tomcat安装目录的结构bin/ 二进制可执行文件和脚本lib/ 存放所有web应用都可访问的jar文件conf/ 配置文件目录logs/ 日志(rzh)目录temp/ 服务器运行时产生的临时文件webapps/ Web应用(虚拟站点)所存放的目录work/ Tomcat的工作目录（存放由JSP生 成的servlet文件）共四十页4）Tomcat配置文件tomcat-

18、user.xml：定义了tomcat用户的信息。server.xml:是Tomcat的全局配置文件，提供(tgng)Tomcat组件的初始配置，说明Tomcat的结构和含义，使Tomcat通过实例化组件来完成自身的构建以完成起动。web.xml:是配置Web应用的文件，在每个Web应用的根目录下。共四十页5）修改Tomcat服务器的端口号 8080是Tomcat服务器的默认端口号。可以通过(tnggu)修改$Tomcatconf下的主配置文件server.xml，更改端口号。 用记事本打开server.xml文件，找到出现 的部分，将其中的port=“8080”更改为新的端口号即可，比如将80

19、80更改为9080等。共四十页6）建立新的web服务目录 假设要将D:test以及c:redsun作为服务目录，并让用户分别使用/test和/moon虚拟目录访问。首先用记事本打开主配置文件server.xml，找到出现以下(yxi)信息的部分。!- . （在这里加入您的Web服务目录） 共四十页 然后在和 之间加入(jir)： 主配置文件server.xml修改后，必须重新启动Tomcat引擎。这样，就可以将JSP页面存放到D:test或c:redsun中，用户可以通过虚拟目录test或moon访问JSP页面,比如，在浏览器地址栏中键入：http:/localhost:8080/moon/Example1_2.jsp共四十页7）Tomcat服务器的默认网页(wn y) 修改$tomcat_home/conf/web.xml文件。