mirror of
https://gitee.com/dromara/sa-token.git
synced 2024-12-04 21:08:22 +08:00
文档首页添加案例展示
This commit is contained in:
click33
parent
e9444852de
commit
f10a16639a
@ -10,12 +10,13 @@
|
||||
> 经过 Sa-Token 开发组审核通过后：
|
||||
> - 将展示在此页面。
|
||||
> - 在 Sa-Token 交流群中宣传推广，为项目带来流量。
|
||||
> - 按照 star 量排序择取前六名展示在官网首页。
|
||||
|
||||
---
|
||||
|
||||
|
||||
### 使用 Sa-Token 的开源项目:
|
||||
- [[ Sa-Plus ]](https://gitee.com/click33/sa-plus)：一个基于 SpringBoot 架构的快速开发框架，内置代码生成器
|
||||
1. [[ Sa-Plus ]](https://gitee.com/click33/sa-plus)：一个基于 SpringBoot 架构的快速开发框架，内置代码生成器
|
||||
|
||||
- [[ jthink ]](https://gitee.com/wtsoftware/jthink)： 一个基于 SpringBoot + Sa-Token + Thymeleaf 的博客系统
|
||||
|
||||
@ -31,7 +32,7 @@
|
||||
|
||||
- [[ RuoYi-Cloud-Plus ]](https://gitee.com/JavaLionLi/RuoYi-Cloud-Plus)：重写RuoYi-Cloud所有功能 整合 SpringCloudAlibaba + Sa-Token + Dubbo + Mybatis-Plus + Xxl-Job 全方位升级 定期同步
|
||||
|
||||
- [[ SpringBoot_v2 ]](https://gitee.com/bdj/SpringBoot_v2/tree/sa-token/)：SpringBoot_v2项目是努力打造springboot框架的极致细腻的脚手架。
|
||||
- [[ SpringBoot_v2 ]](https://gitee.com/bdj/SpringBoot_v2)：SpringBoot_v2项目是努力打造springboot框架的极致细腻的脚手架。
|
||||
|
||||
- [[ Sa-Token-Study ]](https://gitee.com/click33/sa-token-study)：以demo示例的方式讲解 Sa-Token 源码涉及到的技术点，连载中……
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
/* 总 */
|
||||
*{margin: 0px; padding: 0px;}
|
||||
body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica Neue","Arial,sans-serif";}
|
||||
|
||||
.s-width{width: 1000px; margin: auto;}
|
||||
/* 栏目标题 */
|
||||
.s-title{color: #000; margin-top: 90px; margin-bottom: 50px;}
|
||||
@ -102,6 +103,39 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
|
||||
.re-text a{color: #0969da; text-decoration: none;}
|
||||
.re-text a:hover{border-bottom: 1px #0969da solid;}
|
||||
|
||||
/* -------- 集成案例 --------- */
|
||||
.s-case-box{justify-content: space-between;}
|
||||
.s-case{border: 1px #eee solid; flex: 0 0 31.5%; margin-top: 30px; text-align: left; box-sizing: border-box; padding-bottom: 16px; overflow: hidden;}
|
||||
.s-case{position: relative;}
|
||||
.s-case-link{display: block; width: 100%; height: 0px; padding-bottom: 50%; position: relative; overflow: hidden;}
|
||||
.s-case-link img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;}
|
||||
.s-case-link img{transition: all 0.3s;}
|
||||
.s-case-title,.s-case-intro{padding: 0 16px;}
|
||||
.s-case-title{margin-top: 20px; font-size: 18px; font-weight: 400; color: #333; font-family: "microsoft yahei";}
|
||||
.s-case-intro{margin-top: 10px; font-size: 14px; line-height: 20px; color: #777; word-break:break-all;}
|
||||
.s-author{color: #ff5722; border: 1px #ff5722 solid; position: absolute; right: 20px; display: inline-block;}
|
||||
.s-author{padding: 0 5px; font-size: 12px; transform: translate(0, -25px);}
|
||||
|
||||
|
||||
/* 悬浮动画 */
|
||||
.s-case:hover img{transform: scale(1.3, 1.3); }
|
||||
.s-case img:hover{cursor: pointer;}
|
||||
.s-case:hover .s-case-link:after {background-color: rgba(0, 0, 0, .35); color: #FFF;}
|
||||
.s-case .s-case-link:after {
|
||||
content: "详情";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: all .4s;
|
||||
text-align: center;
|
||||
line-height: 10;
|
||||
color: rgba(0,0,0,0);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* -------- 使用公司 --------- */
|
||||
.com-box-f{padding: 1em 1em; padding-bottom: 30px; text-align: center;}
|
||||
|
||||
@ -147,13 +147,85 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------------ 使用案例 ------------- -->
|
||||
<div>
|
||||
<div class="feature-z s-width">
|
||||
<div class="s-fenge"></div>
|
||||
<h2 class="s-title">优秀开源集成案例</h2>
|
||||
<div class="feature-box s-case-box">
|
||||
<!-- SpringBoot_v2 4.8k -->
|
||||
<div class="s-case">
|
||||
<a href="https://gitee.com/bdj/SpringBoot_v2" target="_blank" class="s-case-link">
|
||||
<img src="https://oss.dev33.cn/sa-token/case/case--springboot_v2.png">
|
||||
</a>
|
||||
<h3 class="s-case-title">SpringBoot_v2</h3>
|
||||
<span class="s-author">开源oschina</span>
|
||||
<p class="s-case-intro">努力打造 springboot 框架的极致细腻的脚手架，原生纯净。</p>
|
||||
</div>
|
||||
<!-- RuoYi-Vue-Plus 2.4k -->
|
||||
<div class="s-case">
|
||||
<a href="https://gitee.com/JavaLionLi/RuoYi-Vue-Plus" target="_blank" class="s-case-link">
|
||||
<img src="https://oss.dev33.cn/sa-token/case/case--ruoyi-vue-plus.png">
|
||||
</a>
|
||||
<h3 class="s-case-title">RuoYi-Vue-Plus</h3>
|
||||
<span class="s-author"> 疯狂的狮子Li </span>
|
||||
<p class="s-case-intro">重写 RuoYi-Vue 所有功能，集成 Sa-Token、Mybatis-Plus、Hutool 定期同步</p>
|
||||
</div>
|
||||
<!-- Sa-Plus 875 -->
|
||||
<div class="s-case">
|
||||
<a href="https://gitee.com/click33/sa-plus" target="_blank" class="s-case-link">
|
||||
<img src="https://oss.dev33.cn/sa-token/case/case--sa-plus.png">
|
||||
</a>
|
||||
<h3 class="s-case-title">Sa-Plus</h3>
|
||||
<span class="s-author"> 孔明 </span>
|
||||
<p class="s-case-intro">一个基于 SpringBoot 的快速开发框架，内置代码生成器</p>
|
||||
</div>
|
||||
<!-- EasyAdmin 628 -->
|
||||
<div class="s-case">
|
||||
<a href="https://gitee.com/lakernote/easy-admin" target="_blank" class="s-case-link">
|
||||
<img src="https://oss.dev33.cn/sa-token/case/case--easy-admin.png">
|
||||
</a>
|
||||
<h3 class="s-case-title">EasyAdmin</h3>
|
||||
<span class="s-author"> laker </span>
|
||||
<p class="s-case-intro">轻量级的后台管理系统脚手架，内置代码生成器、权限管理、工作流引擎等</p>
|
||||
</div>
|
||||
<!-- RuoYi-Cloud-Plus 475 -->
|
||||
<div class="s-case">
|
||||
<a href="https://gitee.com/JavaLionLi/RuoYi-Cloud-Plus" target="_blank" class="s-case-link">
|
||||
<img src="https://oss.dev33.cn/sa-token/case/case--ruoyi-cloud-plus.png">
|
||||
</a>
|
||||
<h3 class="s-case-title">RuoYi-Cloud-Plus</h3>
|
||||
<span class="s-author"> 疯狂的狮子Li </span>
|
||||
<p class="s-case-intro">重写 RuoYi-Cloud 所有功能 整合 SpringCloudAlibaba、Dubbo3.0、Sa-Token</p>
|
||||
</div>
|
||||
<!-- dcy-fast 315 -->
|
||||
<div class="s-case">
|
||||
<a href="https://gitee.com/dcy421/dcy-fast" target="_blank" class="s-case-link">
|
||||
<img src="https://oss.dev33.cn/sa-token/case/case--dcy-fast.png">
|
||||
</a>
|
||||
<h3 class="s-case-title">dcy-fast</h3>
|
||||
<span class="s-author"> 青年 </span>
|
||||
<p class="s-case-intro">一个基于 SpringBoot + Sa-Token + Mybatis-Plus 的后台管理系统</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="re-text">
|
||||
<span>
|
||||
如果您的开源项目也使用了 Sa-Token，您可以
|
||||
<a href="doc/index.html#/more/link" target="_blank" style="text-decoration: none;">在此</a>
|
||||
提交
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ------------ 使用公司 ------------- -->
|
||||
<div>
|
||||
<div class="com-box-f s-width">
|
||||
<div class="s-fenge"></div>
|
||||
<br>
|
||||
<h2 class="s-title">正在使用 Sa-Token 的公司 / 机构</h2>
|
||||
<h2 class="s-title">正在使用 Sa-Token 的企业 / 机构</h2>
|
||||
<div class="com-box">
|
||||
<a href="http://yun94.cn/" target="_blank" title="济南凉云网络科技有限公司">
|
||||
<img src="https://oss.dev33.cn/sa-token/com/liangyunwangluo.png">
|
||||
@ -224,10 +296,13 @@
|
||||
<a href="https://www.hstong.com/" target="_blank" title="价值网络">
|
||||
<img src="https://oss.dev33.cn/sa-token/com/huashengtong.png">
|
||||
</a>
|
||||
<a href="https://www.shylsoft.com/" target="_blank" title="上海营联信息技术有限公司">
|
||||
<img src="https://oss.dev33.cn/sa-token/com/yinglian.png">
|
||||
</a>
|
||||
</div>
|
||||
<div style="height: 10px; clear: both;"></div>
|
||||
<p style="color: #666;">
|
||||
（如果您的项目也使用了 Sa-Token，您可以
|
||||
<p>
|
||||
（如果您的企业也使用了 Sa-Token，您可以
|
||||
<a href="https://gitee.com/dromara/sa-token/issues/I3EV1M" target="_blank" style="text-decoration: none;">在此</a>
|
||||
提交）
|
||||
</p>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user