计算机学院《基于Web的应用程序开发》教学大纲
课程代码： B2083243 英文名称： Web-based Application Development
课程学时： 44（32+12） 适用专业： 软件工程
先修课程： Java程序设计语言、数据库原理及应用、计算机网络
一、课程性质及目标
《基于Web的应用程序开发》是软件工程专业的一门专业必修课，是一门涉及网络、数据库、交互设计等的交叉性专业课程。本课程在Web理论的基础上，更注重Web软件开发技能的培养，为学生进行Web工程开发打下重要基础。通过理论教学、实验和综合系统的开发训练使用学生具备Web前端界面设计和后端服务开发的能力，实现以下课程目标：
课程目标1：理解Web应用基本原理、开发过程以及应用场景；
课程目标2：掌握Html、Javascript、CSS等前端基础开发技术；了解jQuery、Bootstrap等框架技术；掌握基于框架技术的前端界面开发方法；
课程目标3：掌握基于JSP的Web后端开发技术；了解Spring MVC、MyBatis、Freemarker等框架技术原理；熟悉MVC设计模式；掌握基于框架技术的后端服务开发方法；
课程目标4：能够独立完成Java Web应用程序的开发和部署。
二、教学内容及基本要求
1.HTML
熟悉Http协议；了解前后端协作机制；熟悉Web技术应用场景；掌握Html页面结构；掌握Html基本语法；掌握常见Html元素；掌握表单编写。
重点：Html常见元素
难点：Http协议
2.Css
掌握Css样式规则；掌握常见样式属性；掌握Css、Html结合方法。
重点：样式规则
难点：选择器
3.Javascript
掌握Javascript基础类型；掌握Javascript语法；掌握流程控制语法；掌握函数语法；熟悉DOM结构及操作；了解TypeScript。
重点：Javascript语法
难点：DOM操作
4.1前端框架技术-门户类
熟悉jQuery语法；掌握jQuery选择器、事件、DOM操作、动画等；了解Bootstrap框架使用方法；了解Bootstrap常见组件；
重点：jQuery常见类型的选择器
难点：jQuery动画原理
4.2前端框架技术-应用类
熟悉MVVM设计模式；掌握Vue.js语法；掌握双向绑定语法；掌握页面组件开发技术；了解Webpack打包；了解Element+框架使用方法；了解Element+常见组件。
重点：Vue.js语法
难点：Webpack打包原理
5.JSP基础
了解JSP文件的组成；掌握JSP脚本元素；掌握JSP注释方式；掌握JSP指令元素；掌握JSP动作元素的相关知识；了解Web服务器基础配置。
重点：JSP语法
难点：Bean的使用
6.JSP内置对象
掌握内置对象的概念；掌握请求对象request作用以及该对象中的常用方法；掌握响应对象response作用以及该对象中的常用方法；掌握会话对象session作用以及该对象中的常用方法；掌握多客户端共享对象application作用以及该对象中的常用方法；掌握对象application与对象session的区别；掌握页面对象page和页面上下文对象pageContext作用以及该对象中的常用方法；掌握输出对象out、配置对象config、异常对象exception作用以及该对象中的常用方法。
重点：各内置对象的用法
难点：各内置对象的作用域
7.Servlet组件技术
了解动态网站开发的相关技术；理解 Servlet 的运行原理及生命周期；掌握 Servlet 的编写及部署；掌握 Servlet 对表单数据的处理；掌握 Servlet 对Http 请求报头的处理；熟悉Filter编写规范。
重点：Servlet开发方法
难点：Filter Chain
8.后端框架技术-Spring MVC
掌握Sprint Boot开发方法；了解Spring工作原理；了解Spring核心概念；理解Maven依赖管理原理；理解Spring MVC运行原理；掌握Spring MVC构建Web服务的方法。
重点：Spring MVC构建Web服务的方法
难点：依赖管理
9.后端框架技术-MyBatis数据操作
了解MyBatis框架运行原理；理解ORM框架工作原理；理解MyBatis访问数据的基本流程；掌握实体定义方法；掌握MyBatis数据访问接口定义方法；掌握MyBatis中定制SQL语句的方法；了解Spring Boot集成MyBatis的方法。
重点：MyBatis访问数据的基本流程
难点：ORM框架工作原理
10. Freemarker
理解模板引擎工作原理；了解Freemarker模板基础语法；了解Freemarker常见内置函数；了解Spring Boot集成Freemarker的方法；
重点：Freemarker基础语法
难点：模板引擎工作原理
11.基于SSM的学生信息管理信息系统开发
通过完整教学安全，熟悉Web系统需求分析、设计、开发、测试等各个环节。
重点：系统设计
难点：需求分析
三、实验、上机、设计、作业、辅导等教学环节要求
实验一 HTML 的常用标签
2学时认知型实验
目的：
-
掌握字体、字型、字号、颜色的设置。
-
掌握段落的控制以及链接的标签和图像标签。
-
掌握表格的制作。
实验二 CSS样式的使用
2学时设计实验
目的：
-
掌握新建和应用CSS样式表；
-
运用CSS样式的经典实例整体布局网站；
-
结合Div设计网站布局。
实验三 网页中的javascript
2学时设计型实验
目的：
-
理解JavaScript语言的交互性和动态性；
-
掌握如何利用JavaScript语言制作网页特效
实验四 JSP的隐含对象
2学时设计型实验
目的：
-
掌握对JSP各隐含对象的功能；
-
掌握JSP隐含对象的使用方法。
实验五 JSP访问数据库
2学时设计型实验
目的：
-
了解JSP操作数据的方法；
-
掌握JDBC编程方法。
实验六 编写JAVA Servlet；
2学时设计型实验
目的：
- 掌握JAVA的Servlet程序的编写方法。
实验七 Spring Boot创建Web服务
2学时设计型实验
目的：
- 掌握基于SSM的后端开发技术。
四、学时分配及说明
学时分配表
| 序号 | 知识点 | 课内讲授 | 教学各环节(上机) | 备注 |
|---|---|---|---|---|
| 1 | HTML | 2 | 1 | |
| 2 | Css | 2 | 1 | |
| 3 | Javascript | 4 | 2 | |
| 4 | 前端框架技术 | 4 | ||
| 5 | JSP基础 | 4 | 2 | |
| 6 | JSP内置对象 | 4 | 2 | |
| 7 | Servlet组件技术 | 4 | 2 | |
| 8 | 后端框架技术 | 6 | 2 | |
| 9 | 综合案例分析 | 2 | ||
| 合计 | 32 | 12 |
五、本课程与其他课程的联系
先修课1：Java；本课程中后端部分（即知识点5~7）主要使用Java语言编写代码，需要具备扎实的Java语言编程能力。
先修课2：数据库原理及应用；后端开发程序中需使用数据库存储数据，必须有数据库相关知识为支撑。
先修课3：计算机网络；前后端通过Http协议进行网络通讯，对网络协议的熟悉有助于理解·Web系统运行逻辑有重要
六、教学方法与教学手段
本课程主体采用理论教学和上机实验的方式开展，在各课题展开过程中会设计一系列贯穿性的小作业，将一个完整系统案例的开发分解到各个课题的练习当中。
七、考核方法
《基于Web的应用程序开发》是一门考查课，课程考核由期末考试、平时作业及实验等几个部分组成。其中期末考试采取开卷形式进行考核，实验成绩随堂进行评分。各部分所占比例如下：
平时作业成绩：25%。主要考核各课题基础知识的掌握程度及考勤情况。
实验成绩：15%。主要考核各课题知识点的基础应用能力。
期末考试成绩：60%。主要考核课程各知识点的掌握程度。书面考试形式。题型为：选择题、填空题、解答题等。
八、使用说明
本课程建议理论学时为44学时，其中上机实验为12学时。对于倾向理论的教学对象可适当削减实验学时，将部分任务转换到平时作业之中，但总学时不应少于32。教学内容编排方面，前端技术中除Html、Javascript、CSS外，可根据需要选择偏门户类框架或偏应用类框架。后端部分在JSP基础之上介绍基于Spring Boot的Web开发技术。讲解顺序可按先前端再后端，先基础技术后框架技术的顺序安排。