码匠社区学习笔记(一)

已于 2022-04-20 10:44:11 修改
阅读量618 收藏 1
点赞数
文章标签： bootstrap maven spring boot
于 2022-04-19 17:45:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_wo7/article/details/124277263
版权

github授权登录由于网络原因时好时坏，所以切换成码云授权登录

所需资料

bootstrap资源文件存放地址
bootstrap

项目启动首页 index.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>码匠问题社区</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"/>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">码匠社区</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">码匠社区</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="搜索问题">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
<!--
                <li><a href="https://github.com/login/oauth/authorize?client_id=f1ed713b0c83d858937d&state=1">登录</a></li>
-->
                <li><a href="https://gitee.com/oauth/authorize?client_id={client_id}&redirect_uri={redirect_uri}&response_type=code
&state=1">登录</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">消息中心</a></li>
                        <li><a href="#">个人信息</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
</body>
</html>

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.1.4.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.majiang.community</groupId>
    <artifactId>community</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>community</name>
    <description>码匠问题社区</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>com.squareup.okhttp3</groupId>
            <artifactId>okhttp</artifactId>
            <version>4.9.3</version>
        </dependency>
        <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.8.0.M2</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>2.0.1</version>
        </dependency>
        <!--        mybatis-plus-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.2.0</version>
        </dependency>
        <!--    导入mysql驱动    -->
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <!-- https://mvnrepository.com/artifact/log4j/log4j -->
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.17</version>
        </dependency>
        <!--热部署配置-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

IndexController

package com.majiang.community.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class IndexController {
    @GetMapping("/")
    public String index(){
        return "index";
    }
    
}

在码云上创建第三方应用
创建应用
应用创建完成后会生成 Client ID 和Client Secret，后面授权登录会用到
在这里插入图片描述
用生成的client_id和redirect_uri(应用回调地址)替换之前的index.html中登录中href中的占位符
替换占位符
创建回调类 AuthorizeController

package com.majiang.community.controller;

import com.majiang.community.dto.AccessTokenDto;
import com.majiang.community.dto.GiteeUserDto;
import com.majiang.community.util.HttpClientUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

@Controller
public class AuthorizeController {
    Logger logger=LoggerFactory.getLogger(AuthorizeController.class);
    @Autowired
    private HttpClientUtil httpClientUtil;
    @Value("${gitee.client.id}")
    private  String client_id;
    @Value("${gitee.client.secrets}")
    private String client_secret;
    @Value("${gitee.redirect_uri}")
    private String redirect_uri;

    @GetMapping("/callBack")
    public String callBack(@RequestParam(name = "state")String state,
                           @RequestParam(name = "code")String code){
        AccessTokenDto accessTokenDto = new AccessTokenDto();
        accessTokenDto.setCode(code);
        accessTokenDto.setClient_id(client_id);
        accessTokenDto.setRedirect_uri(redirect_uri);
        accessTokenDto.setClient_secret(client_secret);
        accessTokenDto.setState(state);
		//1.获取access_token
        String access_token = httpClientUtil.httpResult(accessTokenDto);
        //2.通过access_token获取用户信息
        GiteeUserDto user = httpClientUtil.getUser(access_token);
        logger.info(user.getId()+" "+user.getLogin()+" "+user.getBio()+" "+user.getAvatar_url());
        return "index";
    }
}

将授权需要的参数封装成一个dto类 AccessTokenDto

package com.majiang.community.dto;



public class AccessTokenDto {
    private  String client_id;
    private String client_secret;
    private String code;
    private String redirect_uri;
    private String state;


    public String getClient_id() {
        return client_id;
    }

    public void setClient_id(String client_id) {
        this.client_id = client_id;
    }

    public String getClient_secret() {
        return client_secret;
    }

    public void setClient_secret(String client_secret) {
        this.client_secret = client_secret;
    }

    public String getCode() {
        return code;
    }

    public void setCode(String code) {
        this.code = code;
    }

    public String getRedirect_uri() {
        return redirect_uri;
    }

    public void setRedirect_uri(String redirect_uri) {
        this.redirect_uri = redirect_uri;
    }

    public String getState() {
        return state;
    }

    public void setState(String state) {
        this.state = state;
    }
}

码云返回的用户信息封装成一个类 GiteeUserDto

package com.majiang.community.dto;

