团子和蛋糕的笔记把每一次点亮都记下来

JavaWeb课程导学

2025 版 JavaWeb+AI 课程导学：AI 时代的开发方式、什么是 Web、课程 6 大部分与每部分的 AI 切入点、课程特色与收获

Web前端初识

网页由文字图片视频音频超链接组成，前端代码经浏览器内核解析渲染才变成网页；Web 标准三件套 HTML/CSS/JS 分别管结构、表现与行为

HTML快速入门

HTML 是超文本标记语言，标签由浏览器解析；掌握基本骨架（head/body）、标签语法结构、注释与书写规范，做出第一个网页

前端开发工具-VSCode

VS Code 是微软的代码编辑器，前端开发主力工具；安装路径不能有中文和空格，装完还要装插件，快捷键跟 IDEA 保持一致

HTML常见标签

央视新闻案例里用到的常用标签——标题、超链接、图片、音视频、段落与换行、文本处理标签、字符实体、div/span 布局标签，以及 src 里资源路径的写法

CSS引入方式与颜色

CSS 的三种引入方式（行内/内部/外部）及适用场景、颜色的四种表示法与 color 属性，以及控制段落外观的 line-height、text-indent

CSS选择器

选择器用来"点名"要设样式的元素：元素/类/id/分组/属性/后代六类选择器的写法与示例、id>类>元素的优先级，以及案例里给标题区挑元素的做法

CSS盒子模型

页面里每个元素都是一个盒子：content/padding/border/margin 四层结构、padding/border/margin 的四种简写写法与按方位单独设置、box-sizing 决定宽高算哪一层

Flex弹性布局

flex 是一维布局模型，给父容器加 display flex 就能控制子元素的位置——flex-direction 定主轴、justify-content 五个取值定对齐方式，用来做"标题居左、退出登录居右"的顶部导航栏

HTML表单与表格标签

表单负责采集数据（form 的 action/method、GET 与 POST 的区别、表单项必须有 name）、输入框/下拉列表/文本域的各种写法，以及表格的 table/thead/tbody/tr/th/td 结构

部门管理-新增、修改、删除

给 99 篇那个只能看的部门列表补上能改的本事——一个对话框同时承担新增与修改（靠数据里有没有 id 分流）、用定义规则加绑定表单项加注册引用三步做表单校验、再用确认框拦住危险删除，附本机实测的校验红字与确认框现场

员工管理-条件分页查询

第 17 章把 Tlias 前端实战推进到员工管理——先照原型把搜索栏、按钮、表格、分页条四块搭出来，再用 watch 侦听器把日期范围数组拆成 begin 和 end 两个字段喂给接口，最后把页面加载完、点查询、翻页改条数这三条交互都接到同一个查询函数上，附本机实测的 10 行数据与共 30 条的分页条