基本信息

教材
参考资料
考核
- 平时成绩(30/40)
  - 考勤
  - 作业
  - 实验
  - 问答
- 考试(70/60)

作业验收标准

等级	要求
A	实验内容调试正确、报告撰写完整、准确、口头问答回复准确
B	实验内容部分未完成、报告缺少部分内容、口头问答回复有部分不准确
C	实验内容大部分未完成、报告缺少大部分内容、口头问答回复大部分不准确
D

作业验收流程
1. 报告在实验前的周天晚上10点由班长统一发给我，逾期起评分降一档
2. 实验课未完成验收，逾期起评分降一档
3. 附加训练报告在实验最后一天晚上10点由班长统一发给我，逾期起评分降一档
4. 未经过验收的报告不予认可
试题结构

题型比重

选择题 20×1=20

填空题 20×1=20

编程题 10×6=60

内容概要

目标

掌握基于web技术的信息管理系统（为主）构建理论、技术、工具与方法

术语	定义	主要操作
数据管理	管理业务数据	CRUD
数据库管理	使用数据库管理数据	CRUD
基于Web的数据库管理系统	使用web技术构建数据管理系统	CRUD

知识体系

Web应用通过浏览器前端界面采集数据，通过HTTP/HTTPS协议将数据发送至后端服务器，后端接收并解析数据后执行业务逻辑处理，再与数据库进行交互完成数据的查询、新增、修改或删除操作，数据库将执行结果返回给后端，后端对结果进行封装后通过响应返回前端，最后前端解析并渲染数据，将最终内容展示给用户，完成一次完整的数据流转过程。

Web应用开发主要包括：前端界面设计与实现（前端）、后端服务器设计与实现（后端）、数据库设计与实现（数据库）。

前端页面由Html语言定义结构，形成基本框架，使用Css美化页面外观样，用JavaScript定义交互。利用Bootstrap、jQuery、Vue.js、ElementUI等框架技术提高开发效率。使用Visual Studio Code等IDE工具进行代码编写与调试。

graph LR subgraph 前端三大核心 A[HTML
超文本标记语言] -->|结构层：页面骨架| B[CSS
层叠样式表] B -->|样式层：外观美化| C[JavaScript
脚本语言] C -->|行为层：交互动态| D[浏览器
渲染引擎] end %% 功能描述 A1[定义标题/段落/图片/表单等页面元素] --> A B1[设置颜色/字体/布局/动画/响应式] --> B C1[处理点击/输入/请求数据/动态修改页面] --> C %% 样式标注 style A fill:#fef7fb,stroke:#e8c4e8,stroke-width:2px style B fill:#f0f8fb,stroke:#b8d6e8,stroke-width:2px style C fill:#fef2e0,stroke:#f6d8c0,stroke-width:2px style D fill:#f5fafe,stroke:#90caf9,stroke-width:2px

后端采用Tomcat为服务容器，用基于Java语言的JSP技术实现业务逻辑处理，与数据库进行交互。或利用Spring Boot、Spring MVC等框架技术实现业务逻辑控制；使用Freemarker模板引擎渲染页面；采用Mybatis框架与数据库进行交互。使用STS 5等IDE工具进行代码编写与调试。

知识体系结构图

应用类型

案例

课程主要技术示例围绕学生选课管理系统展开。该系统主要包含三个表：学生表（学号，姓名，性别，年龄，所在系），课程表（编号，课程名，先修课，学分），学生-选课表（课程号，学号，成绩）。

Student（No，Name，Gender，Age，Dep），Course（No，Name，PreNo，Credit），Student-Course（CourseNo，StuNo，Grade）

erDiagram Student { varchar No varchar Name varchar Gender int Age varchar Dept } COURSE { varchar No varchar Name varchar PreNo int Credit } STUDENT_COURSE { varchar CourseNo varchar StuNo float Grade } Student ||--o{ STUDENT_COURSE : Selects COURSE ||--o{ STUDENT_COURSE : IsSelectedBy

题型	比重
选择题	20×1=20
填空题	20×1=20
编程题	10×6=60