-
Notifications
You must be signed in to change notification settings - Fork 2
/
cn.html
1141 lines (1045 loc) · 104 KB
/
cn.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>NocoBase-开源、私有部署的轻量级无代码和低代码开发平台</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="NocoBase 是一个轻量级、极易扩展的开源无代码和低代码开发平台。无需开发，花几分钟时间部署 NocoBase，马上拥有一个私有、可控、极易扩展的无代码开发平台，帮助企业轻松实现多元业务场景，让数字化更快、更简单、更便宜。" />
<meta name="keywords" content="nocobase,低代码,无代码,零代码,私有部署,开源,no-code,low-code,open-source,无代码开发,低代码开发,工作流管理软件,业务流程管理,协作软件,企业流程管理,企业管理系统,无代码系统,无代码平台,无代码搭建,免费无代码开发平台" />
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/favicon-16x16.png">
<link rel="manifest" href="./images/favicon/site.webmanifest">
<!-- Bootstrap -->
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Icons -->
<link href="./css/materialdesignicons.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
<!-- Balloon css -->
<link href="./css/balloon.min.css?v3" rel="stylesheet" type="text/css" />
<!-- Slider -->
<link rel="stylesheet" href="./css/tiny-slider.css"/>
<!-- Main Css -->
<link href="./css/style.css?v1.4" rel="stylesheet" type="text/css" id="theme-opt" />
<!-- <link href="./css/colors/default.css" rel="stylesheet" id="color-opt"> -->
<!-- Language -->
<script type="text/javascript">
function setLanguagePreference(lang) {
document.cookie = "preferredLang=" + lang + "; path=/; domain=.nocobase.com; max-age=31536000";
}
// 从 Cookie 读取语言偏好
function getLanguagePreference() {
var match = document.cookie.match(/(^|;) ?preferredLang=([^;]*)(;|$)/);
return match ? match[2] : null;
}
// 点击切换语言按钮
function changeLanguage(lang) {
setLanguagePreference(lang);
if (lang === 'en') {
window.location.href = 'https://www.nocobase.com';
} else if (lang === 'zh') {
window.location.href = 'https://cn.nocobase.com';
}
}
// document.addEventListener('DOMContentLoaded', function() {
// var preferredLang = getLanguagePreference();
// var currentHost = window.location.host;
// // 判断当前访问的是否为英文站点（包括带www和不带www的情况）
// var isEnglishSite = currentHost === 'www.nocobase.com' || currentHost === 'nocobase.com';
// if (preferredLang) {
// // 根据偏好执行跳转
// if (preferredLang === 'zh' && isEnglishSite) {
// window.location.href = 'https://cn.nocobase.com';
// } else if (preferredLang === 'en' && !isEnglishSite) {
// window.location.href = isEnglishSite ? window.location.href : 'https://www.nocobase.com';
// }
// } else {
// // 如果没有设置语言偏好，根据浏览器语言进行一次性跳转
// var userLang = navigator.language || navigator.userLanguage;
// if (userLang.startsWith('zh') && isEnglishSite) {
// setLanguagePreference('zh'); // 设置语言偏好并跳转
// window.location.href = 'https://cn.nocobase.com';
// } else if (!userLang.startsWith('zh') && !isEnglishSite) {
// setLanguagePreference('en'); // 设置语言偏好并保持当前英文站点
// // 不执行跳转，因为已经在英文站点
// }
// }
// });
</script>
<!-- Begin Brevo Form -->
<style>
#sib-container input:-ms-input-placeholder {
text-align: left;
color: #c0ccda;
}
#sib-container input::placeholder {
text-align: left;
color: #c0ccda;
}
#sib-container textarea::placeholder {
text-align: left;
color: #c0ccda;
}
</style>
<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<!-- END Brevo Form -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-237XXSVYHE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-237XXSVYHE');
</script>
<!-- Baidu Analytics -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?73c0a021efd1eab59d0ad8628750283e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<!-- Loader -->
<!-- <div id="preloader">
<div id="status">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div> -->
<!-- Loader -->
<!-- Navbar Start -->
<header id="topnav" class="defaultscroll sticky">
<!-- <div class="producthunt" style="background: #2f55d4; text-align: center; padding: 8px 0;"><a href="https://www.producthunt.com/posts/nocobase" target="_blank" style="color: #adb5bd; ">🎉 NocoBase 已登录 <span style="color: #FFF">Product Hunt</span>. 我们需要你的支持！ <span style="color: #FFF">为 NocoBase 投票 <i class="uil uil-arrow-right"></i></span></a></div> -->
<div class="container">
<!-- Logo container-->
<a class="logo" href="https://cn.nocobase.com">
<span class="logo-light-mode">
<img src="https://static-docs.nocobase.com/logo-nocobase.png" class="logo-light-mode" height="24" alt="NocoBase Logo">
</span>
</a>
<div class="demo">
<a href="https://demo-cn.nocobase.com/new" target="_blank" class="btn btn-outline-primary btn-sm">在线 demo<i class="uil uil-angle-right-b"></i></a>
</div>
<div class="lang">
<a href="javascript:void(0);" onclick="changeLanguage('en')" class="text-reset">EN</a> | <a href="javascript:void(0);" onclick="changeLanguage('zh')" class="text-reset">中文</a>
</div>
<!-- End Logo container-->
<div class="menu-extras">
<div class="menu-item">
<!-- Mobile menu toggle-->
<a class="navbar-toggle" id="isToggle" onclick="toggleMenu()">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</div>
</div>
<div id="navigation">
<!-- Navigation Menu-->
<ul class="navigation-menu">
<li class="has-submenu parent-menu-item">
<a href="javascript:void(0)">开源</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a rel="nofollow" href="https://github.com/nocobase/nocobase" class="sub-menu-item" target="_blank">GitHub <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/nocobase/nocobase"></a></li>
<li><a rel="nofollow" href="https://gitee.com/nocobase/nocobase" class="sub-menu-item" target="_blank">Gitee <span class="git-project-gvp">GVP</span></a></li>
</ul>
</li>
<li><a href="https://cn.nocobase.com/plugins-cn.html" class="sub-menu-item">插件</a></li>
<li><a href="https://cn.nocobase.com/commercial-cn.html" class="sub-menu-item">商业授权</a></li>
<li class="has-submenu parent-menu-item">
<a href="javascript:void(0)">资源</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="https://docs-cn.nocobase.com" class="sub-menu-item" target="_blank">文档</a></li>
<li><a href="https://blog-cn.nocobase.com" class="sub-menu-item" target="_blank">博客</a></li>
<li><a href="https://cn.nocobase.com/community-cn.html" class="sub-menu-item">社区</a></li>
<li><a href="https://cn.nocobase.com/contact-cn.html" class="sub-menu-item">联系我们</a></li>
<li><a href="https://docs-cn.nocobase.com/welcome/release/roadmap" class="sub-menu-item" target="_blank">路线图</a></li>
<li><a href="https://docs-cn.nocobase.com/welcome/release/" class="sub-menu-item" target="_blank">更新记录</a></li>
<li><a href="https://cn.nocobase.com/agreement-cn.html" class="sub-menu-item">许可协议</a></li>
</ul>
</li>
</ul><!--end navigation menu-->
</div><!--end navigation-->
</div><!--end container-->
</header><!--end header-->
<!-- Navbar End -->
<!-- Hero Start -->
<section class="bg-half-260 bg-light d-table w-100">
<!-- <div class="bg-overlay"></div> -->
<div class="container">
<div class="row">
<div class="col-12">
<div class="title-heading text-center mt-4">
<h1 class="display-4 fw-bold mb-3">极易扩展的<br>无代码开发平台</h1>
<p class="para-desc mx-auto text-muted">
完全掌控，无限扩展，助力你的开发团队快速响应变化，显著降低成本。<br>这一切，不必投入几年时间和数百万资金研发<br>- 只需要花几分钟部署 NocoBase。
</p>
<div class="mt-4 pt-2">
<a href="#section-for-you" class="btn btn-primary mb-2">适合你吗？<i class="uil uil-arrow-down"></i></a>
<a href="https://demo-cn.nocobase.com/new" target="_blank" class="btn btn-outline-primary mb-2">在线体验<i class="uil uil-angle-right-b"></i></a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- Hero End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-color-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- For you Start -->
<section class="section pb-0" id="section-for-you">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h3 class="title mb-4">NocoBase 适合谁</h3>
<p class="text-muted para-desc mx-auto mb-0">
你的开发团队为自身或者客户交付各种业务系统，你们正在面临这样的<span class="text-primary fw-bold">严重困扰</span>：
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-2 col-md-4 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">业务需求<br>频繁变化</p>
</div>
</div>
</div><!--end col-->
<div class="col-lg-2 col-md-4 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">交付时间<br>短暂紧迫</p>
</div>
</div>
</div><!--end col-->
<div class="col-lg-2 col-md-4 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">开发流程<br>迟钝漫长</p>
</div>
</div>
</div><!--end col-->
<div class="col-lg-2 col-md-4 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">人员成本<br>居高不下</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mt-5 mb-4 pb-2">
<p class="text-muted para-desc mx-auto mb-0">
你的团队已经意识到需要抛弃传统开发方式，引入无代码开发可能是很好的选择。但你们经过调研或尝试后，对无代码平台有<span class="text-primary fw-bold">诸多担忧</span>。
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-5 col-md-6 order-2 order-md-1 mt-4 mt-sm-0 pt-2 pt-sm-0">
<ul class="list-unstyled">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>无代码能力有限，主要是表单或表格</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>笨重死板，遇到无法满足的需求时无可奈何</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>看不到源代码，数据在第三方服务器，隐私和安全难保证</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>系统不稳定，遇到问题又难以追踪和排查</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>与现有的系统难以无缝融合</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>按用户或按应用收费，被绑架，购买的产品并不属于自己</li>
</ul>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mt-4 mb-4 pb-2">
<p class="text-muted para-desc mx-auto mb-0">
不必担忧！试一试 NocoBase<br>
NocoBase 就是为你的开发团队量身定制的<span class="text-primary fw-bold">基础设施</span>！
</p>
</div>
<div class="mt-4 pt-2 text-center">
<a href="#section-how" class="btn btn-primary">如何做到？ <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- For you End -->
<!-- How Start -->
<section class="section pb-0" id="section-how">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h3 class="title mb-4">NocoBase 是如何做的</h3>
<p class="text-muted para-desc mx-auto mb-0">
“无代码”对于快速开发业务系统有很大的帮助，但不可能满足所有需求，NocoBase 的设计原则是：
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-7 p-4 bg-light rounded shadow text-center">
<p class="mb-0">
<span class="text-primary fw-bold" style="font-size: 20px;">80%</span> 的需求通过无代码实现，<span class="text-primary fw-bold" style="font-size: 20px;">20%</span> 由扩展开发实现。
</p>
</div>
</div><!--end row-->
<div class="row align-items-top mt-100">
<div class="col-lg-5 col-md-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">数据模型驱动</span>，“数据结构”与“使用界面”分离</h5>
<p class="text-muted">相比于表单和表格驱动，数据模型驱动可以提供没有上限的开发能力。</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>数据和 UI 解耦</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>同一张表、同一条记录可以创建任意数量、任意形态的区块和操作</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>支持主数据库、外部数据库、第三方 API 作为数据源</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-7">
<div class="card rounded border-0 shadow ms-lg-5">
<div class="card-body feature-card-img">
<img src="https://static-docs.nocobase.com/model.png" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-top mt-100">
<div class="col-lg-5 col-md-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">所见即所得</span>，使用超简单</h5>
<p class="text-muted">NocoBase 可以开发复杂和有特色的业务系统，但它的使用却非常简单。</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>一键切换使用模式和配置模式</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>页面就是一块画布，在画布上摆放各种区块和操作，组合出合适的界面，就像 Notion</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>界面配置模式为普通人设计，而不是为程序员设计</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-7 col-md-7">
<div class="card rounded border-0 shadow ms-lg-5">
<div class="card-body feature-card-img">
<img src="https://static-docs.nocobase.com/wysiwyg.gif" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-top mt-100">
<div class="col-lg-5 col-md-5">
<div class="section-title">
<h5 class="mb-4">一切皆<span class="text-primary">插件</span>，为扩展开发而生</h5>
<p class="text-muted">面对复杂多变的业务场景，靠堆砌无代码能力来试图穷尽所有需求是徒劳的。 NocoBase 为扩展开发而生，自由扩展插件，满足各种需求。</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>采用微内核架构，全部功能都是插件，就像 Wordpress</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>插件即插即用</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>无论是页面、区块、操作，还是 API、数据源，都可以开发新的插件来满足新的需求</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-7 col-md-7">
<div class="card rounded border-0 shadow ms-lg-5">
<div class="card-body feature-card-img">
<img src="https://static-docs.nocobase.com/plugins.png" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-top mt-5">
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">开源</span>，使用主流技术栈</h5>
<p class="text-muted">NocoBase 核心代码和基础插件全部开源，提供绝对的透明度和可控性。</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>使用 TypeScript 编写</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>使用 Node.js、React、Koa 等主流技术栈</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>只定义标准接口，不定义私有 DSL</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>极致简单轻量，单台低配服务器即可运行，单人即可扩展开发</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4">日志和<span class="text-primary">监控</span></h5>
<p class="text-muted">NocoBase 不是黑盒子，提供翔实的日志和监控警告基础设施。</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>日志插件提供接口请求日志和系统运行日志</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>日志支持级别、滚动策略、大小、打印格式等丰富的配置</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>一系列遥测插件集成了 OpenTelemetry、Prometheus 等设施，让开发者可以监控任何指标</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4">与已有系统<span class="text-primary">融合</span></h5>
<p class="text-muted">NocoBase 提供多种方式与第三方系统融合：</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>将第三方的数据库作为数据源</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>将其他系统的 API 作为数据源</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>单点登录 (SSO)，实现无缝身份验证</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>与第三方系统互相嵌入，融为一体</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>多个 NocoBase 应用之间实现多应用、父子应用</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">免费</span>，或者一次付费，终身使用</h5>
<p class="text-muted">NocoBase 开源免费使用，在开源版本基础上提供商业授权和商业插件。商业授权和商业插件都是一次性购买，终身有效。</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>不需要订阅</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>不需要考虑用户数量</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>不需要考虑应用数量</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>不需要考虑数据量</li>
</ul>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="mt-4 pt-2 text-center">
<a href="#section-right" class="btn btn-primary">不是什么？<i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- For you End -->
<!-- Right way Start -->
<section class="section pb-0" id="section-right">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h3 class="title mb-4">NocoBase 的正确使用方式</h3>
<p class="text-muted para-desc mx-auto mb-0">
无代码不是万能的，NocoBase 也不是万能的。
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-6 col-12">
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase 不是低代码平台，不希望直接在界面上写代码</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase 不是代码生成器，不提供代码导出</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase 不是为没有技术背景的团队准备的工具</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase 不是 SaaS，不提供订阅和按量付费</li>
</ul>
</div><!--end col-->
<div class="col-md-6 col-12">
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>开发团队将 NocoBase 作为基础设施，极大提升交付速度和效率</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>开发团队通过扩展插件来扩充能力，非开发人员可以在此基础上进行无代码搭建</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>使用 NocoBase 开发从简单到复杂的业务系统和内部工具</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>在自己的服务器上部署 NocoBase 并使用，完全掌控它</li>
</ul>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="mt-4 pt-2 text-center">
<a href="#section-try" class="btn btn-primary">试一下 <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- End -->
<!-- Try Start -->
<section class="section pb-0" id="section-try">
<div id="how-it-works"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div id="steps-guide">
<div class="section-title">
<h3 class="title mb-4">亲自试一试，3 步创建一个 CRM </h3>
</div>
<div class="row">
<div class="col-md-4">
<div class="card features feature-clean work-process bg-transparent process-arrow border-0 text-center">
<div class="card-body steps-title guide1" id="guide1">
<h6 class="text-dark"><span class="h2 fw-bold step">01. </span>创建数据表和字段</h6>
</div>
</div>
</div><!--end col-->
<div class="col-md-4">
<div class="card features feature-clean work-process bg-transparent process-arrow border-0 text-center">
<div class="card-body steps-title guide2" id="guide2">
<h6 class="text-dark"><span class="h2 fw-bold step">02. </span>配置菜单和页面</h6>
</div>
</div>
</div><!--end col-->
<div class="col-md-4">
<div class="card features feature-clean work-process bg-transparent d-none-arrow border-0 text-center">
<div class="card-body steps-title guide3" id="guide3">
<h6 class="text-dark"><span class="h2 fw-bold step">03. </span>在页面内布置区块和操作</h6>
</div>
</div>
</div><!--end col-->
</div>
</div>
<div class="" id="demo-wrap">
<img src="https://static-docs.nocobase.com/1-home-steps.png" alt="NocoBase 无代码 DEMO" class="img-fluid rounded-md shadow-lg" style="z-index: 0;">
<div id="steps-wrap">
<div id="step25" class="demo_step">
<img src="https://static-docs.nocobase.com/1-home-steps.png" alt="NocoBase 无代码 DEMO">
<div class="button demo_tooltip" id="button25" aria-label="现在，开始使用 NocoBase 吧" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step24" class="demo_step">
<img src="https://static-docs.nocobase.com/21-home-steps.png" alt="NocoBase 轻量级无代码平台">
<div class="button demo_tooltip" id="button24" aria-label="好了，让我们退出配置模式" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step23" class="demo_step">
<img src="https://static-docs.nocobase.com/20-home-steps.png" alt="NocoBase 企业级无代码平台">
<div class="button demo_tooltip" id="button23" aria-label="每个区块甚至每个元素都可以个性化配置" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step22" class="demo_step">
<img src="https://static-docs.nocobase.com/19-home-steps.png" alt="NocoBase 开源无代码平台">
<div class="button demo_tooltip" id="button22" aria-label="拖拽这些区块就可以调整布局" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step21" class="demo_step">
<img src="https://static-docs.nocobase.com/18-home-steps.png" alt="NocoBase 开源低代码平台">
<div class="button demo_tooltip" id="button21" aria-label="我们可以在页面内添加任意多个区块" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step20" class="demo_step">
<img src="https://static-docs.nocobase.com/17-home-steps.png" alt="NocoBase 开源零代码开发平台">
<div class="button demo_tooltip" id="button20" aria-label="继续" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step19" class="demo_step">
<img src="https://static-docs.nocobase.com/16-home-steps.png" alt="NocoBase 低代码开发工具">
<div class="button demo_tooltip" id="button19" aria-label="去下一个标签页，添加一个相关数据区块，便于查看这个顾客的订单" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step18" class="demo_step">
<img src="https://static-docs.nocobase.com/15-home-steps.png" alt="NocoBase 低代码开发平台">
<div class="button demo_tooltip" id="button18" aria-label="可以拖拽组合字段，调整布局" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step17" class="demo_step">
<img src="https://static-docs.nocobase.com/14-home-steps.png" alt="NocoBase 开源低代码平台">
<div class="button demo_tooltip" id="button17" aria-label="在每个标签页里都可以添加丰富的区块。让我们添加一个详情区块" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step16" class="demo_step">
<img src="https://static-docs.nocobase.com/13-home-steps.png" alt="NocoBase 开源低代码平台">
<div class="button demo_tooltip" id="button16" aria-label="我们可以添加一些标签页" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step15" class="demo_step">
<img src="https://static-docs.nocobase.com/12-3-home-steps.png" alt="NocoBase 开源无代码平台">
<div class="button demo_tooltip" id="button15" aria-label="点击'查看'，我们去配置每条数据的详情页" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step14" class="demo_step">
<img src="https://static-docs.nocobase.com/12-2-home-steps.png" alt="NocoBase 开源低代码平台">
<div class="button demo_tooltip" id="button14" aria-label="也可以决定启用哪些操作" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step13" class="demo_step">
<img src="https://static-docs.nocobase.com/12-1-home-steps.png" alt="NocoBase 开源低代码平台">
<div class="button demo_tooltip" id="button13" aria-label="对这个表格区块，我们可以决定显示哪些列" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step11" class="demo_step">
<img src="https://static-docs.nocobase.com/11-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button11" aria-label="我们添加一个表格区块，用来显示顾客的数据" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
<div class="steps-groups">
<div class="steps-group-name"><span>03</span><br>在页面内布置区块</div>
</div>
</div>
<div id="step10" class="demo_step">
<img src="https://static-docs.nocobase.com/10-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button button10 demo_tooltip" id="button10" aria-label="现在，就可以在页面内添加区块了" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step9" class="demo_step">
<img src="https://static-docs.nocobase.com/9-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button9" aria-label="也可以添加不限层级的子菜单" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step8" class="demo_step">
<img src="https://static-docs.nocobase.com/8-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button8" aria-label="此时，界面上出现了配置按钮。让我们添加一些菜单" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step7" class="demo_step">
<img src="https://static-docs.nocobase.com/7-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button7" aria-label="回到空白的画布，让我们进入界面配置模式" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
<div class="steps-groups">
<div class="steps-group-name"><span>02</span><br>配置菜单和页面</div>
</div>
</div>
<div id="step6" class="demo_step">
<img src="https://static-docs.nocobase.com/6-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button button6 demo_tooltip" id="button6" aria-label="创建完成，退出数据表配置界面" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step5" class="demo_step">
<img src="https://static-docs.nocobase.com/5-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button5" aria-label="根据需要，从数十种字段类型中选择并创建" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step4" class="demo_step">
<img src="https://static-docs.nocobase.com/4-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button4" aria-label="接下来，我们为数据表添加一些字段" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step3" class="demo_step">
<img src="https://static-docs.nocobase.com/3-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button3" aria-label="我们来创建顾客、订单的数据表" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step2" class="demo_step">
<img src="https://static-docs.nocobase.com/2-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button demo_tooltip" id="button2" aria-label="进入数据表配置界面" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
<div class="steps-groups">
<div class="steps-group-name"><span>01</span><br>创建数据表和字段</div>
</div>
</div>
<div id="step1" class="demo_step demo_step_start">
<img src="https://static-docs.nocobase.com/1-home-steps.png" alt="NocoBase 轻量级开源无代码和低代码开发平台">
<div class="button button1 demo_tooltip" id="button1" aria-label="点击，3 步创建一个 CRM" data-balloon-length="medium" data-balloon-pos="up">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
</div><!--end sptes-wrap-->
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="mt-4 pt-2 text-center">
<a href="#section-feedback" class="btn btn-primary">用户声音 <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- End -->
<!-- Feedback Start -->
<section class="section pb-0" id="section-feedback">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title">
<h3 class="title mb-4">这很重要，听听用户们怎么说</h3>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-9 mt-4 pt-2">
<div class="tiny-single-item text-center">
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">作为一家专注于法律科技领域的公司，我们面临的挑战在于服务的广泛性和需求的多样性。为了有效降低研发成本，提高开发效率，我们曾考虑开发一套内部低代码系统。然而，在探索中我们发现了 NocoBase，它的架构设计不仅灵活，而且强大，完美满足了我们对快速开发和深度定制化的双重需求。</p>
<p class="text-muted fst-italic">自从 NocoBase 进入我们的视线，我们便在几个业务项目中开始了尝试。它的易用性和扩展性很快就证明了其价值，让我们的开发工作变得更为高效和敏捷。随着 NocoBase 版本的不断迭代和功能的持续增强，我们对其信心与日俱增。</p>
<p class="text-muted fst-italic">我们非常欣赏 NocoBase 团队的创新精神和响应速度，他们不仅提供了一套优秀的无代码解决方案，更通过不断的优化和更新，确保了用户能够紧跟技术发展的步伐。我们对 NocoBase 的体验非常满意，并期待看到他们在未来能够带来更多令人惊喜的进步。</p>
<a rel="nofollow" href="https://www.bestone.com/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/bestone.jpg" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> 张志鹏 <small class="text-muted">CTO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">NocoBase 作为无代码/低代码平台的卓越体验让我们无比重视。它以其异常的用户友好性脱颖而出，让我们的开发过程变得既流畅又高效。最让我感到印象深刻的是，一旦数据模型建立，就能轻松进行用户界面的开发工作。这种简化的方法使我们能在几周内就开发出一个完备的系统，足以服务于数百个组织。 </p>
<p class="text-muted fst-italic">NocoBase 有效地打破了强大系统需要数月甚至数年才能完成的常见误解。我强烈推荐它给任何希望在不牺牲质量的情况下加速其开发周期的组织。</p>
<a rel="nofollow" href="https://sambruk.se/" target="_blank"><img src="https://nocobase-file.oss-cn-beijing.aliyuncs.com/Sambruk.png" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> Thomas Wennersten <small class="text-muted">CTO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">传统行业数字化转型核心目的是为了降本增效，提高企业竞争力，扩大市场份额，但是落地时往往面临三道难题：业务衔接难，技术支撑难，成本控制难。无代码/低代码平台因适用场景多、使用难度低、迭代成本可控，成为了最佳选择。</p>
<p class="text-muted fst-italic">在试用了几十款商用和开源的低代码平台后，公司最终选定 NocoBase 做为业务支撑平台，由市场部和档案部的非IT背景员工经简单自学，一周左右就开发建立了CRM、RMS（档案管理系统）、MES（生产执行系统）等3个系统，并开始试运行。然后利用 NocoBase 丰富的插件功能整合WMS、ECS（环境控制系统）和AI 辅助办公系统，企业数字化转型成本由半年数百万缩短至一个月数十万，而且由于业务人员参与系统建设，应对客户和员工的需要变更，反应时间可缩短至数十分钟。</p>
<p class="text-muted fst-italic">NocoBase 先进的设计理念、全天候的技术支撑、开源的私有化部署方案、合理的商业模式将使我们的企业面对未来的挑战更加从容不迫。</p>
<a rel="nofollow" href="https://cdxcrt.cn/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/xiangcheng.png" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> 孙晓峰 <small class="text-muted">CEO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">我们公司从事ICT行业，客户在企业数字化转型方面面临各种挑战。因此，我们开始寻找解决方案，以提高开发效率、降低成本，并满足客户多样化的需求。</p>
<p class="text-muted fst-italic">在探索过程中，我们发现了NocoBase，犹如孙悟空找到东海龙王一样。NocoBase的零代码平台如同一把金箍棒，赋予了我们无限的力量。拥有这个强大的工具，我们的交付团队犹如孙悟空般，拥有着无尽的可能性。</p>
<p class="text-muted fst-italic">通过NocoBase零代码平台，我们的协作效率显著提升。能够快速构建定制化的应用程序，满足不同客户的需求，而无需花费大量的时间和精力。就像孙悟空一样，我们的战斗力得到了爆发，轻松地解决了之前棘手的问题。</p>
<p class="text-muted fst-italic">随着时间的推移，NocoBase零代码平台不断更新和优化，为客户提供了更多的功能和灵活性。我们的交付团队信心倍增，对未来充满期待，期待能够与NocoBase一起继续创造更多奇迹，为客户提供更优质的解决方案。就像孙悟空一样，在东海龙王那里获得金箍棒后，开启了精彩的人生，最终带来了无尽的荣耀和胜利。</p>
<a rel="nofollow" href="#"><img src="https://static-docs.nocobase.com/WechatIMG54.jpg" class="mt-4 mb-4" height="80" alt=""></a>
<h6 class="text-primary"> 上海通创信息技术股份有限公司 </h6>
<h6 class="text-primary"> 余毅 <small class="text-muted">副总经理</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">NocoBase 作为数据管理、API 服务、工作流的核心，极大的降低了开发难度，使得我们的开发者能够更专注于业务逻辑的实现，从而大大提高了开发效率。</p>
<p class="text-muted fst-italic">NocoBase 具备出色的集成能力，能够与各种第三方服务和系统进行无缝对接，实现数据共享和功能整合。这意味着我们无需从零开始构建所有功能，而是可以充分利用现有的服务和资源，将各种功能和服务快速集成到应用中。这种集成能力不仅减少了开发时间和成本，更使得应用的功能更加丰富和多样化，满足了用户多样化的需求。</p>
<p class="text-muted fst-italic">在这个快速发展的数字化时代，NocoBase 无疑是我们应对挑战、实现创新的有力武器，感谢 NocoBase 团队的付出！</p>
<a rel="nofollow" href="https://www.chinaunicom.com/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/liantong.png" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> 新疆联通科创实验室 </h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">NocoBase 的 block/action 系统吸引了我们，开源、快捷且可扩展，为我们快速搭建小型业务系统提供了一个优秀的方案。而且项目团队有实力，积极开放，极富成长性！</p>
<a rel="nofollow" href="http://www.ceairgroup.com/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/donghang.jpg" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> 东航商业保理有限公司 </h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">在我使用过的无代码/低代码平台中，NocoBase 是最为独特的一个。它更符合传统软件开发的逻辑，从数据关系开始，逐步构建上层应用。学习和掌握起来非常容易，有效解决了构建传统系统所需的大量时间和成本问题。</p>
<h6 class="text-primary">云和县木制玩具产业平台</h6>
<h6 class="text-primary"> 刘超 <small class="text-muted">CEO</small></h6>
</div>
</div><!--end owl carousel-->
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section>
<!-- Feedback End -->
<!-- Get Start -->
<section class="section" id="section-get">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h3 class="title mb-4">准备好使用 NocoBase 了吗？</h3>
<p class="text-muted para-desc mx-auto mb-0">1 分钟时间部署一个专属 demo。自己部署 NocoBase，同样很简单。</p>
<div class="mt-4">
<a href="https://demo-cn.nocobase.com/new" target="_blank" class="btn btn-primary mt-2 mb-4">开通 demo <i class="uil uil-arrow-right"></i></a>
<a href="https://docs-cn.nocobase.com/welcome/getting-started/installation" target="_blank" class="btn btn-outline-primary mt-2 mb-4">本地部署 <i class="uil uil-arrow-right"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section>
<!-- Get End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-footer">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- Footer Start -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer-py-60">
<div class="row">
<div class="col-lg-3 col-12 mb-0 mb-md-4 pb-0 pb-md-2">
<!-- <a href="https://www.nocobase.com" class="logo-footer">
<img src="https://nocobase-file.oss-cn-beijing.aliyuncs.com/logo-white.png" height="24" alt="">
</a> -->
<p><a href="https://github.com/nocobase/nocobase" target="_blank"><img src="https://trendshift.io/api/badge/repositories/4112" alt="nocobase%2Fnocobase | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a></p>
<p><a href="https://www.producthunt.com/posts/nocobase?embed=true&utm_source=badge-top-post-topic-badge&utm_medium=badge&utm_souce=badge-nocobase" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=456520&theme=light&period=weekly&topic_id=267" alt="NocoBase - Scalability-first, open-source no-code platform | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a></p>
<!-- <p class="mt-4">Self-hosted and extremely scalable open-source no-code development platform to make digitalization faster, easier and cheaper.</p> -->
<ul class="list-unstyled social-icon foot-social-icon mb-0 mt-4">
<li class="list-inline-item"><a rel="nofollow" href="https://github.com/nocobase/nocobase" class="rounded" target="_blank"><i data-feather="github" class="fea icon-sm fea-social"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="https://twitter.com/NocoBase" class="rounded" target="_blank"><i data-feather="twitter" class="fea icon-sm fea-social"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="mailto:[email protected]" class="rounded" target="_blank"><i data-feather="mail" class="fea icon-sm fea-social"></i></a></li>
</ul><!--end icon-->
</div><!--end col-->
<div class="col-lg-1 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
</div><!--end col-->
<div class="col-lg-2 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
<h5 class="footer-head">Links</h5>