重构官网

This commit is contained in:
click33 2021-12-24 07:45:19 +08:00
parent 6ffd14973f
commit 1fa72d32f2
6 changed files with 116 additions and 137 deletions

View File

@ -3,7 +3,7 @@
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Sa-Token v1.28.0</h1>
<h5 align="center">一个轻量级 Java 权限认证框架,让鉴权变得简单、优雅!</h5>
<p align="center">
<p align="center" class="badge-box">
<a href="https://gitee.com/dromara/sa-token/stargazers"><img src="https://gitee.com/dromara/sa-token/badge/star.svg?theme=gvp"></a>
<a href="https://gitee.com/dromara/sa-token/members"><img src="https://gitee.com/dromara/sa-token/badge/fork.svg?theme=gvp"></a>
<a href="https://github.com/dromara/sa-token/stargazers"><img src="https://img.shields.io/github/stars/dromara/sa-token?style=flat-square&logo=GitHub"></a>

View File

@ -4,11 +4,11 @@
### Sa-Token 功能结构图:
![sa-token-rz](https://color-test.oss-cn-qingdao.aliyuncs.com/sa-token/x/sa-token-js3.png 's-w')
![sa-token-rz](https://oss.dev33.cn/sa-token/art/sa-token-js4.png 's-w')
### Sa-Token 认证流程图:
![sa-token-rz](https://color-test.oss-cn-qingdao.aliyuncs.com/sa-token/x/sa-token-rz2.png 's-w')
![sa-token-rz](https://oss.dev33.cn/sa-token/art/sa-token-rz2.png 's-w')
<!-- ![sa-token-rz](https://color-test.oss-cn-qingdao.aliyuncs.com/sa-token/sa-token-rz.png 's-w') -->

View File

@ -114,13 +114,14 @@ blockquote code {font-weight: 400;}
.markdown-section strong code{font-family: "宋体";}
/* 赞助列表 */
.zanzhu-pre+table tr td:nth-child(2){
color: red;
}
.zanzhu-pre+table tr td:nth-child(2){color: red;}
#main .zanzhu-pre+table tr td a{border-color: rgba(0,0,0,0); color: inherit;}
#main .zanzhu-pre+table tr td a:hover{border-color: var(--a-hover-color); color: var(--a-hover-color);}
/* 角标位置修复 */
.badge-box a:nth-child(-n+2) img{position: relative; top: 1px;}
body {
/* --a-color: #42b983; */
--a-color: #01a252;
--a-hover-color: #0969da;
}

View File

@ -17,40 +17,40 @@ Sa-Token 采用 Apache-2.0 开源协议,**承诺框架本身与官网文档永
<p class="zanzhu-pre"></p>
| 赞助人 | 赞助金额 | 留言 | 时间 |
| :-------- | :-------- | :-------- | :-------- |
| 周周周杨 | ¥ 10 | 感谢您的开源项目! | 2021-12-18 |
| MrXionGe | ¥ 10 | SA加油~~ | 2021-12-17 |
| duyiliu | ¥ 10 | 化繁为简,是门艺术。 | 2021-12-16 |
| liu | ¥ 50 | 感谢您的开源项目! | 2021-12-15 |
| fuhouyin | ¥ 10 | 感谢您的开源项目! | 2021-12-01 |
| 图灵谷 | ¥ 20 | 感谢您的开源项目! | 2021-11-30 |
| luyuan | ¥ 20 | 感谢您的开源项目! | 2021-11-29 |
| xiaoyan | ¥ 200 | 感谢您的开源项目! | 2021-11-26 |
| yijunzhao | ¥ 20 | 感谢您的开源项目! | 2021-11-21 |
| 万声鹉 | ¥ 10 | 感谢您的开源项目! | 2021-11-15 |
| Taller | ¥ 10 | 感谢您的开源项目! | 2021-11-13 |
| 公子骏 | ¥ 20 | 感谢您的开源项目! | 2021-11-08 |
| 铂赛东 | ¥ 20 | 开源加油! | 2021-11-08 |
| 孔孔的空空 | ¥ 100 | 感谢您的开源项目! | 2021-11-02 |
| songfazhun | ¥ 10 | 感谢您的开源项目! | 2021-10-28 |
| ithorns | ¥ 10 | 感谢您的开源项目! | 2021-10-25 |
| xiaoyan | ¥ 200 | 节日快乐 | 2021-10-24 |
| apifox001 | ¥ 200 | 开源不易Apifoxapifox.cn和你们一起加油 | 2021-10-15 |
| 永夜 | ¥ 20 | 感谢您的开源项目! | 2021-09-18 |
| 苏永晓 | ¥ 10 | 感谢您的开源项目! | 2021-09-01 |
| xiaoyan | ¥ 200 | 好的作者理应被认可 | 2021-08-24 |
| xiaoyan | ¥ 50 | be better | 2021-07-31 |
| 孔孔的空空 | ¥ 500 | 感谢您的开源项目! | 2021-07-30 |
| Wizzer | ¥ 20 | 感谢您的开源项目! | 2021-05-22 |
| 二范先生 | ¥ 20 | 省长加油啊 喝杯茶 | 2021-03-16 |
| EchoSlammaJamma | ¥ 20 | 感谢您的开源项目! | 2021-03-16 |
| xue1992wz | ¥ 20 | 感谢您的开源项目! | 2021-03-16 |
| whcrow | ¥ 20 | 军师加油! | 2021-03-16 |
| njx33 | ¥ 10 | 感谢您的开源项目! | 2020-12-17 |
| zhangjiaxiaozhuo | ¥ 10 | 感谢您的开源项目! | 2020-12-15 |
| 知知 | ¥ 10 | 感谢您的开源项目! | 2020-12-15 |
| 省长 | ¥ 10 | java中最好用的权限认证框架 | 2020-12-15 |
| 赞助人 | 赞助金额 | 留言 | 时间 |
| :-------- | :-------- | :-------- | :-------- |
| [周周周杨](https://gitee.com/ChaoGeWanJiu) | ¥ 10 | 感谢您的开源项目! | 2021-12-18 |
| [MrXionGe](https://gitee.com/MrXionGe) | ¥ 10 | SA加油~~ | 2021-12-17 |
| [duyiliu](https://gitee.com/duyiliu) | ¥ 10 | 化繁为简,是门艺术。 | 2021-12-16 |
| [liu](https://gitee.com/liuliuliu123456) | ¥ 50 | 感谢您的开源项目! | 2021-12-15 |
| [fuhouyin](https://gitee.com/fuhouyin) | ¥ 10 | 感谢您的开源项目! | 2021-12-01 |
| [图灵谷](https://gitee.com/stephenson37) | ¥ 20 | 感谢您的开源项目! | 2021-11-30 |
| [luyuan](https://gitee.com/meitesi) | ¥ 20 | 感谢您的开源项目! | 2021-11-29 |
| [xiaoyan](https://gitee.com/l-yun) | ¥ 200 | 感谢您的开源项目! | 2021-11-26 |
| [yijunzhao](https://gitee.com/yijunzhao) | ¥ 20 | 感谢您的开源项目! | 2021-11-21 |
| [万声鹉](https://gitee.com/wanshengwu) | ¥ 10 | 感谢您的开源项目! | 2021-11-15 |
| [Taller](https://gitee.com/evilatom) | ¥ 10 | 感谢您的开源项目! | 2021-11-13 |
| [公子骏](https://gitee.com/dt_flys) | ¥ 20 | 感谢您的开源项目! | 2021-11-08 |
| [铂赛东](https://gitee.com/bryan31) | ¥ 20 | 开源加油! | 2021-11-08 |
| [孔孔的空空](https://gitee.com/kongmr) | ¥ 100 | 感谢您的开源项目! | 2021-11-02 |
| [songfazhun](https://gitee.com/fzsong) | ¥ 10 | 感谢您的开源项目! | 2021-10-28 |
| [ithorns](https://gitee.com/ithorns) | ¥ 10 | 感谢您的开源项目! | 2021-10-25 |
| [xiaoyan](https://gitee.com/l-yun) | ¥ 200 | 节日快乐 | 2021-10-24 |
| [apifox001](https://gitee.com/apifox001) | ¥ 200 | 开源不易Apifoxapifox.cn和你们一起加油 | 2021-10-15 |
| [永夜](https://gitee.com/cn-src) | ¥ 20 | 感谢您的开源项目! | 2021-09-18 |
| [苏永晓](https://gitee.com/suyongxiao) | ¥ 10 | 感谢您的开源项目! | 2021-09-01 |
| [xiaoyan](https://gitee.com/l-yun) | ¥ 200 | 好的作者理应被认可 | 2021-08-24 |
| [xiaoyan](https://gitee.com/l-yun) | ¥ 50 | be better | 2021-07-31 |
| [孔孔的空空](https://gitee.com/kongmr) | ¥ 500 | 感谢您的开源项目! | 2021-07-30 |
| [Wizzer](https://gitee.com/wizzer) | ¥ 20 | 感谢您的开源项目! | 2021-05-22 |
| [二范先生](https://gitee.com/mr-er-fan) | ¥ 20 | 省长加油啊 喝杯茶 | 2021-03-16 |
| [萧瑟](https://gitee.com/fengduidui) | ¥ 20 | 感谢您的开源项目! | 2021-03-16 |
| [xue1992wz](https://gitee.com/xue1992wz) | ¥ 20 | 感谢您的开源项目! | 2021-03-16 |
| [whcrow](https://gitee.com/whcrow) | ¥ 20 | 军师加油! | 2021-03-16 |
| [RockMan](https://gitee.com/njx33) | ¥ 10 | 感谢您的开源项目! | 2020-12-17 |
| [zhangjiaxiaozhuo](https://gitee.com/zhangjiaxiaozhuo)| ¥ 10 | 感谢您的开源项目! | 2020-12-15 |
| [知知](https://gitee.com/double_zhi) | ¥ 10 | 感谢您的开源项目! | 2020-12-15 |
| [省长](https://gitee.com/click33) | ¥ 10 | java中最好用的权限认证框架 | 2020-12-15 |
感谢每一位小伙伴的热心支持!

View File

@ -36,6 +36,8 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
.sub-title{font-size: 22px; font-weight: 400; margin-top: 30px; margin-bottom: 25px; color: #6a8bad; color: #444;}
/* .content-box p{line-height: 30px; padding: 0px 1em;} */
/* 角标位置修复 */
.badge-box a:nth-child(-n+2) img{position: relative; top: 1px;}
.main-box{animation: changes 60s 0.2s linear infinite normal; background-attachment: ;} /* normal | alternate */
@keyframes changes {
@ -67,16 +69,26 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
.wx-qr-box p{margin-top: 10px; color: #666; margin-bottom: 20px;}
.wx-qr,.dro-qr{cursor: pointer;}
/* -------- 支持特性 --------- */
.feature-z{padding: 0em 1em; padding-top: 0px; padding-bottom: 60px; text-align: center; color: #000;}
.feature-z .s-title{font-size: 30px; font-weight: 400; margin-top: 70px; margin-bottom: 40px;}
.feature-z{color: rgb(128, 128, 128); text-align: center; box-sizing: border-box; line-height: 24px; font-size: 16px;}
.feature-box{margin-top: 40px; margin-bottom: 60px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.feature{border: 0px #000 solid; flex: 1; min-width: 33%; max-width: 33%; text-align: left; padding: 1.5em 1.2em; box-sizing: border-box;}
.feature h2{font-size: 24px; color: #000; font-weight: 400;}
.feature-box{margin-top: 50px; margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.feature{border: 0px #000 solid; flex: 1; min-width: 33%; max-width: 33%; text-align: left; padding: 1.8em 1.2em; box-sizing: border-box;}
.feature h2{font-size: 22px; color: #000; font-weight: 400;}
.feature p{margin-top: 14px; font-size: 16px; color: #4e6e8e;}
/* 功能结构图介绍 */
/* .sa-token-js-box{margin-bottom: 50px; transition: all 0.2s;}
.sa-token-js-box img{max-width: 100%;}
.sa-token-js-box:hover{cursor: pointer; box-shadow: 0 0 20px #ccc;} */
.re-text a{color: #0969da; text-decoration: none;}
.re-text a:hover{border-bottom: 1px #0969da solid;}
/* -------- 使用公司 --------- */
.com-box-f{padding: 1em 1em; padding-bottom: 30px; text-align: center;}
.com-box-f h2{font-size: 30px; color: #000; font-weight: 400;}

View File

@ -55,7 +55,7 @@
<!-- <a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a> -->
<a href="doc/index.html" target="_self" class="doc-btn">开发文档</a>
</div>
<h4 align="center">
<h4 align="center" class="badge-box">
<a href="https://gitee.com/dromara/sa-token/stargazers"><img src="https://gitee.com/dromara/sa-token/badge/star.svg?theme=gvp"></a>
<a href="https://gitee.com/dromara/sa-token/members"><img src="https://gitee.com/dromara/sa-token/badge/fork.svg?theme=gvp"></a>
<a href="https://github.com/dromara/sa-token/stargazers"><img src="https://img.shields.io/github/stars/dromara/sa-token?style=flat-square&logo=GitHub"></a>
@ -77,121 +77,66 @@
</div>
</div>
<!-- <div>
<div class="feature-z stj-z s-width">
<h2 class="s-title">支持 ⚡ 特性</h2>
<br><br>
<div class="sa-token-js-box">
<img src="https://color-test.oss-cn-qingdao.aliyuncs.com/sa-token/x/sa-token-js4.png" >
</div>
<div class="re-text">有了Sa-Token你所有的权限认证问题都不再是问题</div>
</div>
</div> -->
<!-- ------------ 支持特性 ------------- -->
<div>
<div class="feature-z s-width">
<h2 class="s-title">支持 ⚡ 特性</h2>
<h2 class="s-title">Sa-Token 支持特性</h2>
<div class="feature-box">
<div class="feature">
<h2>登录认证</h2>
<p>多地登录、单地登录、同端互斥登录…… 轻松登录鉴权,并提供五种细分场景值</p>
<h2>⚡️ 登录认证</h2>
<p>端登录、单端登录、同端互斥登录、七天免登录…… 多种登录策略只需改个配置即可完成</p>
</div>
<div class="feature">
<h2>权限认证</h2>
<p>权限认证、角色认证、会话二级认证……适配RBAC权限模型权限分配精细到按钮级</p>
<h2>🔑️ 权限认证</h2>
<p>权限认证、角色认证、会话二级认证、注解鉴权、路由鉴权……多种姿势灵活鉴权</p>
</div>
<div class="feature">
<h2>Session会话</h2>
<p>内置三种会话模型全端共享Session、单端独享Session、自定义Session</p>
<h2>🔥️ 踢人下线</h2>
<p>强制注销、踢人下线、账号封禁、身份切换、自动续签 …… 提供完善的会话管理方案</p>
</div>
<div class="feature">
<h2>踢人下线</h2>
<p>一行代码实现踢人下线功能,清退违规用户,对方再次访问系统提示“已被踢下线”</p>
<h2>⭐️ Redis集成</h2>
<p>提供 Redis 集成方案、项目重启数据不丢失、多系统数据互通,可自定义数据持久化策略</p>
</div>
<div class="feature">
<h2>账号封禁</h2>
<p>封禁指定账号,使其无法登陆,还可指定解封时间,亦或永久封禁!</p>
<h2>🚀️ 前后端分离</h2>
<p>内置多种 Token 读取策略适配APP、小程序、SPA单页应用等前后端分离场景</p>
</div>
<div class="feature">
<h2>Redis集成</h2>
<p>可扩展持久层集成Redis、Memcached等专业缓存中间件重启数据不丢失</p>
<h2>️🍃 单点登录</h2>
<p>同域、跨域、共享Redis、跨Redis、前后端一体、前后端分离……提供各种架构下的SSO接入方案</p>
</div>
<div class="feature">
<h2>前后台分离</h2>
<p>三种token读取策略适配无Cookie模式完美兼容APP、小程序等前后台分离场景</p>
<h2>🍂 OAuth2.0</h2>
<p>基于 RFC-6749 标准编写,轻松搭建 OAuth2.0 认证中心支持四种授权模式支持openid机制</p>
</div>
<div class="feature">
<h2>分布式会话</h2>
<p>保证多节点数据一致性提供jwt集成和共享数据中心两种分布式会话方案</p>
<h2>💦️ 微服务支持</h2>
<p>分布式 Session 会话、网关统一鉴权、RPC调用鉴权……提供开箱即用的微服务认证方案</p>
</div>
<div class="feature">
<h2>微服务网关鉴权</h2>
<p>适配Gateway、ShenYu、Zuul等常见网关组件的请求拦截认证</p>
</div>
<div class="feature">
<h2>单点登录</h2>
<p>内置三种单点登录模式无论是否跨域、是否共享Redis都可以轻松搞定</p>
</div>
<div class="feature">
<h2>OAuth2.0</h2>
<p>基于RFC-6749标准编写OAuth2.0标准流程的授权认证支持openid模式 </p>
</div>
<div class="feature">
<h2>Alone独立Redis</h2>
<p>为Sa-Token单独配置一个Redis实例将权限缓存与业务缓存分离 </p>
</div>
<div class="feature">
<h2>临时Token验证</h2>
<p>集成jwt临时验证模块用于短时间的权限验证</p>
</div>
<div class="feature">
<h2>临时身份切换</h2>
<p>实时操作任意用户状态数据还可临时身份切换关键时刻让你少写N多代码</p>
</div>
<div class="feature">
<h2>同端互斥登录</h2>
<p>像QQ一样手机电脑可以同时在线但是在两个手机上互斥登录</p>
</div>
<div class="feature">
<h2>多账号体系认证</h2>
<p>例如一个商城项目的User表和Admin表分开鉴权互不干扰轻松搞定一个系统多套权限体系的场景</p>
</div>
<div class="feature">
<h2>二级认证</h2>
<p>在已登录的会话上再次认证,保证安全性</p>
</div>
<div class="feature">
<h2>Http Basic 认证</h2>
<p>一行代码接入 Http Basic 认证</p>
</div>
<div class="feature">
<h2>定制Token风格</h2>
<p>内置六种token风格随意切换还可自定义token生成策略</p>
</div>
<div class="feature">
<h2>注解式鉴权</h2>
<p>优雅的将鉴权与业务代码分离!</p>
</div>
<div class="feature">
<h2>路由拦截式鉴权</h2>
<p>轻松搞定不同模块不同权限校验还可适配Restful风格路由</p>
</div>
<div class="feature">
<h2>自动续签</h2>
<p>提供两种token过期策略灵活搭配使用还可自动续签</p>
</div>
<div class="feature">
<h2>会话治理</h2>
<p>提供方便灵活的会话查询接口绕过API直达数据底层解决各种边际场景的疑难杂症</p>
</div>
<div class="feature">
<h2>记住我模式</h2>
<p>轻松适配 [记住我] 模式,重启浏览器免验证,还可指定免验证具体时长</p>
</div>
<div class="feature">
<h2>密码加密</h2>
<p>提供密码加密模块可快速MD5、SHA1、SHA256、AES、RSA加密</p>
</div>
<div class="feature">
<h2>全局侦听器</h2>
<p>可在用户登陆、注销、被踢下线等关键性操作时进行一些AOP操作</p>
</div>
<div class="feature">
<h2>开箱即用</h2>
<p>提供SpringMVC、WebFlux、Solon等常见web框架的starter集成包真正的开箱即用</p>
<h2>🗳️ 开箱即用</h2>
<p>提供SpringMVC、WebFlux、Solon、jwt 等常见框架集成包,真正的开箱即用……</p>
</div>
</div>
<div class="re-text">有了Sa-Token你所有的权限认证问题都不再是问题</div>
<div class="re-text">
<span>有了Sa-Token你所有的权限认证问题都不再是问题</span>
<a href="https://oss.dev33.cn/sa-token/art/sa-token-js4.png" target="_blank">点击查看功能结构图</a>
<!-- <a href="javascript: showStjs();">点击查看功能结构图</a> -->
</div>
</div>
</div>
@ -491,6 +436,27 @@
</script>
<!-- <script type="text/javascript">
// 大窗显示一个图片
// 参数: src=地址、w=宽度(默认80%)、h=高度(默认80%)
layer.ready()
function showStjs() {
let src = 'https://oss.dev33.cn/sa-token/art/sa-token-js4.png';
// let w = 'auto';
// let h = '95%';
var content = '<div style="height: 100%; overflow: hidden !important;">' +
'<img src="' + src + ' " style="width: 100%; height: 100%;" />' +
'</div>';
layer.open({
type: 1,
title: false,
shadeClose: true,
closeBtn: 0,
area: ['75%', '95%'], //宽高
content: content
});
}
</script> -->
</body>
</html>