教案黄潇课程名称《Web系统开发》授课教师教学题目教学时数2学时第1章Web系统开发简介1.课程简介2. B/S 与 C/S教学内容3.Web应用程序的工作原理4.Web开发技术和开发工具5.JavaWeb应用开发环境的安装与配置1.知识目标：掌握Web的基本概念。理解C/S结构和B/S结构。了解并熟悉Web开发技术和常用开发工具。掌握Web应用程序的工作原理。教学目标2.能力目标：独立完成JavaWeb应用开发环境的安装与配置。3.情感目标：引导学生明白个人成功跟社会发展的关系。培养学生积极面对网络时代的挑战，增强国家网络安全的责任感。引导学生理解信息技术在社会发展中的作用，增强信息化建设的使命感。教学重点Web应用程序的工作原理。JavaWeb应用开发环境的安装与配置。教学难点JavaWeb应用开发环境的安装与配置。教学课型理论课口实验课授课手段多媒体教学授课方法讲授法+演示法+实践+讨论专业术语Web,JavaWeb,C/S,B/S,HTTP,URL1.梁永先、陈滢生、尹校军，JavaWeb程序设计（慕课版）第2版，人民邮电出版社，2021.3参考资料2.汪诚波，JavaWeb开发技术与实践，清华大学出版社，2018.93.千锋教育高教产品研发部，JavaWeb开发实战，清华大学出版社，2018.111.独立在自已电脑上完成JavaWeb应用开发环境的安装与配置及测试。课后作业2.编写一个简单的Web应用程序（如登录页面或信息展示页面），并说明其工作原理。教学后记
1 教 案 课程名称 《Web 系统开发》 授课教师 黄 潇 教学题目 第 1 章 Web 系统开发简介 教学时数 2 学时 教学内容 1. 课程简介 2. B/S 与 C/S 3. Web 应用程序的工作原理 4. Web 开发技术和开发工具 5. Java Web 应用开发环境的安装与配置 教学目标 1. 知识目标： 掌握 Web 的基本概念。 理解 C/S 结构和 B/S 结构。 了解并熟悉 Web 开发技术和常用开发工具。 掌握 Web 应用程序的工作原理。 2. 能力目标： 独立完成 Java Web 应用开发环境的安装与配置。 3. 情感目标： 引导学生明白个人成功跟社会发展的关系。 培养学生积极面对网络时代的挑战，增强国家网络安全的责任感。 引导学生理解信息技术在社会发展中的作用，增强信息化建设的使命感。 教学重点 Web 应用程序的工作原理。Java Web 应用开发环境的安装与配置。 教学难点 Java Web 应用开发环境的安装与配置。 教学课型 理论课 实验课 授课手段 多媒体教学 授课方法 讲授法 + 演示法 + 实践 + 讨论 专业术语 Web，Java Web，C/S，B/S，HTTP，URL 参考资料 1. 梁永先、陈滢生、尹校军，Java Web 程序设计（慕课版）第 2 版，人民邮电出版社， 2021.3 2. 汪诚波，Java Web 开发技术与实践， 清华大学出版社，2018.9 3. 千锋教育高教产品研发部，Java Web 开发实战，清华大学出版社，2018.11 课后作业 1. 独立在自己电脑上完成 Java Web 应用开发环境的安装与配置及测试。 2. 编写一个简单的 Web 应用程序（如登录页面或信息展示页面），并说明其工作原理。 教学后记
课程简介教学设计：首先介绍本门课程的地位和目标、主要内容、考核方式和学习参考资料等，让学生对本课程有个大概的了解；接下来在线发放调查问卷，了解学生对Web系统认识和相关Web技术的掌握情况等，以便于接下来做更细致的学情分析。思政元素：强调Web系统开发在国家信息化建设中的重要性，引导学生认识到学习此课程的现实意义。一、讲解Java由来，引出本章内容计算机语言分为三种：机器语言、汇编语言和高级语言，而计算机只能识别机器语言，但人们编程时不会采用机器语言，而是采用汇编语言和高级语言。由于高级语言采用接近人类的自然语言进行编程，进一步简化了编程过程，所以是绝大多数编程者的选择。Java语言是高级语言的一种。它是由SUN公司（已被Oracle公司收购）于1995年5月推出的一种可以编写跨平台应用软件、完全面向对象的程序设计语言。在计算机、移动设备、家用电器等领域中，Java技术无处不在。二、课程主要内容（1）补充讲解：Java输入输出流、泛型集合。（2）JavaWeb技术基础：JSP技术、JavaBean技术、Servlet技术、JDBC技术等。（3）MVC模式。（4）SSM框架：MyBatis、Spring和SpringMVC其整合。教学组织三、考核办法过程1总评成绩=平时成绩占50%+期末成绩占50%(10分钟)平时成绩=考勤（20%）+作业（30%）+实验（50%）考核形式：考查。以一个大型Web项目进行考核，分组进行，两周时间，以答辩和报告相结合给出成绩。四、学习方法课前：浏览预习作业，带着问题看学习视频（学习通），完成预习作业，参与留言讨论。课上：认真听讲，完成课堂小任务。课后：及时总结，完成学习平台布置的作业及课后小测验，多浏览技术论坛、B站、博客等，自学并获取他人的开发经验。注意：本课程涉及到Web前端、数据库、面向对象程序设计、软件工程等课程相关知识，可关联学习，当然讲到相关知识时也会帮助大家简单复习。五、建立班级群学生进入学习通课程网站的班级：建立钉钉群，便于老师与学生间沟通。六、在线调查问卷（1）你知道的Web系统有哪些？（2）你曾学习过哪些Web技术？（3）Java程序设计语言的基础知识掌握得如何？（4）你是否有参与过Web系统的开发？（5）你学习或使用过哪些关系型数据库？（6）你对本课程的学习期望是什么？2
2 教学组织 过程 1 (10 分钟) 课程简介 教学设计： 首先介绍本门课程的地位和目标、主要内容、考核方式和学习参考资料等，让学生 对本课程有个大概的了解；接下来在线发放调查问卷，了解学生对 Web 系统认识和相 关 Web 技术的掌握情况等，以便于接下来做更细致的学情分析。 思政元素：强调 Web 系统开发在国家信息化建设中的重要性，引导学生认识到学 习此课程的现实意义。 一、讲解 Java 由来，引出本章内容 计算机语言分为三种：机器语言、汇编语言和高级语言，而计算机只能识别机器语 言，但人们编程时不会采用机器语言，而是采用汇编语言和高级语言。由于高级语言采 用接近人类的自然语言进行编程，进一步简化了编程过程，所以是绝大多数编程者的选 择。Java 语言是高级语言的一种。它是由 SUN 公司（已被 Oracle 公司收购）于 1995 年 5 月推出的一种可以编写跨平台应用软件、完全面向对象的程序设计语言。在计算机、移 动设备、家用电器等领域中，Java 技术无处不在。 二、课程主要内容 （1）补充讲解：Java 输入输出流、泛型集合。 （2）Java Web 技术基础：JSP 技术、Java Bean 技术、Servlet 技术、JDBC 技术等。 （3）MVC 模式。 （4）SSM 框架：MyBatis、Spring 和 SpringMVC 其整合。 三、考核办法 总评成绩 = 平时成绩占 50% + 期末成绩占 50% 平时成绩 = 考勤（20%）+ 作业（30%）+ 实验（50%） 考核形式：考查。以一个大型 Web 项目进行考核，分组进行，两周时间，以答辩和 报告相结合给出成绩。 四、学习方法 课前：浏览预习作业，带着问题看学习视频（学习通），完成预习作业，参与留言 讨论。 课上：认真听讲，完成课堂小任务。 课后：及时总结，完成学习平台布置的作业及课后小测验，多浏览技术论坛、B 站、 博客等，自学并获取他人的开发经验。 注意：本课程涉及到 Web 前端、数据库、面向对象程序设计、软件工程等课程相关 知识，可关联学习，当然讲到相关知识时也会帮助大家简单复习。 五、建立班级群 学生进入学习通课程网站的班级；建立钉钉群，便于老师与学生间沟通。 六、在线调查问卷 （1）你知道的 Web 系统有哪些？ （2）你曾学习过哪些 Web 技术？ （3）Java 程序设计语言的基础知识掌握得如何？ （4）你是否有参与过 Web 系统的开发？ （5）你学习或使用过哪些关系型数据库？ （6）你对本课程的学习期望是什么？
本讲主要内容教学设计：本小节涉及到的概念有些在其它课程中已经学过，所以先通过提问学生，大致了解学生对这些概念的掌握情况，再根据学生的回答来给以补充讲解。1.1什么是Web系统【提问】什么是Web？常见的Web应用有哪些？1.什么是web全称为WorldWideWeb即WWW，Web它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Intermet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Intermet上的信息节点组织成一个互为关联的网状结构，是运行在互联网上的一种分布式系统。表现形式：超文本、超媒体、超文本传输协议等。2.什么是Web应用？Web应用是多个Web资源的集合，是供浏览器访问的程序，也称为Web应用程序，个Web应用由多个静态Web资源和动态web资源组成。运行JSP等服务器2客户端的请求信息端脚本程序解释执行发送请求HTML文件问数据库教学组织13过程3用户输入数据库(10分钟)返回结果应用返回响应服务器服务器4从服务器端检索到的信息【提问】什么是B/S和C/S？Web系统应该采用哪种架构合适？3. B/S 和C/S目前流行的应用软件架构模式有两种：C/S、B/S。Web应用程序则属于B/S结构的软件系统。C/S又称Client/Server，服务器通常采用高性能的PC、工作站或小型机，客户端需要安装专用的客户端软件。B/S是Browser/Server的缩写，客户端只要安装一个浏览器（Browser），通过浏览器与Web服务器进行数据交互。思政元素：引入我国互联网发展的历程，激发学生对于国家网络事业发展的自豪感。4.URLURL概念：是网络资源定位器(UniformResourceLocator），指向网页（WorldWideWeb）上的一个资源。这里的资源可以是文件/目录，也可以是一些复杂的对象，如数据库或搜索引擎（searchengine)。（1）包括两部分：使用的协议（http,ftpgopher,file）资源位置（主机名、文件名、端口号、引用）(2）URL的格式：(Protocol)(Host)[:Port)[File][#Reference]（3）示例：3
3 教学组织 过程 3 (10 分钟) 本讲主要内容 教学设计： 本小节涉及到的概念有些在其它课程中已经学过，所以先通过提问学生，大致了解 学生对这些概念的掌握情况，再根据学生的回答来给以补充讲解。 1.1 什么是 Web 系统 【提问】什么是 Web？常见的 Web 应用有哪些？ 1. 什么是 web 全称为 World Wide Web 即 WWW，Web 它是一种基于超文本和 HTTP 的、全球性的、 动态交互的、跨平台的分布式图形信息系统。 是建立在 Internet 上的一种网络服务，为浏览者在 Internet 上查找和浏览信息提供了 图形化的、易于访问的直观界面，其中的文档及超级链接将 Internet 上的信息节点组织成 一个互为关联的网状结构, 是运行在互联网上的一种分布式系统。 表现形式：超文本、超媒体、超文本传输协议等。 2. 什么是 Web 应用？ Web 应用是多个 Web 资源的集合，是供浏览器访问的程序，也称为 Web 应用程序， 一个 Web 应用由多个静态 Web 资源和动态 web 资源组成。 【提问】什么是 B/S 和 C/S？Web 系统应该采用哪种架构合适？ 3. B/S 和 C/S 目前流行的应用软件架构模式有两种：C/S、B/S。Web 应用程序则属于 B/S 结构的 软件系统。 C/S 又称 Client/Server，服务器通常采用高性能的 PC、工作站或小型机，客户端需要 安装专用的客户端软件。 B/S 是 Browser/Server 的缩写，客户端只要安装一个浏览器（Browser），通过浏览 器与 Web 服务器进行数据交互。 思政元素：引入我国互联网发展的历程，激发学生对于国家网络事业发展的自豪感。 4. URL URL 概念：是网络资源定位器(Uniform Resource Locator), 指向网页(World Wide Web) 上的一个资源。这里的资源可以是文件/目录，也可以是一些复杂的对象，如数据 库或搜索引擎(search engine)。 （1）包括两部分： 使用的协议（http, ftp, gopher, file.) 资源位置(主机名、文件名、端口号、引用) （2）URL 的格式：(Protocol)(Host)[:Port][File][#Reference] （3）示例：
http://www.ycu.edu:8080/demoweb/urlprimer.html#INSTALLhttp://211.155.231.249:8009/javahttp:/localhost:8080/index.html#bottomftp://166.111.233.143/java/5.HTTP协议HTTP是HyperTextTransferProtocol（超文本传输协议）的简写，它是TCP/IP协议的一个应用层协议。是Web应用所使用的主要协议。客户端通过HTTP协议向服务器端发送的数据，我们称之为请求消息，反之则为响应消息。特点：无状态，服务器端不会专门为客户端保存信息。请求包括：请求头和请求数据：响应包括：状态码、响应头和响应数据。6.Web应用访问处理过程WebClientsWebBrowserHTTPURLrequWebServersWebsiteuserindss.atrdlyfintHTMLpogathostpring001.1teSTMestPin教学设计：简要介绍Web系统开发常采用的技术及本课程将采用哪些技术。思政元素：强调自主创新和知识产权的重要性，鼓励学生参与开源项目或自主研发。1.2JavaWeb开发的主要技术HTML、CSS、JavaScript等前端技术1.教学组织这些前端技术在前导课程中已学习，请学生们课下复习。过程42.ASP.net、PHP、JSP(5分钟）3.MVC设计模式MVVM等4.框架：SSH、SSM、SpringBoot等5.本课程将采用的Web技术：JSP：完成输入输出Servlet：系统流程控制JavaBean：完成核心功能JDBC：完成与数据库的交互4
4 http://www.ycu.edu:8080/demoweb/urlprimer.html#INSTALL http://211.155.231.249:8009/java http://localhost:8080/index.html#bottom ftp://166.111.233.143/java/ 5. HTTP 协议 HTTP 是 HyperText Transfer Protocol（超文本传输协议）的简写，它是 TCP/IP 协议 的一个应用层协议。是 Web 应用所使用的主要协议。 客户端通过 HTTP 协议向服务器端发送的数据，我们称之为请求消息，反之则为响 应消息。 特点：无状态，服务器端不会专门为客户端保存信息。 请求包括：请求头和请求数据； 响应包括：状态码、响应头和响应数据。 6. Web 应用访问处理过程 教学组织 过程 4 （5 分钟） 教学设计： 简要介绍 Web 系统开发常采用的技术，及本课程将采用哪些技术。 思政元素：强调自主创新和知识产权的重要性，鼓励学生参与开源项目或自主研发。 1.2 Java Web 开发的主要技术 1. HTML、CSS、JavaScript 等前端技术 这些前端技术在前导课程中已学习，请学生们课下复习。 2. ASP.net、PHP、JSP 3. MVC 设计模式 MVVM 等 4. 框架：SSH、SSM、SpringBoot 等 5. 本课程将采用的 Web 技术： JSP：完成输入输出 Servlet：系统流程控制 JavaBean：完成核心功能 JDBC：完成与数据库的交互
教学设计：“工欲善其事，必先利其器”，本节介绍课程中进行Web系统开发所使用的工具。思政元素：程序是否能正常运行需要环境，引申到个人成功与整个社会发展的关系。思政元素：强调使用开源或正版软件，引导学生思考软件技术与社会生活的关系，关注软件技术的偷与法律问题，激发学生的社会责任感。1.3JavaWeb开发环境本课程进行JavaWeb应用开发，将使用的开发软件有：JDK、EclipseforJavaEE、Tomcat、MySQL等，而前端页面的开发，同学们可根据自己的习惯选择使用DW或HBuilder等软件。当然开发软件同学们也可根据自己的习惯来选用其他集成环境或服务器等。1.3.1JDKJDK是Java语言的软件开发工具包，是整个Java开发的核心，主要用于PC设备、移动设备、嵌入式设备上的Java应用程序的开发。Java各种集成开发工具JavaRuntin是运行JAVA程序所必须的环境集合。(JCreator/Ecllpse/JBullder/NetBeans等）包括了java虚拟机、java的核心类库（如java.lang、java.util等）和支持文件JDK(开发工具包）JRE（运行环境）运行时类库教学组织它解释和执行Java字节码的程序，屏JVM(Java虚拟机）过程 5 敲了与其体操作系统平台相关的信息使得Java程序只需生成在Java虚拟机OS操作系统(40分钟)上运行的目标代码（字节码）就可以在多种平台上不加修改地运行，实现了java的平台无关性1.3.2Eclipse1.3.3Tomcat服务器1.Web服务器WebServer，即网页服务器，也称为WWW服务器，主要功能是提供网上信息浏览服务。主要功能有二：一是接收用户的Web请求然后提交给应用服务器；二是把应用服务器执行的结果返回给用户。常见的Web服务器有：Apache，IIS，Tomcat2.应用服务器主要功能是根据用户的请求选择合适的文件加载执行，并把执行的结果返回给Web服务器。常见的应用服务器有：ApacheTomcat，BeaWeblogic，IBMWebsphere，JBoss等。Tomcat服务器是一个免费的开放源代码的Web应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP程序的首选。1.3.4 MySQLMySQL是一个开源的关系型数据库管理系统，由瑞典MySQLAB公司开发，目前属于Oracle旗下产品。MySQL是最流行的关系型数据库管理系统之一，在Web应用方5
5 教学组织 过程 5 (40 分钟) 教学设计： “工欲善其事，必先利其器”，本节介绍课程中进行 Web 系统开发所使用的工具。 思政元素：程序是否能正常运行需要环境，引申到个人成功与整个社会发展的关系。 思政元素：强调使用开源或正版软件，引导学生思考软件技术与社会生活的关系， 关注软件技术的偷与法律问题，激发学生的社会责任感。 1.3 Java Web 开发环境 本课程进行 Java Web 应用开发，将使用的开发软件有：JDK、Eclipse for JavaEE、 Tomcat、MySQL 等，而前端页面的开发，同学们可根据自己的习惯选择使用 DW 或 HBuilder 等软件。当然开发软件同学们也可根据自己的习惯来选用其他集成环境或服务 器等。 1.3.1 JDK JDK 是 Java 语言的软件开发工具包，是整个 Java 开发的核心，主要用于 PC 设备、 移动设备、嵌入式设备上的 Java 应用程序的开发。 1.3.2 Eclipse 1.3.3 Tomcat 服务器 1. Web 服务器 Web Server，即网页服务器，也称为 WWW 服务器，主要功能是提供网上信息浏览 服务。主要功能有二：一是接收用户的 Web 请求然后提交给应用服务器；二是把应用服 务器执行的结果返回给用户。常见的 Web 服务器有：Apache，IIS，Tomcat 2. 应用服务器 主要功能是根据用户的请求选择合适的文件加载执行，并把执行的结果返回给 Web 服务器。常见的应用服务器有：Apache Tomcat，Bea Weblogic，IBM Websphere，JBoss 等。 Tomcat 服务器是一个免费的开放源代码的 Web 应用服务器，属于轻量级应用服务 器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试 JSP 程 序的首选。 1.3.4 MySQL MySQL 是一个开源的关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前 属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 Web 应用方