/**
 *
 * 已经改成码云登录
 */
public class GiteeUserDto {
    private String login;
    private Long id;
    private String Bio;
    private String avatar_url;
    public String getLogin() {
        return login;
    }

    public void setLogin(String login) {
        this.login = login;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getBio() {
        return Bio;
    }

    public void setBio(String bio) {
        Bio = bio;
    }

    public String getAvatar_url() {
        return avatar_url;
    }

    public void setAvatar_url(String avatar_url) {
        this.avatar_url = avatar_url;
    }
}

用户授权和用户信息的实现（可以使用网上的工具包,这里使用的是hutool，okHttp,hutool）

package com.majiang.community.util;

import cn.hutool.http.HttpRequest;
import cn.hutool.http.HttpUtil;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.majiang.community.dto.AccessTokenDto;
import com.majiang.community.dto.GiteeUserDto;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

/**
 * @date 2022-04-15
 */
@Component
public class HttpClientUtil {
    Logger logger=  LoggerFactory.getLogger(HttpClientUtil.class);
    @Value("${gitee.access_token}")
    private String accessToken;
    @Value("${gitee.user.info}")
    private String userInfo;
    //获取access_token
    public String httpResult(AccessTokenDto accessTokenDto){
       //github url https://github.com/login/oauth/access_token
       //这里使用fastjson将一个对象转换成json字符串JSON.toJSONString(accessTokenDto)
        String result1= HttpUtil.post(accessToken, JSON.toJSONString(accessTokenDto));
        logger.info("码云授权结果access_token"+result1);
        JSONObject jsonObject = JSONObject.parseObject(result1);
        String  access_token = (String) jsonObject.get("access_token");
        logger.info("access_token:"+access_token);
        return access_token;
    }
    //获取用户信息
    public GiteeUserDto getUser(String token){
        //github https://api.github.com/user?token=
        String result2 = HttpRequest.get(userInfo + token)
                .header("Authorization", "token " + token).execute().body();
       //这里使用fastjson将json字符串转换成一个对象进行返回
        GiteeUserDto githubUserDto = JSON.parseObject(result2, GiteeUserDto.class);
        return githubUserDto;
    }
}

application.properties配置文件

#github
github.client.id=xxx
github.client.secrets=xxx
github.client.url=http://localhost:8887/index.html

#码云
gitee.client.id=xxx
gitee.client.secrets=xxx
gitee.redirect_uri=http://localhost:8887/callBack
#码云access_token获取地址
gitee.access_token=https://gitee.com/oauth/token?grant_type=authorization_code
gitee.user.info=https://gitee.com/api/v5/user?access_token=

application.yml

server:
  port: 8887
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/community
    name: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
Mr_wa7
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
码匠社区(实战笔记一)
qq_41458842的博客
01-08 1093
1.RequestParam：可以获取传递来的参数。 @Controller public class GreetingController { @GetMapping("/greeting") public String greeting(@RequestParam(name="name", required=false, defaultValue="World") String name,...
码匠社区项目学习笔记
qq_40434654的博客
11-02 264
1 创建github的OAuth App实现用户登录 查看github帮助文档即可 2 使用okhttp实现get和post请求转发 添加依赖 根据官网的文档即可实现get与post请求。 可以十分便利设置请求的参数 添加fastjson用于将java对象转为字符串。常用方法有：toJSONString（listOfPerson）与parseObject（jsonObject，Person.class）。 3 持久化访问 向response的cookies中添加token并添加到数据库中 通过re
码匠社区笔记
qq_38693803的博客
07-23 316
Thymeleaf 知识点 静态资源 在IDEA中将css.js放在resource/static下,直接拖到html中即可完成快速添加 样式不显式:因为是采用相对路径来引用资源的 如:在/publish.html的l引用资源路径是("/")根,没问题 但当是二级路径/publish/index.html.此时的引用路径依旧是("/")根,但是需要的是"/publish/" 解决:动态引用 th:href="@{/css/oostatrap.css}" 兼顾查看静态页面无样式:< link th:h
码匠社区学习笔记(三)
Mr_wo7的博客
04-29 2805
码匠社区学习笔记(三)
码匠社区学习笔记9.3
DickensTone的博客
09-03 714
model、cookie和session的区别 首先说session和cookie 因为http协议是无状态的。也就是说，浏览器第一次请求服务器之后，及时很快进行第二次请求。服务器也不知道这次请求时那个浏览器请求的。所以，服务器收到浏览器请求的时候，会留一个session在本地，存储用户信息。服务器响应的时候，会返回一个cookie保存用户信息，存储在浏览器。当再次请求的时候，浏览器会传...
码匠社区学习笔记(二)
04-27
学习视频地址：https://www.bilibili.com/video/av65117012?p=1 代码笔记地址：https://blog.csdn.net/Mr_wo7/article/details/124277263#comments_21101645
Java学习笔记（一）
01-21
一、Java概述 1.1 什么是Java ​ Java是由Sun Microsystems公司...编译后的字节码采用一种针对JVM优化过的机器码形式保存，虚拟机将字节码解释为机器码，然后在计算机上运行。 1.2 Java的应用领域 ​ Java的应用领域
Java基础 学习笔记 Markdownr版
06-27
Java基础 java学习笔记 Java Java基础Markdown学习笔记，可转换成PDF、Word等格式
码匠社区(实战笔记二)
qq_41458842的博客
03-16 357
1.实现分页功能： 首先要分析页面的https://elasticsearch.cn/explore/ 分页特点，当前页不是第一页时，“<”就会出现,与之对应的，当当前页不是最后一页时，“>”就会出现；另外页面是以7个数字为一组，当这7个数字不包含首页时，“<<”就会出现，而不包含尾页时，“>>”就会出现。 select * from question limi...
community:一个简单的社区论坛，透析码匠社区
03-22
苗苗社区 社区演示 工具 1. 2. 3. <!--通过maven添加依赖,3.3.0为版本号--> <dependency> <groupId>com.squareup.okhttp3</groupId> <artifactId>okhttp</artifactId> <version>3.3.0</version> </dependency> 3. 4. 5. 6. 7. 8. 9. 邮差 11. 功能实现 连接到mysql数据库 在application.properties文件中添加 spring.datasource.url=jdbc:mysql://localhost:3306/community?useUnicode=true&characterEncoding=utf8&characterSetResults=utf8&serverTimezon
community:根据码匠笔记，基于spring boot开发的社区网站
03-08
community:根据码匠笔记，基于spring boot开发的社区网站
Springboot项目码匠社区笔记
m0_46489937的博客
03-15 542
Springboot项目码匠社区笔记 这个项目是跟着B站的UP主码匠笔记所发布的视频做的，其实在前一阵子我做了一部分，但由于当时刚学完JAVASE,WEB部分的东西很多都不懂，所以做着很懵后来就弃掉了，这次学完WEB部分后他们告诉我也可以直接做Springboot的项目，我又想起了这个，所以想从头到尾跟着视频做一遍，视频的链接是码匠社区 先打开idea，创建新项目，如图所示选好之后点击Next处...
码匠笔记：name名字是？？？ Spring boot中文乱码问题 Mapper update问题
qq_35764460的博客
11-02 242
码匠笔记：name名字是？？？ Spring boot中文乱码问题 Mapper update问题现象解决方法 最近在看码匠笔记的视频，因为我有时候会跳着看一些内容，好像记得 应该是有一个视频是也出现了和我一样的问题。 找了很久发现找不到，我debug了一个更新的对象，发现对象里面的name也是有的。这个时候应该就是Mapper的update方法出了问题了。 现象 数据库里面也是？？？ 但是对...
码匠社区学习笔记
DickensTone的博客
09-02 1697
th:if标签： 先介绍：Thymeleaf 1、Thymeleaf 是 Web 和独立环境的现代服务器端 Java 模板引擎，能够处理HTML，XML，JavaScript，CSS 甚至纯文本。 2、Thymeleaf 的主要目标是提供一种优雅和高度可维护的创建模板的方式。为了实现这一点，它建立在自然模板的概念上，将其逻辑注入到模板文件中，不会影响模板被用作设计原型。这改善了设计的沟通，弥...
计算机组成原理学习笔记 海明校验码
最新发布
09-01
海明校验码（Hamming Code）是一种用于检测和纠正单一位错误的错误检测和纠正编码技术。它通过在数据中插入冗余的校验位来实现。 海明校验码的原理如下： 1. 假设要发送的数据为 n 位，我们需要在其中插入 r 个校验...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值