- 知识预备Java注解
- 1.什么是注解（annotation）
- 2.项目携带信息的方式
- 2.元注解（meta-annotation）与自定义注解
- 一、Vue前端页面开发
- 1.vue安装
- 二、后端部署
- 2.1
- 2.1.1.先新建过程
- 2.2.2里面内容简单配置一下
- 2.2.3定义返回类result和API操作码
- 2.2.4后端对跨域请求的解决CorsConfig
- 2.2.5 编写实体类entity中的user
本地环境搭建 ：nodejs安装、npm安装 知识预备Java注解 1.什么是注解（annotation）
Java 注解是在 JDK5 时引入的新特性，注解（也被称为元数据）为我们在代码中添加信息提供了一种形式化的方法，使我们可以在稍后某个时刻非常方便地使用这些数据。
注解类型定义指定了一种新的类型，一种特殊的接口类型。
既然注解是一种特殊的接口，那么关键词@interface的写法也就表示注解的特殊性，来区分注解的定义和普通的接口声明。
程序可以通过反射来获取指定程序元素的注解对象，然后通过注解对象来获取注解里面的元数据。注解可以用于创建文档，跟踪代码中的依赖性，甚至执行基本编译时检查。
通俗的说，通过反射得到类里的各种注解信息，比如注解下的字段和属性方法，然后就可以根据这些信息执行特定的代码。
在框架里面使用注解的多，因为注解中的代码都已经实现过了，知道注解含义拿来用就完事了
2.项目携带信息的方式-
通过注解来携带信息,然后通过反射来读取信息
-
通过文件来携带信息,然后通过IO来读取信息
我们还可以自定义注解，在JDK 1.5中提供了4个标准的用来对注解类型进行注解的注解类，我们称之为元注解。
我们可以使用这4个元注解来对我们自定义的注解类型进行注解，接下来，我们挨个对这4个元注解的作用进行介绍。
-
@Target注解：描述注解的使用范围，说明被Target修饰的注解可以用在什么地方
-
@Retention注解：描述注解保留的时间范围（被Retention描述的注解在它所修饰的类中可以被保留到何时） 。
-
@Documented注解：描述在使用 javadoc 工具为类生成帮助文档时是否要保留其注解信息
-
@Inherited注解：使被它修饰的注解具有继承性（如果某个类使用了被@Inherited修饰的注解，则其子类将自动具有该注解）
对于元注解的应用，在这里我们就不过多介绍，这里只是说一下元注解的定义和作用意义，想要学习元注解怎么用的可以去自行学习一下。
一、Vue前端页面开发 1.vue安装- vue.js安装
我们之前已经安装好了nodejs和npm，要安装vue.js，CMD输入
npm install vue -g
- vue-router安装
我们之前已经安装好了nodejs和npm，要安装vue-router，CMD输入
npm install vue-router -g
- vue-cli 3 脚手架安装（内置webpack）
现在我们来安装vue-cli的开发脚手架,CMD输入
npm install vue-cli -g
- 利用CMD命令行，输入下面的命令，对vue的版本进行查看
vue -V二、后端部署 2.1 2.1.1.先新建过程
1、先运行会出现URl错误,
2.然后对srcmainresourcesapplication.properties，进行数据库配置
3.配置pom.xml
server.port=8088 spring.datasource.url=jdbc:mysql://localhost:3306/testblog?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=UTC spring.datasource.username: root spring.datasource.password: 123456 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.thymeleaf.cache=false
2.2.3定义返回类result和API操作码4.0.0 org.springframework.boot spring-boot-starter-parent 2.6.7 com.juejin logindemo 0.0.1-SNAPSHOT logindemo Demo project for Spring Boot 1.8 com.baomidou mybatis-plus-boot-starter 3.2.0 com.baomidou mybatis-plus-generator 3.2.0 mysql mysql-connector-java org.springframework.boot spring-boot-starter-data-jdbc org.springframework.boot spring-boot-starter-security org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-devtools runtime true org.projectlombok lombok true org.springframework.boot spring-boot-starter-test test org.springframework.security spring-security-test test org.springframework.boot spring-boot-starter-test test org.junit.vintage junit-vintage-engine org.springframework.boot spring-boot-maven-plugin org.projectlombok lombok src/main/java ***.xml ***.yml ***.xml false
package com.juejin.logindemo.api; public class CommonResult{ private long code; private String message; private T data; protected CommonResult() { } protected CommonResult(long code, String message, T data) { this.code = code; this.message = message; this.data = data; } public static CommonResult success(T data) { return new CommonResult (ResultCode.SUCCESS.getCode(), ResultCode.SUCCESS.getMessage(), data); } public static CommonResult success(T data, String message) { return new CommonResult (ResultCode.SUCCESS.getCode(), message, data); } public static CommonResult failed(IErrorCode errorCode) { return new CommonResult (errorCode.getCode(), errorCode.getMessage(), null); } public static CommonResult failed(String message) { return new CommonResult (ResultCode.FAILED.getCode(), message, null); } public static CommonResult failed() { return failed(ResultCode.FAILED); } public static CommonResult validateFailed() { return failed(ResultCode.VALIDATE_FAILED); } public static CommonResult validateFailed(String message) { return new CommonResult (ResultCode.VALIDATE_FAILED.getCode(), message, null); } public static CommonResult unauthorized(T data) { return new CommonResult (ResultCode.UNAUTHORIZED.getCode(), ResultCode.UNAUTHORIZED.getMessage(), data); } public static CommonResult forbidden(T data) { return new CommonResult (ResultCode.FORBIDDEN.getCode(), ResultCode.FORBIDDEN.getMessage(), data); } public long getCode() { return code; } public void setCode(long code) { this.code = code; } public String getMessage() { return message; } public void setMessage(String message) { this.message = message; } public T getData() { return data; } public void setData(T data) { this.data = data; } }
package com.juejin.logindemo.api;
public interface IErrorCode {
long getCode();
String getMessage();
}
package com.juejin.logindemo.api;
public enum ResultCode implements IErrorCode {
SUCCESS(200, "操作成功"),
FAILED(500, "操作失败"),
VALIDATE_FAILED(404, "参数检验失败"),
UNAUTHORIZED(401, "暂未登录或token已经过期"),
FORBIDDEN(403, "没有相关权限");
private long code;
private String message;
private ResultCode(long code, String message) {
this.code = code;
this.message = message;
}
public long getCode() {
return code;
}
public String getMessage() {
return message;
}
}
2.2.4后端对跨域请求的解决CorsConfig
package com.juejin.logindemo.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Configuration
public class CorsConfig {
private CorsConfiguration buildConfig() {
System.out.println("222222222222");
CorsConfiguration corsConfiguration = new CorsConfiguration();
corsConfiguration.addAllowedOrigin("*"); // 1
corsConfiguration.addAllowedHeader("*"); // 2
corsConfiguration.addAllowedMethod("*"); // 3
return corsConfiguration;
}
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", buildConfig()); // 4
return new CorsFilter(source);
}
}
2.2.5 编写实体类entity中的user
大家都知道springboot的业务逻辑：
实体类User从controller中根据service中的逻辑在mapper接口中和数据库交互这个逻辑
我们，先写实体类Dao/entity，规定好用户实体的基本方法，随后根据登录功能开发对应的mapper接口和数据库操作即为mapper对应的xml，写好之后，再写基本的service层里面的service接口以及对service的实现（即为Impl），最后，写登录的controller，说简单也简单，说困难也困难。
