generated from template/astro-simple-template
init
This commit is contained in:
34
slides/components/GoBack.vue
Normal file
34
slides/components/GoBack.vue
Normal file
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<div @click="onClick" class="mr-2 py-1 inline text-gray-500" hover:bg="white op-10">
|
||||
<slot>
|
||||
<carbon:arrow-left v-if="props.arrow === 'left'" />
|
||||
<carbon:arrow-right v-else-if="props.arrow === 'right'" />
|
||||
<carbon:arrow-up v-else-if="props.arrow === 'up'" />
|
||||
<carbon:arrow-down v-else-if="props.arrow === 'down'" />
|
||||
<carbon:arrow-left v-else />
|
||||
</slot>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { useSlideContext } from '@slidev/client';
|
||||
|
||||
const { $slidev } = useSlideContext();
|
||||
const props = defineProps({
|
||||
go: {
|
||||
default: 1,
|
||||
},
|
||||
arrow: {
|
||||
type: String,
|
||||
default: 'left', // 'left', 'right', 'up', or 'down'
|
||||
},
|
||||
});
|
||||
const onClick = () => {
|
||||
const go = props.go;
|
||||
if (go <= 0) {
|
||||
$slidev.nav.go(1);
|
||||
return;
|
||||
}
|
||||
|
||||
$slidev.nav.go(go);
|
||||
};
|
||||
</script>
|
||||
19
slides/components/MyFooter.vue
Normal file
19
slides/components/MyFooter.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<!-- Foo.vue -->
|
||||
|
||||
<template>
|
||||
<div class="fixed bottom-3 right-2 text-gray-300 font-light text-sm">
|
||||
<a :href="link + basename">{{ link + basename }}</a>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
const props = defineProps({
|
||||
link: {
|
||||
type: String,
|
||||
default: 'https://kevisual.cn',
|
||||
},
|
||||
basename: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
</script>
|
||||
@@ -1,9 +1,10 @@
|
||||
---
|
||||
theme: default
|
||||
# theme: default
|
||||
# random image from a curated Unsplash collection by Anthony
|
||||
background: https://cover.sli.dev
|
||||
# background: https://cover.sli.dev
|
||||
background: https://cdn.jsdelivr.net/gh/slidevjs/slidev-covers@main/static/rRpZIM_IJmc.webp
|
||||
# 介绍文档： https://sli.dev
|
||||
title: Welcome to Slidev
|
||||
title: 介绍开源多维表格
|
||||
info: |
|
||||
## 关于Slidev的介绍
|
||||
演示稿
|
||||
@@ -18,11 +19,43 @@ mdc: true
|
||||
htmlAttrs:
|
||||
dir: ltr
|
||||
lang: zh-CN
|
||||
fonts:
|
||||
# 基础字体
|
||||
sans: Robot
|
||||
# 与 UnoCSS 的 `font-serif` css 类一同使用
|
||||
serif: Robot Slab
|
||||
# 用于代码块、内联代码等
|
||||
mono: Fira Code
|
||||
# duration of the presentation
|
||||
duration: 35min
|
||||
---
|
||||
# slide 是一个 所见即所得的幻灯片制作工具
|
||||
|
||||
# 开源多维表格
|
||||
|
||||
多维表格（也称为OLAP表格）是一种用于数据分析和报表的工具，允许用户从多个维度查看和分析数据。它们通常用于商业智能（BI）应用程序中，以帮助用户理解复杂的数据集。
|
||||
|
||||
<!--
|
||||
1. 为什么介绍多维表格
|
||||
|
||||
我想把自己知道的最好用的方式分享给大家
|
||||
|
||||
他对我们日常生活，规范化知识非常有用
|
||||
|
||||
2. 好用在哪里
|
||||
|
||||
数据展示
|
||||
|
||||
作为一个程序员，接触db比较多
|
||||
|
||||
知识库，AI自动化，知识管理，
|
||||
|
||||
3. 扩展自动化
|
||||
api
|
||||
|
||||
智能化
|
||||
-->
|
||||
|
||||
---
|
||||
src: ./demos/contents.md
|
||||
src: ./pages/contents.md
|
||||
hide: false
|
||||
---
|
||||
---
|
||||
|
||||
1
slides/kevisual.json
Normal file
1
slides/kevisual.json
Normal file
@@ -0,0 +1 @@
|
||||
{}
|
||||
@@ -1,10 +1,164 @@
|
||||
---
|
||||
title: '例子'
|
||||
transition: fade-out
|
||||
layout: image-right
|
||||
image: https://kevisual.cn/root/resources/upload/1.0.0/2025-12/rRpZIM_IJmc.webp
|
||||
---
|
||||
|
||||
# 常用语法结构
|
||||
# 拆分多维表格功能
|
||||
|
||||
> 多维表格的大体功能而言，只是把程序开发的后端的数据库由前端展现了出来，并同时可观测性和交互性。
|
||||
|
||||
<br />
|
||||
|
||||
- [表格可视化，功能筛选，多维表格视图](/3)
|
||||
- [看板可视化，仪表盘展示任务管理](/4)
|
||||
- [日历可视化，根据日期分析](/5)
|
||||
- [画廊可视化，展示图片和多媒体内容](/6)
|
||||
|
||||
扩展：
|
||||
|
||||
1. 自动化解决方案
|
||||
2. 根据数据自己分析
|
||||
<v-click>
|
||||
<img src="https://kevisual.cn/root/resources/upload/1.0.0/2025-12/2025-12-02_12-17.png" alt="多维表格功能拆分" style="max-width: 80%; height: auto;" />
|
||||
</v-click>
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
<!--
|
||||
API 自动化
|
||||
|
||||
https://nocodb.kevisual.cn/dashboard/#/base/d1ea31d6-0809-4f50-8312-78b7e9930ede
|
||||
|
||||
- 为什么介绍多维表格
|
||||
我想把自己知道的最好用的方式分享给大家
|
||||
|
||||
他对我们日常生活，规范化知识非常有用
|
||||
|
||||
- 好用在哪里
|
||||
数据展示
|
||||
|
||||
作为一个程序员，接触db比较多
|
||||
|
||||
知识库，AI自动化，知识管理，
|
||||
|
||||
- 扩展自动化 api
|
||||
|
||||
智能化
|
||||
-->
|
||||
|
||||
---
|
||||
transition: fade-out
|
||||
---
|
||||
|
||||
# <go-back :go="2" /> 表格可视化
|
||||
|
||||
数据表等于数据库，数据表的每一行等于数据库中的一条记录，每一列等于数据库中的一个字段。高级在于表格的可视化和交互性，很类似 Excel 的功能。
|
||||
|
||||
<br />
|
||||
<center>
|
||||
<a href="https://nocodb.kevisual.cn/dashboard/#/nc/pkgmmh488p3ptrv/mkv0cc0f6cjsy4e/vw8nrnczj8ude334/01-%25E6%2588%2590%25E5%2591%2598%25E8%25A1%25A8" _target="_blank" rel="noopener">
|
||||
<img src="https://kevisual.cn/root/resources/upload/1.0.0/2025-12/Snipaste_2025-12-01_23-05-11.png" alt="表格可视化" style="max-width: 60%; height: auto;" />
|
||||
</a>
|
||||
</center>
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
---
|
||||
transition: fade-out
|
||||
---
|
||||
|
||||
# 第二个
|
||||
# <go-back :go="2" /> 看板功能
|
||||
|
||||
看板多用于**项目管理，工作流，任务与待办事项管理，内容管理**等场景。通过看板视图，可以将任务或项目以卡片的形式进行展示和管理，支持拖拽操作，方便用户调整任务的优先级和状态。
|
||||
|
||||
<br />
|
||||
<center>
|
||||
<a href="https://nocodb.kevisual.cn/dashboard/#/nc/pkgmmh488p3ptrv/mur63rlt7yjkmvi/vwk9vl1e8yhec1be/03-%25E4%25BB%25BB%25E5%258A%25A1%25E8%25A1%25A8-%25E7%259C%258B%25E6%259D%25BF" _target="_blank" rel="noopener">
|
||||
<img src="https://kevisual.cn/root/resources/upload/1.0.0/2025-12/Snipaste_2025-12-01_23-25-54.png" alt="看板功能" style="max-width: 60%; height: auto;" />
|
||||
</a>
|
||||
</center>
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
---
|
||||
transition: fade-out
|
||||
---
|
||||
|
||||
# <go-back :go="2" /> 日历功能
|
||||
|
||||
查看当天的任务,事件安排等，通过日历视图，可以直观地了解每天、每周或每月的任务分布情况，方便进行时间管理和计划安排。
|
||||
|
||||
<br />
|
||||
<center>
|
||||
<a href="https://nocodb.kevisual.cn/dashboard/#/nc/pkgmmh488p3ptrv/mur63rlt7yjkmvi/vwupcjfo7ylt2gf2/03-%25E4%25BB%25BB%25E5%258A%25A1%25E8%25A1%25A8-%25E6%2597%25A5%25E5%258E%2586" _target="_blank" rel="noopener">
|
||||
<img src="https://kevisual.cn/root/resources/upload/1.0.0/2025-12/Snipaste_2025-12-01_23-29-39.png" alt="日历功能" style="max-width: 50%; height: auto;" />
|
||||
</a>
|
||||
</center>
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
---
|
||||
transition: fade-out
|
||||
---
|
||||
|
||||
# <go-back :go="2" /> 画廊功能和表单
|
||||
|
||||
画廊功能主要用于展示图片、多媒体内容等，适合用于作品集、产品展示等场景。用户可以通过画廊视图浏览和管理多媒体资源。
|
||||
|
||||
<br />
|
||||
<center>
|
||||
<a href="https://nocodb.kevisual.cn/dashboard/#/nc/pkgmmh488p3ptrv/mxv69rskicd2kxy/vwhqc15y3vrjkygg/05-%25E7%2594%25BB%25E5%25BB%258A-%25E7%2594%25BB%25E5%25BB%258A" _target="_blank" rel="noopener">
|
||||
<img src="https://kevisual.cn/root/resources/upload/1.0.0/2025-12/Snipaste_2025-12-01_23-53-48.png" alt="画廊功能" style="max-width: 50%; height: auto;" />
|
||||
</a>
|
||||
</center>
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
---
|
||||
transition: fade-out
|
||||
---
|
||||
|
||||
# 总结
|
||||
|
||||
多维表格功能通过多种视图和交互方式，提升了数据的可视化和管理效率，适用于各种数据管理和分析场景。一切应用的底层基础设施。
|
||||
|
||||
- 交互性
|
||||
|
||||
> 把这个可视化的数据当做一个数据库来使用，通过筛选获取想要的类型数据。
|
||||
|
||||
<br />
|
||||
|
||||
- 可扩展性
|
||||
|
||||
> 通过`webhook`和数据的状态判断，能够实现各种灵活性的动态修改数据。
|
||||
|
||||
<br />
|
||||
|
||||
- 自动化场景
|
||||
|
||||
> 博客，个人任务管理，知识库，企业管理，信息管理，数据都能放这里，然后通过自动化实现各种功能。
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
---
|
||||
transition: fade-out
|
||||
layout: image-right
|
||||
image: https://cdn.jsdelivr.net/gh/slidevjs/slidev-covers@main/static/9jFPVQzUgNY.webp
|
||||
---
|
||||
|
||||
# 规划任务
|
||||
|
||||
- 怎么自部署开源表格（nocodb）
|
||||
- 使用案例技巧，解决方案
|
||||
- 个人知识库，笔记，备忘录
|
||||
- 任务管理，待办事项
|
||||
- AI自动化
|
||||
- 联动自己网页
|
||||
<MyFooter basename='/root/mtd-slide/' />
|
||||
|
||||
<!--
|
||||
大纲
|
||||
|
||||
没有扩展，就只等于一个数据
|
||||
|
||||
下期任务
|
||||
|
||||
本地部署，自己电脑的一个可执行文件，只能本地访问
|
||||
|
||||
部署到云服务器上，可以公网访问
|
||||
-->
|
||||
|
||||
Reference in New Issue
Block a user