前后端分离跨域请求

前端使用的是react，后端使用的是springboot

1.后端跨域请求的三种方式

a.使用CrosFilter实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@Configuration
public class CrosConfig {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("http://localhost:3000");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.setMaxAge(3600L);
        corsConfiguration.setAllowCredentials(true);
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**",buildConfig());
        return new CorsFilter(source);
    }
}

more >>

展开全文 >>

SpringBoot常用注解 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
@SpringBootApplication:来标注一个主程序类，说明这是一个Spring Boot应用
@ResponseBody:向浏览器返回页面信息，可以是json格式
@RequestMapping("/hello"):请求访问的路径
@Controller:表明是一个控制器，将其注入到容器中
@RestController：就是@Controller和 @ResponseBody的结合

@SpringBootConfiguration：表示被标注的类是SpringBoot的配置类
@Configuration：表明被配置的类是一个配置类
@Componment：将组建加入容器，进行使用
@EnableAutoConfiguration：开启自动配置功能，不需要手动配置，SpringBoot会自动配置。
@AutoConfigurationPackage：自动配置包，定义默认的包扫描规则 
@Import({Registrar.class})：import是Spring底层的注解，功能是给容器导入一个组件
@ConfigurationProperties(prefix = "person"）：告诉SpringBoot将本类中的所有属性和配置文件中相关的配置
进行绑定；prefix = "person"：配置文件中哪个下面的所有属性进行一一映射 

@Validated：进行数据验证的注解
@Value:进行单项属性值注入
@PropertySource：加载指定的properties配置文件,非默认的配置文件
@ImportResource：加载springboot不包含的外部的配置文件，比如.xml
@Bean：产生一个bean对象，交给spring管理，将方法的返回值添加到容器中；容
器中这个组件默认的id就是方法名 

@PostMapping(value = "/user/login")：相当于@RequestMapping以及设置请求方式为post
@DeleteMapping
@PutMapping
@GetMapping

@RequestParam("username")：设置获取页面传来的JSON对象的username属性
@RequestBody:解析前端传回的JSON字符串，将其变为JAVA对象
@Pathvariable：获取URL中的参数

@Mapper:注解Mybatis中的mapper接口
@MapperScan(value="包名")：在包名下的所有类都被认为添加了@Mapper，它是添加在程序入口类上的
@Options:配置一些选项，比如配置主键自增为true

@Entity:表明此类是一个实体
@Column(name = "last_name",length = 50) //这是和数据表对应的一个列
@id
@GeneratedValue(strategy = GenerationType.IDENTITY)//自增主键
@Order: 注解@Order或者接口Ordered的作用是定义Spring IOC容器中Bean的执行顺序的优先级，而不是定义Bean的加载顺序，Bean的加载顺序不受@Order或Ordered接口的影响

展开全文 >>

Java设计模式代码实现

创建型

1.单例模式
在单例模式的实现过程中，需要注意如下三点：
单例类的构造函数为私有；
提供一个自身的静态私有成员变量；
提供一个公有的静态工厂方法
优点：

  • 提供了对唯一实例的受控访问。因为单例类封装了它的唯一实例，所以它可以严格控制客户怎样以及何时访问它，并为设计及开发团队提供了共享的概念。
  • 由于在系统内存中只存在一个对象，因此可以节约系统资源，对于一些需要频繁创建和销毁的对象，单例模式无疑可以提高系统的性能。
  • 允许可变数目的实例。我们可以基于单例模式进行扩展，使用与单例控制相似的方法来获得指定个数的对象实例。
    缺点：
  • 由于单例模式中没有抽象层，因此单例类的扩展有很大的困难。
  • 单例类的职责过重，在一定程度上违背了“单一职责原则”。因为单例类既充当了工厂角色，提供了工厂方法，同时又充当了产品角色，包含一些业务方法，将产品的创建和产品的本身的功能融合到一起。
  • 滥用单例将带来一些负面问题，如为了节省资源将数据库连接池对象设计为单例类，可能会导致共享连接池对象的程序过多而出现连接池溢出；现在很多面向对象语言(如Java、C#)的运行环境都提供了自动垃圾回收的技术，因此，如果实例化的对象长时间不被利用，系统会认为它是垃圾，会自动销毁并回收资源，下次利用时又将重新实例化，这将导致对象状态的丢失。

a.饿汉式单例模式

1
2
3
4
5
6
7
8
9
10
11
12
public class Hungry {
    //构造方法私有
    private Hungry() {

    }
    // 一创建该类就直接new
    private static final Hungry HUNGRY=new Hungry();

    public static Hungry getInstance() {
        return HUNGRY;
    }
}

more >>

展开全文 >>

Mac使用心得

一、Mac基本快捷键操作

1.锁屏：command+control+q
2.复制：command+c
3.粘贴：command+v
4.撤销：command+z
5.剪贴：command+x
6.打开终端：command+space –>输入Terminal.app
7.全选：command+a
8.在方达中创建一个文件夹：shift+command+n
9.切换窗口：command+Tab
10.Option+Command+电源按钮：睡眠
more >>

展开全文 >>

设计模式基础

一、建模语言基础

0.UML图

a.用例图
用例图(Use Case Diagram): 又称为用况图，对应于用户视图。在用例图中，使用用例来表示系统的功能需求，用例图用于表示多个外部执行者与系统用例之间以及用例与用例之间的关系。

more >>

展开全文 >>

分布式项目

一、分布式架构

需要按照功能点把系统拆分，拆分成独立的功能工程，可以单独为某一个节点添加服务器，需要系统之间配合才能完成整个业务逻辑这就叫做分布式。

如图所示，把整个系统的功能模块独立出来，做成单独的系统，然后一起协同工作。对于单独的系统，可以对其功能以及性能做灵活的更改。
more >>

展开全文 >>

Spring Boot

一、Spring Boot入门

1.简介

Spring Boot是J2EE开发的一站式框架，简化Spring开发，整合Spring整个技术栈，包含Spring全家桶。

2.Spring Boot优点

1.快速创建独立运行的Spring项目以及与主流框架集成
2.使用嵌入式的Servlet容器，应用无需打成WAR包
3.starters自动依赖与版本控制
4.大量的自动配置，简化开发，也可修改默认值
5.无需配置XML，无代码生成，开箱即用
6.准生产环境的运行时应用监控
7.与云计算的天然集成

more >>

展开全文 >>

TotalVisits: | Visitors:

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

欢迎来到Zcoder的博客！！！