Nextjs+Antd5.0打造面向AI的文档可视化引擎(最新更新)

news2024/11/27 19:35:00

hello,大家好,我是徐小夕。之前和大家分享了很多可视化零代码前端工程化的最佳实践,今天继续分享一下我开发的文档引擎 Nocode/WEP 的最新更新。

733c23089f997417ff6fb49ca255a23e.png

issue收集: https://github.com/MrXujiang/Nocode-Wep/issues

演示地址: http://wep.turntip.cn

往期精彩
  • 零代码+AI的阶段性复盘

  • 文档引擎+AI可视化打造下一代文档编辑器

  • 爆肝1000小时, Dooring零代码搭建平台3.5正式上线

  • 从零打造一款基于Nextjs+antd5.0的中后台管理系统

首先复盘一下技术栈

0773513aa23f461d2fe871c3e25df833.png

Nocode/WEP 的一个分支是 Nocode/Doc, 它提供一个强大的文档编辑模式,我们可以使用它轻松编辑文档表单网页思维导图表格等,并且支持非常丰富的互动元素,轻松帮助个人或者企业搭建专业的知识 & 品宣库, 并提供数据分析能力。

目前我采用的技术栈如下:

  • nextjs 世界上最流行的前端解决方案之一

  • antd5.0 使用人数最多,高质量的开源组件库

  • chart.js 轻量可扩展的可视化图表库

  • jsonwebtoken 用户鉴权库

  • xijs 面向业务场景的强大的js工具库

  • react-moveable 强大的自由拖拽库

  • form-engine 自研表单引擎

  • doc-editor 自研文档编辑引擎

  • simple-mind-map 开箱即用的思维导图组件

  • yjs 基于CRDT算法的协同框架

  • 通义千问SDK 提供AI能力支持

当然还有很多实用插件,这里就不一一介绍了,感兴趣的朋友可以研究上述我列举的方案,接下来就来和大家分享一下最近的更新。

最近一周的更新内容

1. 数据分析管理页面

ffead0fb5225e1a5e6182f2da9c2405a.png

我们可以在这个页面管理自己的文档,设置文档权限,添加知识库等,同时还提供了一个可视化分析面板,我们可以看到自己文档或者文章的流量数据(PV,UV)。

2. 资源社区

470855f1c72234c4cd4acfc4ff15cb51.png

我们可以在这里找到不同的文档模板,大家可以参考模板快速制作一个专业级文档。目前还在持续迭代更新中,也欢迎大家贡献模板(可以展示自己的产品)。

3. 素材库管理

e9c9d190649fa82192a8bfad6dd93aed.png

我们可以在这里管理上传自己的素材,后续可以一键应用到自己的文档中。当然这个模块非常重要,后续我会设计一个非常有意思的模块(和搭建流程绑定的一个功能设计)。

4. AI助手

ad89b678f344e8c52719e454d1e8a3dd.png

Nocode/WEP 内置了阿里的通义千问,我们可以实用它轻松做任何知识的问答,目前免费开放,欢迎大家使用~

5. 支持多人协作编辑文档

66d4e23c4858a1be90a62bd2cc26e5be.png

我们编辑好的文档,比如项目管理,项目走查文档, 可以通过分享按钮,一键分享给其他小伙伴,并能共同编辑文档,对于在线办公的小伙伴非常实用~

6. 添加AI创作组件

b4594ea45eaef3f2a5b464528d99e072.png

我们可以在编辑文档的时候实用AI创作,来智能生成文档大纲,内容解析,问答或者代码等。

7. 支持文档内嵌表单(内测中, 节后开放)

b6fc6506a5ce573cb223e23f60c94be5.png

这个功能也是之前热心网网友在公众号评论区反馈的,我觉得非常有意思,后续会持续迭代,做一个强大的表单引擎。

8. 设计了一个简单的宣传首页~

ec52d4a3801f734c55555d6e0cb40e9e.png

至此,整个文档产品流程已经完全打通,大家可以方向食用,后续我会从技术上,产品功能上做进一步的迭代升级和技术分享,欢迎大家体验反馈~

后期规划

  • 支持自定义表单

  • 支持数据埋点

  • 支持业务组件库

  • 支持画板 / 流程图

  • 支持自动生成个人站点

如果你有好的建议,也欢迎在评论区和我反馈~

issue收集: https://github.com/MrXujiang/Nocode-Wep/issues

演示地址: http://wep.turntip.cn

更多推荐

  • 零代码+AI的阶段性复盘

  • 文档引擎+AI可视化打造下一代文档编辑器

  • 爆肝1000小时, Dooring零代码搭建平台3.5正式上线

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1650437.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

基于51单片机ESP8266wifi控制机器人—送餐、快递

基于51单片机wifi控制机器人 (程序+原理图+PCB+设计报告) ​功能介绍 具体功能: 1.L298N驱动电机,机器人行走; 2.装备红外线感应检测到周围环境,进行行程判断&#xf…

STM32——基础篇

技术笔记! 一、初识STM32 1.1 ARM内核系列 A 系列:Application缩写。高性能应用,比如:手机、电脑、电视等。 R 系列:Real-time缩写。实时性强,汽车电子、军工、无线基带等。 M 系列:Microcont…

抖音小店——服务体验,决定店铺生死的关键

哈喽~我是电商月月 新手做抖音小店,是不是觉得“选品”是整个抖店运营过程中最重要的操作 选品在前期确实非常重要,新店铺没有销量,没有评分本身就不好出单,你又不是厂家可以把价格压到最低做促销转化,想出单就只能把…

内容安全(IPS入侵检测)

