SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

由明厚天股份研發(fā)的數(shù)據(jù)填報(bào)采集平臺(tái),提供了便于用戶操作的類Excel界面模式,可為用戶提供規(guī)范、正確、完整的數(shù)據(jù)采集和填報(bào)模型,結(jié)合數(shù)據(jù)自動(dòng)化抽樣,可解析不同數(shù)據(jù)庫(kù)、不同數(shù)據(jù)格式的數(shù)據(jù),讓數(shù)據(jù)填報(bào)流程更簡(jiǎn)單、更快速、更順暢。

下面,讓我們一起來(lái)看看明厚天股份是如何在“MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)”中應(yīng)用表格技術(shù),實(shí)現(xiàn)“數(shù)據(jù)填報(bào)”與數(shù)據(jù)匯總計(jì)算的。

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

一、案例名稱:明厚天股份 - MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

二、企業(yè)介紹

四川省明厚天信息技術(shù)股份有限公司(以下簡(jiǎn)稱:明厚天股份)成立于 2006 年,注冊(cè)資金 2000 萬(wàn)元人民幣,于 2016 年在新三板成功掛牌上市。

作為一家專注大數(shù)據(jù)、人工智能解決方案,立足于教育、醫(yī)療、軍工領(lǐng)域的軟硬件產(chǎn)品供應(yīng)商,明厚天股份在近十年的發(fā)展歷程中,始終專注于教育信息化、智慧城市、智能交通、智慧數(shù)據(jù)IT中心等關(guān)鍵技術(shù)和產(chǎn)品的研發(fā)、系統(tǒng)集成和運(yùn)營(yíng)維護(hù),具備了豐富的實(shí)踐經(jīng)驗(yàn)和成功案例。

隨著大數(shù)據(jù)、云計(jì)算技術(shù)的興起,明厚天股份充分發(fā)揮其技術(shù)實(shí)力,與科研院深度合作,推出了一系列具有前瞻性的系統(tǒng)解決方案,如智慧校園大數(shù)據(jù)平臺(tái)、涉密企業(yè)私有云、安全等級(jí)防護(hù)等。

三、項(xiàng)目背景

近幾年,隨著計(jì)算機(jī)技術(shù)的發(fā)展和辦公自動(dòng)化的建設(shè),簡(jiǎn)化用戶數(shù)據(jù)采集流程,提供標(biāo)準(zhǔn)化的數(shù)據(jù)呈現(xiàn)和數(shù)據(jù)匯總平臺(tái)已成為企業(yè)信息化轉(zhuǎn)型的關(guān)鍵。

由明厚天股份研發(fā)的數(shù)據(jù)填報(bào)采集平臺(tái),提供了便于用戶操作的類Excel界面模式,可為用戶提供規(guī)范、正確、完整的數(shù)據(jù)采集和填報(bào)模型,結(jié)合數(shù)據(jù)自動(dòng)化抽樣,可解析不同數(shù)據(jù)庫(kù)、不同數(shù)據(jù)格式的數(shù)據(jù),讓數(shù)據(jù)填報(bào)流程更簡(jiǎn)單、更快速、更順暢。

除了數(shù)據(jù)填報(bào),該平臺(tái)還可按照預(yù)制的報(bào)表內(nèi)容進(jìn)行數(shù)據(jù)可視化展示,以實(shí)現(xiàn)報(bào)表模板自動(dòng)生成與信息多元化利用,通過(guò)將 SpreadJS 純前端表格控件與系統(tǒng)底層架構(gòu)集成,不僅保留了 Excel 的數(shù)據(jù)處理能力,還滿足了批量導(dǎo)入導(dǎo)出 Excel 文檔、大數(shù)據(jù)量填報(bào)、填報(bào)暫存、模板下發(fā)、多級(jí)上報(bào)等多項(xiàng)業(yè)務(wù)需求。

四、項(xiàng)目架構(gòu)圖

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

五、項(xiàng)目截圖

1.表單設(shè)計(jì)(樣式、填報(bào)區(qū)域、數(shù)據(jù)綁定、角色權(quán)限等設(shè)計(jì))

通過(guò)嵌入 SpreadJS 在線表格編輯器,用戶可根據(jù)具體業(yè)務(wù),直接在瀏覽器中在線填報(bào)數(shù)據(jù),也可將 Excel 文檔作為原始表單模板,導(dǎo)入系統(tǒng)后,進(jìn)行數(shù)據(jù)綁定、權(quán)限分配等自定義操作,這樣不僅保留了 Excel 的數(shù)據(jù)處理能力,還可將模板數(shù)據(jù)傳輸至服務(wù)端進(jìn)行有效的管理和存儲(chǔ)。

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

2.數(shù)據(jù)填報(bào)

借助 SpreadJS 統(tǒng)一數(shù)據(jù)存儲(chǔ)模型,實(shí)現(xiàn)數(shù)據(jù)標(biāo)準(zhǔn)化錄入,可以大幅簡(jiǎn)化數(shù)據(jù)多級(jí)上報(bào)的設(shè)計(jì)步驟與開(kāi)發(fā)難度。

