JavaWeb

老实人小陈

已于 2024-07-03 17:52:58 修改

阅读量596

点赞数 20

文章标签：前端 javascript

于 2023-12-04 13:55:41 首次发布

本文链接：https://blog.csdn.net/m0_46504084/article/details/134227440

版权

src

绝对路径和相对路径

水平线标签<hr>

css引入方式

外联引入的时候需要link css文件

css选择器

优先级id>类>元素

超链接

正文排版

css中的盒子模型

div和span标签

表格标签table

表单标签

form

JavaScript

js引入方式

js基础语法

输出语句

变量

Array数组

属性方法

String

Json对象

Window

confirm()-对话框--确认（true）取消（false）

setinterval()周期性的执行某个函数

setTimeout()延时执行一次某个函数

Location

DOM对象

DOM获取windonw对象的方式

DOM练习

<body>
    <img id="light" src="img/off.gif"> <br>

    <div class="cls">传智教育</div>   <br>
    <div class="cls">黑马程序员</div> <br>

    <input type="checkbox" name="hobby" > 电影
    <input type="checkbox" name="hobby"> 旅游
    <input type="checkbox" name="hobby"> 游戏
    <br>
    
    <script>
        
        //1. 点亮灯泡
    
        //2. 将所有的 div 标签的标签体内容替换为 非常好

        //3. 使所有的复选框呈现被选中的状态

        var light=document.getElementById('light')
         var light=document.getElementById('light')
         light.src="img/on.gif"

        var divs=document.getElementsByTagName('div')
         for(let index = 0; index < divs.length; index++) {
            const div = divs[index];
            
            div.innerHTML+="<font color='red'>very good</font>"
        }
    
        var hobbies=document.getElementsByTagName('input')
        for (let index = 0; index < hobbies.length; index++) {
            const element = hobbies[index];
            element.checked=true
        }

    </script>
</body>
</html>

事件绑定

常见事件

Vue

常用指令

生命周期

Ajax

Axios

简化版

vue项目目录结构

Element组件库

Vue组件三大部分： template、script、style

一文读懂Vue组件三大部分： template、script、style-CSDN博客

nginx部署

Maven

maven是管理java的工具

Maven坐标

依赖传递

排除依赖

依赖范围

生命周期

Http响应状态码

SpringBoot

SpringBoot接收简单参数

@RequestParam

方法形参与请求参数不匹配，可以用@RequestParam完成映射。

获取简单参数的总结

实体参数

数组集合参数

JSON

路径参数

三层架构

IOC和DI

@Component与@Autowired

Bean的声明

@SpringBootApplication具有包扫描作用，默认扫描当前包及其子包

DI细节

MYSQL

sql简介

sql分类

DDL基本语句

表

分组查询

排序查询

判断语句

物理外键（白学）

事务

四大特性

索引

MYSQL数据库默认的索引结构是B+树

Mybatis

JDBC

lombok

参数占位符

sql注入，参数成为sql语句的一部分。

插入时传递参数较多，可以选择传递一个User对象，写法如上。

数据封装

第三种配置写在application.properties中

XML映射文件

如果是简单的增删改查个功能，建议使用Mybatis注解。如果需要实现复杂的SQL功能，建议使用XML配置语句。

动态SQL

可以对传入参数的值进行判断再进行查询操作，灵活性好。

SpringBoot开发

开发规范Restful

注解

 @DeleteMapping("/depts/{id}")
    //注解@PathVariable用于delete方法中的参数id绑定路径变量{id}，从而达到接收数据的目的
    public Result delete(@PathVariable Integer id){
    log.info("根据id删除部门:{}",id);
    deptService.delete(id);
    return Result.success();
    }

 @PostMapping("/depts")
    public Result add(@RequestBody Dept dept){//用RequestBody注解 将传来的json数据用实体类Dept接收
        log.info("新增部门{}",dept);
        deptService.add(dept);
        return Result.success();
    }