HTML前端笔记Day10

一，Maven 1,概述

目前我们管理jar包的方式: 搜jar包 , 下载 , 存放jar包 , 导入jar包, 编译jar包…太复杂
用Maven来管理jar包,帮我们处理以上所有流程.

1.仓库 

远程仓库/中央仓库: 本质上就是一个 国外的 网址
镜像仓库: 本质上就是一个 国内的 网址,网站上存了去中央仓库下载好的jar包,常用的是阿里云
本地仓库: 就是你在电脑里创建的一个文件夹,存放从镜像仓库中下载的jar包D:Javamavenresp

2,坐标: 能够快速定位jar包 

groupId: 组id,通常值是公司域名
artifactId: 项目id,通常值是项目名称
version: 版本

3.依赖 

项目的运行需要依赖jar包,jar包间也有依赖关系.
使用dependency来指定需要的jar包坐标

4.命令

clean: 清除maven缓存
install: 安装

2,使用步骤 1, 解压apache-maven-3.6.3.rar 2, 打开解压好的文件夹,里面有一个conf,再里面有一个settings.xml 3, 在settings.xml中进行配置, 镜像仓库和本地仓库

  
  D:Javamavenresp


  

  

  
  
    
  

  
  
    
  

  
  
    

    
  

  
  
    
      
	

	
	
		ali
		ali Maven
		*
		https://maven.aliyun.com/repository/public/
	
	
  

  
  
    

    
    
  

  

3,把Maven整合到IDEA中

二,在IDEA中创建Maven工程 1,步骤

File -New -Project -选中Maven -next -设置项目名称并设置公司域名 - Finish

2,项目结构

 3,配置maven

 三,使用Maven工程 1,修改pom.xml

    4.0.0
    cn.tedu
    cgb2109maven02
    1.0-SNAPSHOT
    
    
        
        
            
            mysql
            
            mysql-connector-java
            
            5.1.48
        
    

 2,创建测试类

 

package cn.tedu.test;
//测试 jdbc:导入jar包
//以前:找到jar包,复制到工程中,编译jar包
//现在:直接在pom.xml文件中,添加了jar包的依赖,maven自动下载自动保存自动编译
public class Test1 {
    public static void main(String[] args) throws ClassNotFoundException {
        //1,注册驱动
        Class.forName("com.mysql.jdbc.Driver");
        System.out.println(100);
    }
}

 扩展1:Filter过滤器 1,概述

用来过滤请求或者响应
当A请求B时,可以在中间添加一个过滤器
当A给B做出响应时,可以在中间添加一个过滤器

2,使用步骤 

1, 创建类implements Filter接口
2, 重写抽象方法doFilter
3, 能否触发过滤器

3,创建过滤器 

package cn.tedu.filter;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import java.io.IOException;
//创建过滤器:implements Filter+重写抽象方法
@WebFilter("
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

3,使用ElementUI,修改Person.vue文件

4,测试

重启Vue项目,然后直接访问http://localhost:8080/#/ 看看元素成功展示就可以了.

 

 组件 | Elementhttps://element.eleme.cn/#/zh-CN/component/button