wyg
2024-06-14 a57dc2fae73d6e0dd315a120ca43ee685a6c7b7c
提交 | 用户 | 时间
a57dc2 1 <template>
W 2   <div class="app-container home">
3     <el-row :gutter="20">
4       <el-col :sm="24" :lg="12" style="padding-left: 20px">
5         <h2>RuoYi-Vue-Plus后台管理框架</h2>
6         <p>
7           RuoYi-Vue-Plus 是基于 RuoYi-Vue 针对 分布式集群 场景升级(不兼容原框架)
8           <br/>
9           * 前端开发框架 Vue、Element UI<br/>
10           * 后端开发框架 Spring Boot<br/>
11           * 容器框架 Undertow 基于 XNIO 的高性能容器<br/>
12           * 权限认证框架 Sa-Token、Jwt 支持多终端认证系统<br/>
13           * 关系数据库 MySQL 适配 8.X 最低 5.7<br/>
14           * 关系数据库 Oracle 适配 11g 12c<br/>
15           * 关系数据库 PostgreSQL 适配 13 14<br/>
16           * 关系数据库 SQLServer 适配 2017 2019<br/>
17           * 缓存数据库 Redis 适配 6.X 最低 4.X<br/>
18           * 数据库框架 Mybatis-Plus 快速 CRUD 增加开发效率<br/>
19           * 数据库框架 p6spy 更强劲的 SQL 分析<br/>
20           * 多数据源框架 dynamic-datasource 支持主从与多种类数据库异构<br/>
21           * 序列化框架 Jackson 统一使用 jackson 高效可靠<br/>
22           * Redis客户端 Redisson 性能强劲、API丰富<br/>
23           * 分布式限流 Redisson 全局、请求IP、集群ID 多种限流<br/>
24           * 分布式锁 Lock4j 注解锁、工具锁 多种多样<br/>
25           * 分布式幂等 Redisson 拦截重复提交<br/>
26           * 分布式链路追踪 SkyWalking 支持链路追踪、网格分析、度量聚合、可视化<br/>
27           * 分布式任务调度 Xxl-Job 高性能 高可靠 易扩展<br/>
28           * 分布式文件存储 Minio 本地存储<br/>
29           * 分布式云存储 七牛、阿里、腾讯 云存储<br/>
30           * 监控框架 SpringBoot-Admin 全方位服务监控<br/>
31           * 校验框架 Validation 增强接口安全性 严谨性<br/>
32           * Excel框架 Alibaba EasyExcel 性能优异 扩展性强<br/>
33           * 文档框架 SpringDoc、javadoc 无注解零入侵基于java注释<br/>
34           * 工具类框架 Hutool、Lombok 减少代码冗余 增加安全性<br/>
35           * 代码生成器 适配MP、SpringDoc规范化代码 一键生成前后端代码<br/>
36           * 部署方式 Docker 容器编排 一键部署业务集群<br/>
37           * 国际化 SpringMessage Spring标准国际化方案<br/>
38         </p>
39         <p>
40           <b>当前版本:</b> <span>v{{ version }}</span>
41         </p>
42         <p>
43           <el-tag type="danger">&yen;免费开源</el-tag>
44         </p>
45         <p>
46           <el-button
47             type="primary"
48             size="mini"
49             icon="el-icon-cloudy"
50             plain
51             @click="goTarget('https://gitee.com/dromara/RuoYi-Vue-Plus')"
52             >访问码云</el-button
53           >
54           <el-button
55             type="primary"
56             size="mini"
57             icon="el-icon-cloudy"
58             plain
59             @click="goTarget('https://github.com/dromara/RuoYi-Vue-Plus')"
60           >访问GitHub</el-button
61           >
62           <el-button
63             type="primary"
64             size="mini"
65             icon="el-icon-cloudy"
66             plain
67             @click="goTarget('https://gitee.com/dromara/RuoYi-Vue-Plus/wikis/pages?sort_id=4106467&doc_id=1469725')"
68           >更新日志</el-button
69           >
70         </p>
71       </el-col>
72
73       <el-col :sm="24" :lg="12" style="padding-left: 50px">
74         <el-row>
75           <el-col :span="12">
76             <h2>技术选型</h2>
77           </el-col>
78         </el-row>
79         <el-row>
80           <el-col :span="6">
81             <h4>后端技术</h4>
82             <ul>
83               <li>SpringBoot</li>
84               <li>Sa-Token</li>
85               <li>JWT</li>
86               <li>MyBatis</li>
87               <li>Druid</li>
88               <li>Jackson</li>
89               <li>...</li>
90             </ul>
91           </el-col>
92           <el-col :span="6">
93             <h4>前端技术</h4>
94             <ul>
95               <li>Vue</li>
96               <li>Vuex</li>
97               <li>Element-ui</li>
98               <li>Axios</li>
99               <li>Sass</li>
100               <li>Quill</li>
101               <li>...</li>
102             </ul>
103           </el-col>
104         </el-row>
105       </el-col>
106     </el-row>
107     <el-divider />
108   </div>
109 </template>
110
111 <script>
112 export default {
113   name: "Index",
114   data() {
115     return {
116       // 版本号
117       version: "0.8.3",
118     };
119   },
120   methods: {
121     goTarget(href) {
122       window.open(href, "_blank");
123     },
124   },
125 };
126 </script>
127
128 <style scoped lang="scss">
129 .home {
130   blockquote {
131     padding: 10px 20px;
132     margin: 0 0 20px;
133     font-size: 17.5px;
134     border-left: 5px solid #eee;
135   }
136   hr {
137     margin-top: 20px;
138     margin-bottom: 20px;
139     border: 0;
140     border-top: 1px solid #eee;
141   }
142   .col-item {
143     margin-bottom: 20px;
144   }
145
146   ul {
147     padding: 0;
148     margin: 0;
149   }
150
151   font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
152   font-size: 13px;
153   color: #676a6c;
154   overflow-x: hidden;
155
156   ul {
157     list-style-type: none;
158   }
159
160   h4 {
161     margin-top: 0px;
162   }
163
164   h2 {
165     margin-top: 10px;
166     font-size: 26px;
167     font-weight: 100;
168   }
169
170   p {
171     margin-top: 10px;
172
173     b {
174       font-weight: 700;
175     }
176   }
177
178   .update-log {
179     ol {
180       display: block;
181       list-style-type: decimal;
182       margin-block-start: 1em;
183       margin-block-end: 1em;
184       margin-inline-start: 0;
185       margin-inline-end: 0;
186       padding-inline-start: 40px;
187     }
188   }
189 }
190 </style>
191