JavaWeb速通

学习目标：

  1. 项目需要自己写Java后端API
  2. 自己写学年设计

学习参考：黑马程序员2023新版JavaWeb开发教程，实现javaweb企业开发全流程（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）_哔哩哔哩_bilibili

理由：

  1. Vue + Spring Boot + MyBatis
  2. 学完刚好项目
  3. 40h，没有过时知识点，高效

时间规划：

  • [ ] 1. HTML/CSS
  • [ ] 2. JS/Vue
  • [ ] 3. Vue/Element
  • [ ] 4. Maven/Spring Boot Web入门
  • [ ] 5. Spring Boot Web 请求响应
  • [ ] 6. MySQL
  • [ ] 7. MySQL
  • [ ] 8. MySQL/Mybatis入门
  • [ ] 9. Mybatis
  • [ ] 10. Spring Boot Web案例
  • [ ] 11. Spring Boot Web案例
  • [ ] 12. 登录认证
  • [ ] 13. AOP
  • [ ] 14. Spring Boot 原理
  • [ ] 15. maven高级

一，前端

HTML：网页结构

CSS：网页样式

JS：网页行为

1.1 HTML/CSS

1.1.1 html入门体验

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>HTML 快速入门</title>
    </head>
    <body>
        <h1>Hello HTML</h1>
        <img src="1.png">
    </body>
</html>

特点

  1. 不区分大小写
  2. 不区分“”和‘’
  3. 语法不严格

收获：

image-20230514155031253

1.1.2 VS Code

  1. 写好了直接Alt + B快捷键打开浏览器预览

  2. Ctrl + +/-调整视图缩放

  3. 设置了，VS Code 自动保存和自动格式化

1.1.3 Demo：新浪新闻

CSS引入：

行内/头部/单独文件

CSS选择器：

image-20230515224740492

二，后端