Сегодня я представлю вам решение для совместной работы с открытым исходным кодом, Univer — это интерфейсная платформа на основе Canvas для создания документов, электронных таблиц и слайдов. Пользователи, использующие Univer, могут одновременно просматривать и редактировать файлы Microsoft Office в своих системах, избегая необходимости загружать и скачивать PPT, Word и Excel.

развивать

Зависимости от среды:

• node.js version 16.20.0
• pnpm version 8.6.2

общая архитектура

Univer использовать typescript писать,Разработан в соответствии с подключаемой архитектурой,Функции вне ядра реализованы в виде плагинов.,В будущем будет построен рынок плагинов,Удовлетворяйте более персонализированные потребности

механизм рендеринга

Univer sheet, document, slide использоватьтот же набормеханизм Архитектура рендеринга абстрагирует приложения в текстовые потоки, таблицы, холсты и ядро. Частично запущенный рендеринг, объект для рендерера.

Практика и предварительный просмотр

Excel

Код:

const { univerSheetCustom, CommonPluginData } = UniverPreactTs;

const uiSheetsConfig = {
    container: 'univer-demo',
    layout: {
      sheetContainerConfig: {
        countBar: false,
      },
    },
  };

univerSheetCustom({
    uiSheetsConfig
});

Эффект

Doc

Код:

const { univerDocCustom, UniverCore, CommonPluginData } = UniverPreactTs;

const { DEFAULT_DOCUMENT_DATA_EN } = CommonPluginData;

const coreConfig = UniverCore.Tools.deepClone(DEFAULT_DOCUMENT_DATA_EN);
coreConfig.id = UniverCore.Tools.generateRandomId();
coreConfig.pageSize = {
  width: 400,
  height: 225,
};

const uiDocsConfig = {
  container: 'univer-demo',
  layout: {
    docContainerConfig: {
      innerRight: false,
      outerLeft: false,
      infoBar: false,
      toolbar: true,
    },
  },
};
const univerdoc = univerDocCustom({
  coreConfig,
  uiDocsConfig,
});

Эффект

интеллектуальная карта

ПРИМЕЧАНИЕ. Этот проект все еще находится в стадии разработки.,Только для тестирования и обучения,Не для использования в производстве！можно использовать в любое времясосредоточиться на проекте, чтобы получать последние обновления проекта

Как получить ресурсы

https://github.com/dream-num/univer

Рекомендуемое чтение:

Никогда не смотрите на C#!

.NET 7+Vue Платформа разделения фронтенда и бэкенда Admin.Core

От мелкого до глубокого Говоря о ключевых словах .NET Async и Await

Высокопроизводительная и доступная библиотека связи Socket в .NET.

ASP.NET Core Встроенный тег Helpers

Порекомендуйте 3 самых популярных клиента Redis для .NET.