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

《《电商网站设计与开发》授课要点》由会员分享，可在线阅读，更多相关《《电商网站设计与开发》授课要点（79页珍藏版）》请在金锄头文库上搜索。

1、1 12 电商电子商务网站设计与开发授课要点 第 1 次课 一、准备工作 1、 MyEclips10.5 注册 2、 安装 Tomcat6.5（动态网站服务器软件） 3、 验证是否安装成功 在 IE 浏览器中输入：http:/127.0.0.1:8080/ 二、动态网站服务器 1、服务器与客户端 （通过 IP 地址找到服务/域名） 2、服务器软件（WWW 服务/Tomcat、邮箱服务、FTP 服务） （通过 IP 地址:端口号）：http:/本地 IP 地址：80(默认 WWW 服务端口) 服务器端：装相关服务软件服务器端：装相关服务软件 客户端：指明服务器地址与端口客户端：指明服务器地址与端

2、口 3、浏览服务器网页（浏览本地网页） http:/127.0.0.1:8080/index.jsp（默认网页） 4、在 Tomcat 服务器网站文件夹网站文件夹中放置网页 在目录中放置网页： C:Program FilesApache Software FoundationTomcat 6.0webappsROOT 在这个文件夹中放置：1.htm 在浏览器中输入网址：http:/127.0.0.1:8080/1.htm 4、 浏览 Tomcat 服务器网页 查看本机的 IP 地址：网上邻居网上邻居(属性属性)本地连接（属性）本地连接（属性）-TCP/IP 协议（属性）协议（属性）：10.20

3、.20.99 检查老师的作业：http:/10.20.20.99:8080/abc.htm 5、 html 代码 我是 99 号 三、第一个动态网页的编写 1、后缀名是：abc.jsp 2 2、java 循环语句 for(int i=1;i Body 中有 html 代码，也有 JSP 代码，JSP 代码要用”包装 Java 的输出是：System.out.println(); JSP 的输出是：out.println(); 4、综上考虑，得到以下代码 5、小结：建立第一个 JSP 网页，只须记住三点 后缀名：a.jsp 网页的代码有“html 代码”与”JSP 代码”, JSP 代码用”;

4、java 语句：System.out.println(“1 号 陈雅婷 第一题 得七分“); JSP 语句：把“System.”删除； 6、注意点： root 中的文件夹名及文件名不得使用中文 不能使用双击打开 JSP 文件 网页中的中文可能乱码，乱码处理：在 JSP 文件中第一行加入： 3 第 2 次课 一、复习与练习 1、安装与启动 TOMCAT 2、文件要放在 ROOT 文件夹下 3、作业：简单的 html 代码 这是 html 代码另起一段 4、作业：显示 11000 间被 5 整除的数 提示： out.println(i+ “ “); if(i%5=0) - 在 body 中加入 j

5、sp 代码，这个代码要用 - ”); % - ”); % - 这是 html 代码另起一段 ”); % 4 二、静态网页与动态网页的区别 1、 静态网页的后缀名是：htm html 动态网页的后缀名是：asp jsp aspx php 2、 静态网页可通过双击查看其运行效果 动态网页只可通过服务器软件(tomcat),在 IE 中通过输入 IP 来查看其运行效果 3、 静态网页： IE 查看菜单中的源代码 与 文件的编写代码 相同 动态网页： IE 查看菜单中的源代码 与 文件的编写代码 不相同 4、 本质的区别：交互本质的区别：交互 动态网页： 服务器与用户有交互(登陆校验、查看期末成绩)

6、静态网页： 服务器服务器与用户无交互 静态网页之纯文本/纯静止图片：狭义的静态网页 静态网页之活动文档：flash 动画(有交互 用户与客户端客户端的交互) 脚本语言(JavaScript VBScript):房贷月供计算器 三、JSP 的技术原理 Jsp 文件-java 文件- class 文件-具体的 HTML 代码(IE 查看菜单中的源代码)-运行结果 四、JSP 文件含两个部分 Html 代码 JSP 代码：要用“”包起来 “12 电商同学们，马上买房，马上有车“ 12 电商同学们，马上买房，马上有车 “12 电商同学们，马上买房，马上有车“ “12 电商同学们，马上买房，马上有车“

7、Out.println(“12 电商同学们，马上买房，马上有车“) Out.println(“12 电商同学们，马上买房，马上有车“) 课堂实例代码：课堂实例代码： 12 电商同学们，马上买房，马上有车“); /”+i+” % 5 第第 2 次课次课 一、复习前课内容 1、 2、防乱码 3、字号： 4、居中： 5、循环： 6、输出：out.println(“dddddd“); 7、替代：“+i+“ 二、JSP 与 HTML 代码杂糅时的处理 1、 第二种处理方法：替代法(把长字符串 转化成 三个字串) out.println(“马上有车，马上有房“); JSP：out.println(“ddd

8、d”); HTML: 马上有车，马上有房 JSP：i 处理方法：在“”中的变量处理：替代法：”+i+” 2、 第二种处理方法：三段法(当循体中的 HTML 代码很复杂时，要用这一方法) 原代码： 第一步：使用三对进行拆分 “);% 第二步： 马上有车，马上有房 第三步： 马上有车，马上有房 第四步： 马上有车，马上有房 6 课堂代码： 我爱写什么就写什么，就用 HTML 代码 创新：更换字体颜色创新：更换字体颜色 李旭代码： 你 你我他 他 7 第第 3 次课次课 一、配置 MyEclipse10 服务器 （一） 新建 WEB 项目与 JSP 网页 1、新建 WEB 项目 NEWWEB PRO

