《Web系统开发》课程教学资源（教案讲义）第1章 Web系统开发简介.pdf_大学文库

课程简介教学设计：首先介绍本门课程的地位和目标、主要内容、考核方式和学习参考资料等，让学生对本课程有个大概的了解；接下来在线发放调查问卷，了解学生对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）示例：

教学设计：“工欲善其事，必先利其器”，本节介绍课程中进行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 应用方