自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

狮子大大

但行好事,没问前程。

  • 博客(16)
  • 资源 (1)
  • 收藏
  • 关注

原创 SpringBoot OAuth2.0 使用 Redis 保存短信验证码 + AccessToken

SpringBoot OAuth2.0 使用 Redis 保存短信验证码 + AccessToken上一篇: SpringBoot OAuth2.0 使用短信验证码登录授权使用 Redis 缓存服务,将授权服务返回的短信验证码和 access_token 保存到 redis 中。添加 redis 依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>

2021-03-26 18:04:44 216 2

原创 SpringBoot OAuth2.0 使用短信验证码登录授权

SpringBoot OAuth2.0 使用短信验证码登录授权实现步骤:自定义授权器,继承 AbstractTokenGranter 类;重写 getOAuth2Authentication 函数,在这个函数中,自定义授权认证逻辑;校验手机号 + 短信验证码是否一致getOAuth2Authentication, 手机和验证码校验无误, 返回 OAuth2Authentication 授权信息(access_token)创建 SmsCodeTokenGranter 继承 AbstractTo

2021-03-26 18:04:05 962

原创 SpringBoot OAuth2.0 refresh_token(刷新令牌)

SpringBoot OAuth2.0 刷新令牌通常在 access_token 时间过期后,需要去获取新的 token 才能继续访问接口在 使用 SpringSecurity + OAuth2.0, 可以采用 refresh_token 模式重新申请 access_token修改 MooseAuthorizationServerConfiguration 文件 /** * Authorization Server endpoints. * * @throws Exception

2021-03-26 17:59:38 2178

原创 SpringBoot OAuth2.0 认证授权(密码模式)

SpringBoot OAuth2.0 认证授权(密码模式)SpringBoot 整合 SpringSecurity,token 落地,前后端分离接口安全。SpringBoot 环境搭建和入门:Spring Boot 2.x 快速入门导入 mysql 脚本包含用户表,oauth2.0 数据脚本https://gitee.com/shizidada/moose-resource/blob/master/moose-security.sql全部 : https://gitee.com/shizid

2021-03-26 17:58:17 990

原创 SpringBoot 2.x 系列 - 快速入门

使用 Idea 创建 Maven 项目,添加 Spring Boot 依赖<?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 ht

2021-03-26 17:54:34 81

原创 从 Flutter 2.0 开始学 - Widget 组件化

欢迎、引导登录、注册主页组件化组件化编程就像是搭积木一样的开发。把整个应用拆分成许多部分,每部分各自管理自己的组件以及数据状态,这样达到一个更好的可维护性,可扩展性。组件类型展示组件展示型组件并不维护数据状态,它更多的作用是用来展示效果与数据。容器组件容器组件并不涉及 UI 方面,而是负责处理数据与状态。布局组件特定的布局方式,建议是把它们封装成一个布局组件。页面组件页面组件负责当前页面的组件结构。…Flutter Widg...

2021-03-26 17:53:00 231

原创 从 Flutter 2.0 开始学 - 项目搭建

欢迎、引导登录、注册主页环境搭建可以参考 https://flutter.cn/docs/get-started/install/macos 搭建Flutter 使用到的语言为 DartDart 语言学习可以看 https://gitee.com/shizidada/dart-learn创建项目// --org com.moose.plus 创建包名// moose_app 应用名称flutter create --org com.moose.plus moos...

2021-03-20 18:34:58 543

原创 从 Flutter 2.0 开始学 - 路由封装、界面跳转、登录注册 UI

欢迎、引导登录、注册主页Flutter 路由跳转界面跳转 push 相当于是一个入栈操作界面返回 pop 相当于是一个出栈操作封装 Fluro 路由工具类fluro 提供了对路由入栈和出栈,在跳转和返回界面也可以设置对应参数控制(动画、时间、入栈方向、是否替换/清空)Android activity startActivityiOS pushViewController popViewController封装 navigate_util.dart...

2021-03-20 18:34:02 1038

原创 React 实践 - 获取历史聊天消息

分页加载原因在一个系统数据很大,在接口数据交互,海量数据查询,服务器接口返回的数据不可能一次性返回。数据量大,从数据库一次性查询,再到网络传输是要花费更多的时间客户端才能响应拿到数据进行 UI 界面渲染。从接口拿到大量数据渲染,Web 端会造成界面卡顿,移动端处理大量数据,会出现 OOM。所以获取数据可以通过分页加载的方式处理数据和UI交互。这样解决性能问题,让 UED 效果更好一点。通常前端可以通过上拉刷新、下拉加载更多等方式。解决当前聊天问题在单聊,会获取聊天历史记录,分页拉取获取

2021-03-20 18:32:12 323

原创 React 实践 - 集成 Socket 实现消息接收

回顾React 构建聊天界面SpringBoot 聊天消息持久化SpringBoot 集成 netty-socketioWebsocketWebSocket 协议在 2008 年诞生,2011 年成为国际标准。所有浏览器都已经支持了。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。参考:WebSocket 教程 http://www.ruanyifeng.com/blog/2017/05/websocket

2021-03-20 18:31:32 594

原创 React 实践 - 存储、刷新令牌

上一篇:React 网络请求 对接登录 API前端存储localstoragelocalStorage 方法存储的数据没有时间限制存储方式:以键值对(Key-Value)方式存储,永久存储,永不失效,除非手动删除常用 API:getItem // 获取记录setIten// 保存记录removeItem //移除记录clear // 清除记录sessionstorageHTML5 本地存储 API 中 localStorage 与 sessionStorage 在使用方

2021-03-20 18:29:33 145

原创 React 实践 - 构建聊天界面

上一篇: React 体验开箱即用实现步骤 - 目录定义基于 antd.design-pro 脚手架在 layouts 添加聊天界面布局在 pages 目录添加聊天界面文件结构├── src│ ├── layouts│ │ ├── layouts│ │ ├── ChatLayout.jsx # 聊天布局│ │ ├── ChatLayout.less # 聊天布局样式│ ├── pages│ │ ├── Im│ │ │ ├─

2021-03-20 18:27:20 465 1

原创 React 实践 - 网络请求 对接登录 API

上一篇 React 体验开箱即用任何一个系统,提供交互能力的前提,需要通过网络进行数据传递到落地。最原始的网络请求,浏览器进行可以通过 XMLHttpRequest 对象发起请求。现在有很多网络请求模块,对 XMLHttpRequest 进行了封装,最常用的 Axios前端常用请求框架 AxiosAxios 使用于前端浏览器和 Node.js 服务端请求。浏览器端发起请求是封装了 XMLHttpRequest, Node 端发起请求使用 Node.js 原生 http/https 模块。网络请求方

2021-03-20 18:25:16 440

原创 React 实践 - 体验开箱即用

插件化的企业级前端应用框架 UmijsUmi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求。深度整合 antd、dva,比如国际化、权限、数据流、配置式路由、补丁方案、自动化 external 方面等等一线开发者才会遇到的问题。约定式路由:不需要手写配置,文件系统即路由,通过目录和文件及其命名分析出路由配

2021-03-20 18:23:10 289 1

原创 React 实践 - 开发常用框架

使用 React,实际开发中常用框架UI 框架 antd.design路由管理 (SPA ) react-router-dom状态管理 redux,mobx,dvaUI 框架 antd.designnpm install antd // (不带版本,安装最新版本)npm install react-app-rewired customize-cra // 默认配置进行自定义/* package.json */"scripts": {- "start": "react-scr

2021-03-20 18:22:16 218

原创 React 实践 - 快速上手

React 简介React 起源于 Facebook 内部项目,用来架设 Instagram 网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。React 主要的原理Virtual DOM 虚拟 DOM; 传统的 web 应用,操作 DOM 一般是直接更新操作的,DOM 更新通常是比较昂贵的。而 React 为了尽可能减少对 DOM 的操作,提供了一种不同的而又强大的方式来更新 DOM,代替直接的 DOM 操作。就是 Virtual

2021-03-20 18:20:29 73

期末项目目录结构

期末项目开发目录结构

2015-06-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除