《电商网站设计与开发》授课要点.docVIP

12电商《电子商务网站设计与开发》授课要点 %@page contentType=text/html;charset=GB2312 % htmlhead/headbody % % /body/html 第1次课 一、准备工作 MyEclips10.5 注册 安装Tomcat6.5（动态网站服务器软件） 验证是否安装成功 在IE浏览器中输入：:8080/ 二、动态网站服务器 1、服务器与客户端 （通过IP地址找到服务/域名） 2、服务器软件（WWW服务/Tomcat、邮箱服务、FTP服务） （通过IP地址:端口号）：http://本地IP地址：80(默认WWW服务端口) 服务器端：装相关服务软件 客户端：指明服务器地址与端口 3、浏览服务器网页（浏览本地网页） :8080/index.jsp（默认网页） 4、在Tomcat服务器网站文件夹中放置网页 在目录中放置网页： C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT 在这个文件夹中放置：1.htm 在浏览器中输入网址：:8080/1.htm 浏览Tomcat服务器网页 查看本机的IP地址：网上邻居(属性)—本地连接（属性）--TCP/IP协议（属性）：9 检查老师的作业：9:8080/abc.htm html代码 html head/head body 我是99号 /body /html 三、第一个动态网页的编写 1、后缀名是：abc.jsp 2、java循环语句 for(int i=1;i=1000;i++){ System.out.println(i);} 3、把上句放到网页中去，放在body/body Body中有html代码，也有JSP代码，JSP代码要用”%%”包装 　 Java的输出是：System.out.println(); JSP的输出是：out.println(); 4、综上考虑，得到以下代码 html head/head body % for(int i=1;i=1000;i++){ out.println(i);} % /body /html 5、小结：建立第一个JSP网页，只须记住三点 ①后缀名：a.jsp ②网页的代码有“html代码”与”JSP代码”, JSP代码用”%%”; ③java语句：System.out.println(1号　陈雅婷　第一题　得七分); 　 JSP语句：把“System.”删除； 6、注意点： ①root中的文件夹名及文件名不得使用中文 ②不能使用双击打开JSP文件 ③网页中的中文可能乱码，乱码处理：在JSP文件中第一行加入： %@page contentType=text/html;charset=GB2312 % 第2次课 复习与练习 1、安装与启动TOMCAT 2、文件要放在ROOT文件夹下 3、作业：简单的html代码 html head/head body 这是html代码br/另起一段 /body /html 4、作业：显示1－1000间被5整除的数 提示： ①htmlhead/headbody/body/html ②% for(int i=1;i=1000;i++){ }% ③out.println(i+ br/ ); ④if(i%5==0){} 在body中加入jsp代码，这个代码要用%% % for(;;){}if(){} % % for(int i=1;i=1000;i++){ out.println(i+”br/”); } % % for(int i=1;i=1000;i++){ if(i%5==0){out.println(i+”br/”);} } % htmlhead/headbody 这是html代码br/另起一段 % for(int i=1;i=1000;i++){ if(i%5==0){out.println(i+”br/”);} } % /body/html 静态网页与动态网页的区别 静态网页的后缀名是：htm html 动态网页的后缀名是：asp jsp aspx php 静态网页可通过双击查看其运行效果 动态网页只可通过服务器软件(tomcat),在IE中通过输入IP来查看其运行效果 静态网页： IE查看菜单中的源代码 与 文件的编写代码 相同 动态网页： IE查看菜单中的源代码 与 文件的编写代码 不相同 本质的区别：交互 动态网页： 服务器与用户有交互(登陆校验、查看期末成绩) 静态网页： 服务器与用户无交互 静态网页之纯文本/纯静止图片：狭义的静态网页 静态网页之活动文档：flash动画(有交互 用户与客户端的交互)