平臺(tái)可依據(jù)業(yè)務(wù)流程和用戶的實(shí)際填報(bào)需求,進(jìn)行數(shù)據(jù)采集、查閱及匯總。

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

(調(diào)整模板對(duì)應(yīng)數(shù)據(jù)源)

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

(自定制Excel模板)

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

3.同業(yè)務(wù)域的多表單聯(lián)合填報(bào)

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

4.數(shù)據(jù)單元格透視

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

5. 數(shù)據(jù)審核

SpreadJS 純前端表格控件應(yīng)用案例:MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)

6.選擇表格控件SpreadJS的主要原因

針對(duì)“表單設(shè)計(jì)”的應(yīng)用場(chǎng)景,SpreadJS實(shí)現(xiàn)了:

純前端解析Excel、在線導(dǎo)入導(dǎo)出 Excel、實(shí)現(xiàn)過(guò)程基本零代碼

多種數(shù)據(jù)格式校驗(yàn),如自定義校驗(yàn)規(guī)則,更為靈活高效

單元格級(jí)別的角色權(quán)限控制

可通過(guò)Sql數(shù)據(jù)源信息自動(dòng)生成表單,方便快捷

針對(duì)“數(shù)據(jù)填報(bào)”的應(yīng)用場(chǎng)景,SpreadJS實(shí)現(xiàn)了:

綁定數(shù)據(jù)模版并動(dòng)態(tài)填充數(shù)據(jù)

單元格級(jí)別的權(quán)限控制

避免了海量數(shù)據(jù)引起的性能問(wèn)題,讀寫性能高

類Excel界面,符合大部分用戶的使用習(xí)慣

數(shù)據(jù)公式自動(dòng)計(jì)算,便于數(shù)據(jù)填報(bào)

使用SpreadJS控件,大大節(jié)約了開(kāi)發(fā)時(shí)間、人力成本,降低了開(kāi)發(fā)難度,且SpreadJS也更符合普通非技術(shù)類人員的操作習(xí)慣(類 Excel 模式),易于被用戶接受。

明厚天股份之所以選擇SpreadJS控件開(kāi)發(fā)數(shù)據(jù)填報(bào)系統(tǒng),主要考慮以下兩方面原因:

1.完全兼容Excel文檔,具備在線Excel 導(dǎo)入導(dǎo)出能力

無(wú)需后臺(tái)代碼和第三方組件,SpreadJS 不僅提供了在線導(dǎo)入、導(dǎo)出 Excel 報(bào)表、導(dǎo)出 PDF 的功能,還支持多種匹配邏輯和自定義導(dǎo)入導(dǎo)出操作,如只導(dǎo)入數(shù)據(jù)或公式、導(dǎo)入固定行和不定行、將凍結(jié)行列轉(zhuǎn)置為行頭列頭、導(dǎo)出自適應(yīng)行高、密碼保護(hù)等,可提供更加靈活、自主可控的導(dǎo)入導(dǎo)出方式。

2.支持二次擴(kuò)展,滿足客戶化開(kāi)發(fā)

SpreadJS 兼容 Angular、React、Vue等前端開(kāi)發(fā)框架,符合 UMD 規(guī)范,可按需加載,易于在 VSCode 中使用。通過(guò)二次擴(kuò)展,我司直接將 SpreadJS 作為數(shù)據(jù)填報(bào)模塊嵌入到填報(bào)平臺(tái),實(shí)現(xiàn)了批量導(dǎo)入導(dǎo)出 Excel、大數(shù)據(jù)量填報(bào)、填報(bào)暫存、多 sheet 填報(bào)、多級(jí)上報(bào)等多項(xiàng)業(yè)務(wù)需求。

以上就是明厚天股份應(yīng)用SpreadJS表格控件技術(shù)研發(fā)的“MHT-CP數(shù)據(jù)填報(bào)采集平臺(tái)”案例展示,如需查看 SpreadJS 的更多應(yīng)用案例或需要了解 SpreadJS 的更多功能特性,歡迎訪問(wèn)SpreadJS 產(chǎn)品官網(wǎng)。

關(guān)于SpreadJS 純前端表格控件

SpreadJS 是一款基于 HTML5 的純前端表格控件,兼容 450 種以上的 Excel 公式,具備“高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性,備受華為、蘇寧易購(gòu)、天弘基金、遠(yuǎn)光軟件等各領(lǐng)域龍頭企業(yè)的青睞,并被中國(guó)軟件行業(yè)協(xié)會(huì)認(rèn)定為“中國(guó)優(yōu)秀軟件產(chǎn)品”。SpreadJS 可為用戶帶來(lái)親切、易用的使用體驗(yàn),并滿足 Web Excel 組件開(kāi)發(fā)、表格文檔協(xié)同編輯、數(shù)據(jù)填報(bào)、類 Excel 報(bào)表設(shè)計(jì)等業(yè)務(wù)場(chǎng)景,可極大降低企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

(免責(zé)聲明:本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性,但不保證有關(guān)資料的準(zhǔn)確性及可靠性,讀者在使用前請(qǐng)進(jìn)一步核實(shí),并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏,概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說(shuō)明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。 )