入侵检测系统( IDS )---- 网络摄像头,侧重于风险管理,存在于滞后性,只能够进行风险发现,不能及时制止。而且早期的IDS误报率较高。优点则是可以多点进行部署,比较灵活,在网络中可以进…

分布式与一致性协议之ZAB协议(五)

ZAB协议 ZAB集群如何从故障中恢复 如果我们想把ZAB集群恢复到正常状态,那么新领导者就必须确立自己的领导关系,成为唯一有效的领导者,然后作为主节点"领导"各备份节点一起处理读写请求 如何确立领导关系 前面提到,选…

选择了软件测试,你后悔吗?

记得在求职的时候,面试官经常问我:“为什么要选择软件测试工作?”而我也会经常说一堆自己有的没的优势去应付。 工作这么久了,也不再浮躁,静下心来回忆当初选择软件测试工作的历程,也是对自己职业生涯的一次回顾。 下…

揭秘前端开发的“薪”机遇

众所周知,华为开发者大会2023,宣布不再兼容安卓,同时宣布了“鸿飞计划”,欲与iOS、安卓在市场三分天下,这对中国国产操作系统而言,具有划时代的意义。 最近有不少前端的开发者来咨询鸿蒙开发,今…

Partisia Blockchain 生态首个zk跨链DEX现已上线

在5月1日,由Partisia Blockchain与zkCross创建合作推出的Partisia zkCrossDEX在Partisia Blockchain生态正式上线。Partisia zkCrossDEX是Partisia Blockchain上重要的互操作枢纽,其融合了zkCross的zk技术跨链互操作方案,并利用Partisia Bloc…

Cesium学习——渲染、加载GeoJSON、调整位置

渲染概述 作者:当时明月在曾照彩云归 出处:https://www.cnblogs.com/jiujiubashiyi/p/17124717.html 1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持&#xf…

PDF文档如何签名?用Adobe信任的文档签名证书

为PDF文档电子签名的方式有多种多样,但并非所有方案都是可靠的。我们在市面看到的电子图章、电子印章等仅在文档中置入印章图片的方式,并不具有任何法律上的有效性,它只是显示印章的图形效果,随时可以被篡改、伪造。PDF文档如何签…

cmake进阶:目录属性之 INCLUDE_DIRECTORIES说明一

一. 简介 前一篇文章学习了 cmake的一些目录属性,其中最重要的是 头文件搜索路径。文章如下: cmake进阶:目录属性说明一-CSDN博客 本文主要学习 一个目录属性 INCLUDE_DIRECTORIES,即头文件搜索路径。 二. cmake进阶&#xff1…

信息系统安全与对抗-网络侦查技术与网络扫描技术(期末复习)

1、网络拓扑结构在网络攻击中的作用 查明目标网络的拓扑结构,有利于找到目标网络的关键节点,从而提高攻击效率,达到最大攻击效果。 2、网络侦查在网络攻击中的作用 识别潜在目标系统,确认目标系统适合哪种类型的攻击。 3、百度…

(四)JSP教程——request内置对象

request对象是将客户端浏览器数据提交给服务器端JSP页面的唯一数据通道,通过该通道JSP页面能够获取浏览器信息、form表单信息、URL参数信息等。 1.from表单向JSP文件传递数据 form表单是浏览器向服务器传递数据的一种基本机制,包含两种方式:…

9.Java内置锁的核心原理-Synchronized

文章目录 Java内置锁的核心原理-Synchronized1.线程安全问题1.1.自增运算分析1.2.临界区资源和临界区代码片段 2.synchronized关键字2.1.synchronized同步方法2.2.synchronized同步代码块2.3.synchronized同步方法和synchronized同步代码块区别2.4.静态的同步方法2.5.内置锁的释…

vue2 webpack-dev-server Unknown promise rejection reason

在vue.config.js中添加如下配置,重启项目即可 module.exports defineConfig({devServer: {client: {overlay: false,},} })参考

2024最新CTF入门的正确路线

目录 前言 一、什么是CTF比赛? 二、CTF比赛的流程 三、需要具备的知识 四、总结 前言 随着网络安全意识的增强,越来越多的人开始涉足网络安全领域,其中CTF比赛成为了重要的学习和竞赛平台。本人从事网络安全工作多年,也参加过…

【智能优化算法】海象优化器(Walrus optimizer,WO)

海象优化器(Walrus optimizer,WO)是期刊“EXPERT SYSTEMS WITH APPLICATIONS”(中科院一区 IF 8.3)的2024年智能优化算法 01.引言 海象优化器(Walrus optimizer,WO)的灵感来自海象通过接收关键信号(危险信号和安全信号)选择迁徙、…

网络基础(1)详解

目录 1.计算机网络背景 2.网络协议 3.网络中的地址管理 1.计算机网络背景 1.1 网络发展 (1)计算机从独立模式到网络互联(多态计算机连接共享数据)再到局域网LAN(通过交换机和路由器连接)接着是广域网WAN 1.2 协议 协议就是双方的一种约定. 为什么要有协议? 因为在数据长距…

练习项目后端代码解析切面篇(Aspect)

前言 之前注解篇时我说,通常情况下一个自定义注解一般对应一个切面,虽然项目里的切面和注解个数相同,但是好像有一个名字看起来并不对应,无所谓,先看了再说。 ExceptionLogAspect切面 我在里面做了具体注释&#x…

Java 线程池 ( Thread Pool )的简单介绍

想象一下,你正指挥着一支超级英雄团队,面对蜂拥而至的敌人(任务),不是每次都召唤新英雄(创建线程),而是精心调配现有成员,高效应对。这就是Java线程池的魔力,…