《动态网站基础》由会员分享，可在线阅读，更多相关《动态网站基础（38页珍藏版）》请在金锄头文库上搜索。
1、动态网站开发基础,life_,课程地位,已学相关课程 Java程序设计基础 面向对象程序设计（Java 实现） SQL Server 数据库 本课程所需的其他知识 静态网页制作 样式 脚本 后续课程 J2EE企业级开发,life_,相关课程回顾,数据库用户有哪些类型？如何导入包？什么是多态？多态带给我们的好处是什么？,life_,上机练习面向对象程序设计,练习1：在MyEclipse环境中建立项目，要求源代码和编译产生的Class文件存放在不同的目录下，并在项目中创建oop包。在包中编写抽象类Pet，包含name,health两个私有属性，以及对应的setter和getter方法，要保证健康值
2、的有效性，在1到100之间,否则取默认值60；添加抽象方法print()。 练习2：在包中编写Dog类继承自Pet类，包含一个私有属性strain，以及对应的setter和getter方法，实现print()方法，添加两个构造方法Dog()、Dog(String name,String strain)，均对狗的属性进行初始化。,life_,上机练习面向对象程序设计,练习3：在Pet类添加吃饭的抽象方法eat()，在Dog类中实现该方法，喂食一次健康值增加10。新建Master类，添加喂养方法feedPet（Pet pet）。编写测试类TestMaster，测试程序。,life_,预习检查,为什
3、么要学习JSP？B/S程序与C/S程序对比的优势有哪些？举例说明什么是URL？,life_,本章任务,完成一个新闻发布系统的静态网页原型，包括如下功能： 后台管理模块（标题录入；文件上传） 新闻前台显示模块（各级标题下的新闻显示） 能够在MyEclipse中部署运行该静态新闻发布系统,life_,掌握B/S开发的基本概念 动态网页 pk 静态网页 B/S程序 pk C/S程序 B/S开发涉及的技术内容开发JSP动态网站的基本步骤 掌握Web系统的工作目录 创建Web工程与HTML、JavaScript文件 实现Web工程的部署与运行 进行Web系统的调试与排错,本章目标,life_,为什么需要
4、动态网页,静态网站有哪些局限性？,要完成这一切，我们需要使用动态网页,1、无法实现搜索、登录、购买等交互功能,2、无法对静态页面的内容在线更新,life_,什么是动态网页,生活中的动态网页,可以根据不同的输入，返回不同的网页，这就是动态网页,life_,怎样实现动态网页,Google如何保存业务数据？Google如何实现业务数据的动态展示？,要掌握这一切，我们首先需要了解B/S技术,life_,为什么学习B/S技术,C/S的局限性,中心局域网 特定用户群中资源共享,B/S带给我们的全新体验,数据库服务器,学生机1,学生机2,学生机n,需要安装客户端软件,Google服务器,Internet 全
5、球用户群中资源共享,美国用户,中国用户,数据库 服务器,无需安装客户端软件,life_,什么是B/S技术,B/S是浏览器端/服务器端，程序完全放在服务器上，不用在浏览器上安装任何文件，它是基于Internet的产物,应用 服务器,数据库 服务器,IE,Netscape,IE,Internet,在应用服务器中布署运行程序,life_,B/S技术特点,B/S中浏览器端与服务器端采用请求/响应模式进行交互,应用 服务器,数据库 服务器,IE,IE,解释执行 HTML文件,从服务器端检索到的信息,返回响应,客户端的请求信息,发送请求,运行JSP等服务器端脚本程序,1,用户输入,2,3,4,life_,
6、小结1,静态网页与动态网页的主要区别？ 是否可以这样说：动态网页是静态网页的替代品？ B/S程序与C/S程序相比，有哪些优势和劣势？,life_,开发JSP动态网站的步骤,1、创建一个Web项目 2、设计Web项目的目录结构 3、编写Web项目的代码 4、部署Web项目 5、运行Web项目,life_,创建一个Web项目,1,菜单栏选择：文件(File) 新建(New) 项目(Project),2,在弹出的窗口中选择： Web Project,3,输入Web项目名称（设置为news），以及其余相关信息,演示：创建一个Web项目,life_,设计Web项目的目录结构,WEB-INF：该目录中内容
7、不能对外发布,web.xml：Web应用的初始化配置文件,lib文件夹：存放以jar/zip形式表现的库文件,META-INF：系统自动生成，存放系统描述信息,WebRoot：Web应用的根目录,src文件夹：存放Java源文件,静态文件（包括图片、样式表、HTML等）存放在Web应用的根目录下，一般按功能以文件夹形式分类,life_,编写 Web 项目的代码,右键点击WebRoot 新建 HTML ：创建一个新的HTML文件,在弹出的窗口中，选择文件路径、输入文件名称,填充HTML文件内容,演示：编写Web项目的代码,1,2,3,life_,部署 Web 项目,窗口 首选项 MyEclips
8、e Application Server Tomcat 5：配置Tomcat,点击部署图标 为Web项目添加web服务器 选择Tomcat 5 部署完成,演示：部署Web项目,1,2,life_,运行 Web 项目,点击运行图标 运行 Tomcat 5,Tomcat 5 启动服务，在控制台输出启动信息,开启IE窗口 输入正确的URL观看运行结果,演示：运行Web项目,1,2,3,life_,什么是URL,URL：Uniform Resource Locator 即统一资源定位系统，就是我们通常所说的网址 URL是惟一能够识别Internet上具体的计算机、目录或文件位置的命名约定 URL的组成
9、：,http:/localhost:8080/news/index.html,协议,主机IP地址 （有时包括端口号）,主机资源的具体地址,存放HTML文件的实际物理目录,在运行环境中，该路径对应WebRoot文件夹,life_,小结2,请说明在Eclipse环境中，开发JSP动态网站的具体步骤 在index.html中有这样一行代码：点击该超链后可进入welcome.html网页中 请问：/sports/welcome.html是URL吗？并说明原因,奥运展播,life_,Web程序的调试与排错,在运行Web程序时，我们常犯的一些错误有： 未启动Tomcat服务，或者没有在预期的端口中启动To
10、mcat服务 未部署Web应用，就试图运行Web程序 运行时，URL输入错误 存放文件的目录无法对外引用，如：文件放入了WEB-INF、META-INF等文件夹,life_,错误1：未启动Tomcat,排除错误： 启动Tomcat服务 如果在控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致，按照实际端口号重新运行,错误现象,排错方法： 检查Tomcat服务能否正确运行,1,2,3,life_,错误2：未部署Web应用,排除错误： 部署Web应用,排错方法：检查Web应用是否正确部署,尚未部署,错误现象,1,2,3,life_,错误3：URL输入错误,排除错误：使用正确的URL
11、,错误现象,排错方法： 检查URL,http:/localhost:8080/news/index.html,文件名称与路径要写对,查看菜单：项目属性MyEclipseWebWeb Context-root,协议,主机IP地址,1,2,3,life_,错误4：目录不能被引用,排除错误：把index.html文件拖至WebRoot文件夹下,错误现象,排错方法： 检查文件的存放位置,META-INF，WEB-INF文件夹下的内容无法对外发布,1,2,3,life_,小结3,运行你的web程序时，如果浏览器提示404错误，可能的原因有哪些？ 判断tomcat是否启动，或者是否在你预期的端口启动，最简
12、单的方法是什么？,life_,总结,在开发Web应用程序时，静态文件一般存放在什么位置？ 以下哪些是正确的URL? 1、http:/ 2、file:/ 3、 4、 5、http:/:80 6、/news/welcome.html,life_,相关回顾,B/S程序与C/S程序对比的优势有哪些？ URL由哪几部分组成？ 运行你的Web程序时，如果浏览器提示404错误，可能的原因有哪些？,life_,上机目标,建立JSP论坛的Web Project工程 编辑论坛的静态页面 部署运行静态论坛,教员讲解上机目标,life_,训练技能点,能够在MyEclipse中建立Web Project工程 会使用My
13、Eclipse编辑静态HTML页面 会在MyEclipse中部署运行Web Project工程,life_,训练要点：创建Web Project工程、 部署运行Web Project工程 需求说明： 使用MyEclipse创建Web Project工程编写一个静态页面welcome.html部署运行,阶段2,life_,实现思路及关键代码： 1、新建Web Project工程：jspbbs 2、新建静态HTML页面：welcome.html，输出“欢迎访问我的网站” 3、部署jspbbs工程到Tomcat服务器，运行Tomcat服务器 4、用浏览器访问部署的jspbbs应用,阶段2,方法：在浏
14、览器的地址栏中输入http:/localhost:8080/jspbbs/welcome.html，访问这个页面,讲解实现思路和关键代码,完成时间：15分钟,life_,需求说明：编写论坛的静态原型，使用HTML、CSS、JavaScript编写论坛首页 1、首页 index.html：显示版块信息 2、在浏览器中访问此静态页面,阶段3,完成时间：25分钟,life_,需求说明：继续编写论坛的静态原型，使用HTML、CSS、JavaScript编写如下页面： 1、帖子列表页 list.html：显示帖子列表信息 2、帖子内容页 detail.html：显示帖子内容信息，包括主题和回复 3、在浏览器中访问这些静态页面,阶段4,完成时间：25分钟,life_,Thank You !,