9、JECT项目名（java6.0） 2、新建 JSP 网页 Web Root-右键-New-JSP(不要使用 MyJsp.jsp) (二)布署 MyEclipse10 服务器 1、把 WEB 项目布置到 MyEclipse Tomcat 服务器 2、启动 MyEclipse Tomcat 服务 成功： Server startup in 1078 ms （二） 浏览网页， 方法一：在 IE 浏览器地址栏中输入：http:/127.0.0.1:8080/WEB 项目名 方法二：三角形按钮MyEclipse Application ServerOK输入网页名浏览 1、 配置服务器 Run confi

10、gurations-MyEclipse Server Application-填“项目名”与“服务器名” 2、 按“开始”按钮，输入网址 二、复习上节内容 *“); /“+i+“ % 8 三、课堂实例 1、九九乘法表（三角形排列） “); % 2、等边三角形的星号排列（头排一个星，第七排七个星） “+s+“); % 3、倒等边三角形的星号排列（头排九个星，第 9 排一个星） “+ss+“); % 4、会变的颜色 马上有钱，马上有车，马上有房 “); % 10 第 4 次课 单元 4 JSP 语法基础 P64 一、JSP 注释 1、注释的作用；使该语句不运行；提示相邻语句的作用 2、课堂实例：

11、“); /out.println(k); % 二、使用声明 1、从形式看 原变量定义： 现 声 明： 2、原理 原变量定义：网页刷新时，重新定义一个新的 i 变量，也就是执行了 现 声 明：网页刷新时，还使用原先的那个 i 变量，也就是不执行了 3、课堂代码 11 第 5 次课 一、图片计数器（使用声明） 1、 初步 “); out.println(“); out.println(“); out.println(“); out.println(“位访客“); /“+i+“ % 2、 完整（还差一点） “); out.println(“位访客“); /“+i+“ % 3、 更完整：固定 5 位，

12、不足的用零来填， 12 “); for(int j=0;j“); out.println(“位访客“); % 二、使用表达式 1、区别 使用 out 语句： 使用表达式 ： 2、课堂实例： “); /“+i+“ % 使用表达式：你是第位访客 3、课堂实例：今天几月几日 “); % 年 月 日 星期 14 第 6 次课 一、复习前节内容：计数器、今日几月几日 二、脚本程序 P70 /JSP文件中的JAVA程序：1、输出语句；2、流程控制语句 /脚本程序(大于两句)表达式（一句) /随机数：01之间的数 随机数： 课堂实例： “); if(d=0.5) out.println(“今天运气不错。“)

13、; else out.println(“今天运气不好。“); % 三、思考题： 把随机数限制在 152 之间的数； 答案： 抽奖：“+i); % 29 号林菁的随机数号林菁的随机数 四、四、Page 指令与指令与 Include 指令指令 P71 15 把把 JSP 转成转成 class 文件时对文字的处理。文件时对文字的处理。 语法语法 P73： :page include 1、page 指令：指令：处理网页的问题：处理网页的问题 属性属性 import（导入（导入 JAVA 包）包） contentType（页面转换语言及格式）；（页面转换语言及格式）； Import 课堂实例：课堂实例：

14、 contentType 课堂实例课堂实例 防乱码：防乱码： 下载下载 WORD 文件：文件： 网页变成下载文件网页变成下载文件 是不是写错了：是不是写错了： 2 号邱燕花号邱燕花 即时刷新（静态网页）即时刷新（静态网页） 16 setInterval(“document.getElementById(time).innerHTML=new Date().toLocaleString();“,1000); 17 第 7 次课 一、复习：page 指令 : 二、include 指令 :静态包含一个文件（可以非网页） 语法： Head.txt 这是导航部分 Foot.txt 这是版权声明部分 Me

15、.jsp 这是主体内容 三、include 动作动作 P77:页面被请求时包含一些资源 1、语法(XML 的语法-html 语法语法放在放在外面外面)： 只能包含网页（html jsp） 2、课堂实例代码： Me1.jsp 主体部分 Head.html 这是导航部分 Foot.jsp 版权部分 18 4、 include 指令与 include 动作的区别：后者更常用后者更常用 前者可包含 txt 等文件，后者只能包含网页（html jsp）: 前者复制入(一个网页)，后者是生成网页后再嵌入（三个网页） 前者语法： 后者语法 四、forward 动作 1、作用：跳转到某一网页 2、语法： 3、实例： Login.jsp 这是本网页 Main.jsp 登录成功，欢迎来到本网站 3、 思考题： 倒计时 19 第 8 次课 一、复习 1、跳转语句 2、判断输入的密