Material Design 風格的 Excell-like 網頁端電子表格處理系統

默之藍發表於2020-01-25

引言

Supcell 是我們應用的名稱,基於Laravel、Vuetify 和 Handsontable 開發,是一款 Material Design 風格的 Excell-like 網頁端電子表格資料處理系統。本應用採用了 MVVM 設計模式,實現了API 驅動、前後端分離、響應式和 SPA 等諸多特性。全新介面,豐富功能:

在這裡插入圖片描述
(長按掃描二維碼搶先體驗)

Demo

https://supcell.mozilan.com

在這裡插入圖片描述
在這裡插入圖片描述

功能彙總

使用者模組

  • 手機號註冊
  • 手機號登陸
  • 第三方登陸(微博、微信、QQ、Github)
  • 獲取資料
  • 編輯資料
  • 更新資料

表格模組

  • 新建表格
  • 檢視錶格

  • 更新表格

  • 刪除表格

  • 查詢表格

回收站模組

  • 檢視回收站檔案

  • 恢復回收站檔案

  • 徹底刪除回收站檔案

  • 清空回收站

其他功能

  • 表格分享

  • 自動儲存

  • 國際化(語言切換)

  • 問題反饋

  • 幫助文件

表格編輯器特性

下拉式選單

在標題上新增選單以啟用列的其他操作。

匯出到檔案

將資料匯出到CSV或字串之類的平面檔案中。

多列排序

在多列中按升序或降序對資料進行排序。

對齊

確定內容在單元格或單元格區域中的放置位置。

核取方塊

在單元格中新增一個核取方塊,以指示二進位制選擇。

註釋

提供有關單元格的其他說明,以幫助更好地瞭解其內容。

指定格式

定義如何根據特定單元格的值設定格式。

右鍵選單

呼叫快捷選單以選擇與所選物件相關的動作。

日期

使用日期選擇器選擇日期。

國際化

更改UI文字,以將其翻譯為特定語言。

合併單元格

顯示跨多行或多列的單元格。

移動

拖動行或列以在表中交換它們。

數字

在單元格中鍵入自定義數字格式。

密碼

使用星號掩蓋單元格中的值。

只讀

鎖定單元格或一系列單元格以禁止更改它們。

調整大小

拖動大小調整手柄以更改列或行的大小。

搜尋值

在搜尋欄位中搜尋內容。

排序

在整個列中按升序或降序對資料進行排序。

表格拉伸

允許列達到父容器的寬度。

公式(函式)

使用單元格中的公式執行計算。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章