整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          免費(fèi)的網(wǎng)頁版excel:x-sheet入門指南

          文:免費(fèi)開源的高性能JavaScript電子表格:X-Sheet入門體驗(yàn)

          背景

          隨著互聯(lián)網(wǎng)技術(shù)特別是網(wǎng)頁應(yīng)用的發(fā)展,我們對在線文檔、輕應(yīng)用的需求越來越高,很多小伙伴都已經(jīng)習(xí)慣云辦公,在線協(xié)同辦公了,常用的就是騰訊文檔、金山文檔、石墨文檔、飛書等,國外主要就是Google Sheet,最近小編發(fā)現(xiàn)了一款國人開發(fā)高性能前端javascript電子表格,受啟發(fā)于Google Sheet,使用HTML5 canvas渲染。接下來,小編分享下入門體驗(yàn)。

          介紹

          首先放上x-sheet官方開源地址

          https://gitee.com/eigi/x-sheet

          https://github.com/eiji-th/x-sheet

          在線體驗(yàn)地址:

          https://lwebapp.com/example/x-sheet.html

          可以從gitee上拉到最新代碼到本地看看,這是一個標(biāo)準(zhǔn)的es6現(xiàn)代化工程,自定義webpack打包,運(yùn)行后還有代碼分析,其中還有好幾個案例可以參考。

          功能列表

          我們先看看README上的功能說明

          • 撤銷 & 反撤銷
          • 格式刷
          • 清空格式
          • 文本格式
          • 字體設(shè)置
          • 字體大小
          • 字體加粗
          • 斜體字
          • 下劃線
          • 刪除線
          • 文字顏色
          • 單元格顏色
          • 單元格邊框
          • 字體傾斜
          • 邊框傾斜
          • 背景傾斜
          • 合并單元格
          • 水平對齊
          • 自動換行
          • 凍結(jié)單元格
          • 單元格函數(shù) (處理中)
          • 行高和列寬設(shè)置
          • 復(fù)制, 剪切, 粘貼 (處理中)
          • 自動填充
          • 插入行, 列 (處理中)
          • 刪除行, 列 (處理中)
          • 隱藏行, 列 (處理中)
          • 支持多個sheet表
          • 打印 (處理中)
          • 數(shù)據(jù)驗(yàn)證 (處理中)
          • 導(dǎo)出XLSX
          • 導(dǎo)入XLSX (處理中)
          • 導(dǎo)出CVS (處理中)
          • 導(dǎo)入CVS (處理中)
          • 導(dǎo)入圖片 (處理中)
          • 數(shù)據(jù)篩選 (處理中)

          使用

          那么如何啟動一個x-sheet demo呢?由于現(xiàn)在x-sheet還處在開發(fā)階段,暫未提供npm包安裝方式,我們可以從源碼打包使用。

          1. clone代碼
          git clone https://gitee.com/eigi/x-sheet.git
          
          1. 進(jìn)入代碼目錄,安裝依賴
          cd x-sheet
          npm i
          
          1. 打包
          npm run build
          
          1. 打包之后,我們可以自己新建一個html文件,引入打包后的源碼使用
          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <title>X-XWorkSheet</title>
                  <link href="XSheet.css" rel="stylesheet">
                  <style>
                      * {
                          padding: 0;
                          margin: 0;
                      }
              
                      html, body {
                          height: 100%;
                          display: block;
                      }
                  </style>
                  <script src="XSheet.js" type="text/javascript"></script>
              </head>
              <body id="demo">
                  <script>
                    const dome = document.getElementById('demo');
                    const xSheet = new XSheet(demo);
                  </script>
              </body>
          </html>
          

          或者直接進(jìn)入源代碼的example目錄,直接用瀏覽器打開里面的.html文件就能看到官方給的豐富的本地模板和案例了,都是支持在線編輯的excel界面。

          模板和案例

          以下截圖就展示了官方給出的案例

          1. 一個采購訂單模板

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-purchase-order.html

          1. 一個出庫單模板

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-outbound-order.html

          1. 一個庫存明細(xì)模板

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-inventory-details.html

          1. 一個旅行計劃模板

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-travel-plan.html

          1. 一個項(xiàng)目計劃模板

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-project-plan.html

          1. x-sheet展示2019年日歷,同樣我們根據(jù)這個模板,可以構(gòu)造更多年份的日歷,做一個DIY日歷

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-calendar-2019.html

          1. x-sheet展示2020年日歷

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-calendar-2020.html

          1. x-sheet支持多實(shí)例,一個界面展示多個電子表格,可以分別編輯

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-multi-instance.html

          1. x-sheet實(shí)測5萬行25列的單元格數(shù)據(jù),滑動很流暢

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-50000-rows-test.html

          1. x-sheet實(shí)測100萬行25列的單元格數(shù)據(jù),滑動也很流暢

          體驗(yàn)地址 https://lwebapp.com/example/x-sheet-1000000-rows-test.html

          注意事項(xiàng)

          1. x-sheet支持Modern browsers(chrome, firefox)
          2. x-sheet現(xiàn)在的開源協(xié)議是 MOZILLA PUBLIC LICENSE

          體驗(yàn)總結(jié)

          大致體驗(yàn)了下x-sheet,可以說可圈可點(diǎn)

          • 功能上,豐富的單元格樣式,富文本,邊框傾斜,合并單元格,凍結(jié),撤銷重做,格式刷等核心功能,還支持導(dǎo)入導(dǎo)出xlsx文件,多實(shí)例,支持大數(shù)據(jù)量
          • 界面上,風(fēng)格類似Google Sheet,清爽舒適,操作體驗(yàn)非常棒
          • 輕量,代碼模塊拆分清晰,二次開發(fā)可擴(kuò)展性好

          當(dāng)然也有些不足,比如不支持協(xié)同,快捷鍵支持不完善等,小編體驗(yàn)x-sheet時,x-sheet還處于開發(fā)階段,所以難免有些bug存在,如果要在生產(chǎn)使用,需要自己多做測試。這是一款國人開發(fā)的開源免費(fèi)的電子表格,希望大家多多給予支持,也歡迎踴躍提交issue和PR交流探討,希望作者能添加更多功能,繼續(xù)維護(hù)好這個表格插件。

          原文:免費(fèi)開源的高性能JavaScript電子表格:X-Sheet入門體驗(yàn)

          mail templates/郵件模板:

          Shopify已經(jīng)預(yù)置了各種通知/郵件模板,如果你需要更個性化的設(shè)置

          設(shè)置/修改步驟:

          • 1,進(jìn)入你的Shopify后臺 → 點(diǎn)擊Settings → 點(diǎn)擊Notifications
          • 2,如果需要修改郵件模板,在Email templates一欄中找到需要修改的郵件模板,點(diǎn)擊名稱以編輯. 你可以分別修改純文本郵件模板和HTML郵件模板,修改完后可以點(diǎn)擊Preview預(yù)覽或點(diǎn)擊Send Test email測試。最后點(diǎn)擊Save保存。

          Order notifications/訂單通知

          訂單通知是指有新訂單時,Shopify系統(tǒng)發(fā)給你(店主或相關(guān)員工非顧客)的通知.

          訂單通知分為郵件通知和桌面通知。

          郵件通知:

          當(dāng)有新訂單時,Shopify系統(tǒng)會發(fā)送訂單通知郵件到你所設(shè)置的郵箱里。你可以添加/刪除/修改被通知人的郵箱. 你可以發(fā)送測試郵件,也可以停用該功能。

          桌面通知:

          當(dāng)有新訂單時,Shopify系統(tǒng)會發(fā)送訂單通知到你所用的瀏覽器窗口里。你可以發(fā)送測試通知,也可以啟用/停用桌面通知。

          Webhooks

          如果有特別需要或有技術(shù)背景,還可以設(shè)置Webhooks以獲得更為詳細(xì)的通知。

          如果想了解更多關(guān)于獨(dú)立站支付收款的資訊可以添加小編vx:blackwmj

          原文:http://www.globaleseller.com/?/article/277

          讀:本文將從供應(yīng)商訂單智慧管理系統(tǒng)的開發(fā)目的、開發(fā)背景、目標(biāo)用戶、系統(tǒng)設(shè)計、系統(tǒng)架構(gòu)、主要功能模塊等方面進(jìn)行分析,軟件主要功能包括:報價管理、采購合同管理、采購詢價管理、倉庫管理、產(chǎn)品分類管理、訂單管理、發(fā)貨管理、發(fā)票管理、供應(yīng)商管理、庫存管理、權(quán)限管理、日志管理、商品管理、收貨管理、統(tǒng)計分析、退貨管理、用戶管理、賬務(wù)管理、支付管理,全文約5414字,需要10分鐘左右。感謝閱讀,如有建議和意見歡迎評論交流。

          一、引言

          1.1、開發(fā)目的和背景

          隨著商業(yè)環(huán)境的日益復(fù)雜和競爭加劇,企業(yè)對供應(yīng)鏈管理的需求越來越精細(xì)化和智能化?!豆?yīng)商訂單智慧管理系統(tǒng)》正是為了解決這一需求而設(shè)計的一款專業(yè)軟件。其核心目標(biāo)在于提升企業(yè)的運(yùn)營效率,降低管理成本,優(yōu)化供應(yīng)鏈流程,并實(shí)現(xiàn)信息的透明化和決策的科學(xué)化。

          在過去的傳統(tǒng)管理模式中,供應(yīng)商訂單管理往往依賴于人工操作,效率低下,容易出錯,且無法進(jìn)行有效的數(shù)據(jù)分析和決策支持。系統(tǒng)開發(fā)的初衷就是通過整合并自動化這些繁瑣的操作,如報價處理、合同管理、詢價比對、訂單跟蹤等,減少人為干預(yù),提高響應(yīng)速度和準(zhǔn)確性。

          倉庫管理、產(chǎn)品分類、庫存控制等功能模塊,旨在提供實(shí)時的庫存狀態(tài)監(jiān)控,幫助企業(yè)管理者準(zhǔn)確預(yù)測需求,避免過度庫存或缺貨問題。同時,通過對數(shù)據(jù)的深度挖掘和統(tǒng)計分析,企業(yè)可以更好地理解市場趨勢,做出更明智的采購和銷售策略。

          此外,用戶管理、權(quán)限管理和日志管理模塊確保了數(shù)據(jù)安全和系統(tǒng)的穩(wěn)定運(yùn)行,賬務(wù)管理和支付管理則簡化了財務(wù)流程,提高了財務(wù)工作效率??偟膩碚f,該系統(tǒng)旨在構(gòu)建一個全面、高效、智能的供應(yīng)鏈管理體系,讓企業(yè)在激烈的市場競爭中保持競爭優(yōu)勢,實(shí)現(xiàn)持續(xù)發(fā)展。

          1.2、軟件的目標(biāo)用戶

          供應(yīng)商訂單智慧管理系統(tǒng)是一款專為供應(yīng)鏈管理提供高效解決方案的軟件。在日常運(yùn)營中,想象一下這樣的情景:一家大型零售商或制造商,他們每天需要處理來自多個供應(yīng)商的大量訂單,從價格談判、合同簽訂,到產(chǎn)品入庫、發(fā)貨、發(fā)票生成,以及供應(yīng)商評估、庫存追蹤和財務(wù)結(jié)算等環(huán)節(jié)。這款系統(tǒng)能夠簡化這些復(fù)雜的流程。

          當(dāng)供應(yīng)商提供報價時,系統(tǒng)自動進(jìn)行智能比對和分析,幫助決策者快速做出最優(yōu)選擇。在采購合同管理中,系統(tǒng)會自動生成標(biāo)準(zhǔn)化的合同模板,確保條款清晰無誤。采購詢價環(huán)節(jié),通過集成供應(yīng)商數(shù)據(jù)庫,一鍵詢價并跟蹤響應(yīng)時間。倉庫管理模塊則實(shí)時更新庫存狀態(tài),避免過度采購或缺貨。

          對于訂單管理,無論是新建、修改還是查詢,所有操作都能在一個平臺上完成,大大提高效率。發(fā)貨和收貨管理支持條形碼或RFID技術(shù),使得實(shí)物追蹤更加精準(zhǔn)。統(tǒng)計分析模塊則為管理層提供了深入的數(shù)據(jù)洞察,幫助他們優(yōu)化采購策略。

          我們的主要目標(biāo)用戶是中大型企業(yè),特別是那些在供應(yīng)鏈管理上尋求精細(xì)化、數(shù)字化轉(zhuǎn)型的企業(yè)。這包括但不限于零售業(yè)、制造業(yè)、物流業(yè)、電商平臺等。他們可能擁有眾多供應(yīng)商和客戶,每天需要處理大量的訂單,希望通過科技手段提高運(yùn)營效率,降低成本,提升服務(wù)質(zhì)量。同時,他們也重視數(shù)據(jù)安全和權(quán)限控制,以便保護(hù)商業(yè)機(jī)密并滿足法規(guī)要求。無論是內(nèi)部團(tuán)隊(duì),還是外部合作伙伴,供應(yīng)商訂單智慧管理系統(tǒng)都能滿足他們的需求。

          二、軟件總體設(shè)計

          2.1、系統(tǒng)概述

          供應(yīng)商訂單智慧管理系統(tǒng)是一款高度集成的業(yè)務(wù)管理軟件,專為企業(yè)的供應(yīng)鏈和采購流程提供智能化解決方案。該系統(tǒng)以Java技術(shù)為核心,采用SpringMVC架構(gòu),保證了系統(tǒng)的穩(wěn)定性和可擴(kuò)展性,而MySQL數(shù)據(jù)庫則確保了數(shù)據(jù)的安全存儲與高效處理。

          首要功能模塊,報價管理,幫助企業(yè)快速處理供應(yīng)商報價,實(shí)現(xiàn)成本控制;采購合同管理模塊支持合同創(chuàng)建、審批與追蹤,確保合規(guī)性。采購詢價管理方便企業(yè)對比不同供應(yīng)商的價格和條件,提高采購效率。倉庫管理與產(chǎn)品分類管理相結(jié)合,實(shí)現(xiàn)了精細(xì)化庫存管理,降低庫存成本。

          訂單管理模塊支持全流程訂單處理,從接收訂單到發(fā)貨,全程跟蹤,確保信息準(zhǔn)確無誤。發(fā)貨管理與發(fā)票管理相互關(guān)聯(lián),自動或手動生成相關(guān)單據(jù),簡化財務(wù)流程。供應(yīng)商管理和庫存管理是相輔相成的,便于評估供應(yīng)商表現(xiàn)和實(shí)時調(diào)整庫存策略。

          權(quán)限管理確保數(shù)據(jù)安全,根據(jù)員工角色分配不同的操作權(quán)限。日志管理便于審計操作歷史,提升管理透明度。商品管理涵蓋了產(chǎn)品上架、下架及價格調(diào)整等功能,而收貨管理則記錄每一筆物資的入庫信息。統(tǒng)計分析模塊提供了豐富的業(yè)務(wù)報告,幫助企業(yè)決策者進(jìn)行數(shù)據(jù)驅(qū)動的決策。

          退貨管理支持對不合格產(chǎn)品的有效處理,減少損失。用戶管理與賬務(wù)管理結(jié)合,便于監(jiān)控和優(yōu)化用戶消費(fèi)行為,保證財務(wù)清晰。支付管理模塊支持多種支付方式,簡化支付流程??偟膩碚f,本系統(tǒng)旨在通過自動化和智能化的方式,顯著提升企業(yè)的運(yùn)營效率和客戶滿意度。

          2.2、系統(tǒng)架構(gòu)

          供應(yīng)商訂單智慧管理系統(tǒng)是一個基于B/S架構(gòu)(Browser/Server,瀏覽器/服務(wù)器)的全面業(yè)務(wù)管理平臺,主要由前端界面、后端服務(wù)和數(shù)據(jù)庫三層結(jié)構(gòu)組成。

          1. 前端界面:采用HTML、CSS和JavaScript技術(shù)構(gòu)建,提供用戶友好的圖形用戶界面。通過Web瀏覽器,用戶可以直觀地進(jìn)行各項(xiàng)操作,如查看報價、處理訂單、管理庫存等。前端與后端之間通過RESTful API進(jìn)行數(shù)據(jù)交互,保證了系統(tǒng)的可擴(kuò)展性和跨平臺兼容性。

          2. 后端服務(wù):核心部分使用Java作為主要開發(fā)語言,搭配Spring MVC框架,實(shí)現(xiàn)了業(yè)務(wù)邏輯的處理和數(shù)據(jù)的處理與存儲。Spring MVC提供了一個清晰的分層設(shè)計,模型(Model)、視圖(View)和控制器(Controller)各司其職,使得代碼結(jié)構(gòu)清晰,易于維護(hù)。同時,它也整合了Spring Security進(jìn)行權(quán)限管理,確保數(shù)據(jù)的安全性。

          3. 數(shù)據(jù)庫管理:采用關(guān)系型數(shù)據(jù)庫MySQL,作為數(shù)據(jù)存儲的核心。各個功能模塊的數(shù)據(jù)通過ORM(Object-Relational Mapping)映射,簡化了數(shù)據(jù)庫操作,提高了數(shù)據(jù)操作的效率。數(shù)據(jù)庫設(shè)計遵循第三范式,保證數(shù)據(jù)的一致性和完整性。

          4. 其他模塊:如統(tǒng)計分析、報表生成等功能通過大數(shù)據(jù)處理工具(如Apache Spark或Hadoop)實(shí)現(xiàn),支持對海量數(shù)據(jù)的高效分析。而支付管理則可能集成第三方支付接口,如支付寶或微信支付,簡化支付流程。

          5. 日志管理:系統(tǒng)內(nèi)置完善的日志記錄功能,跟蹤所有關(guān)鍵操作,以便于故障排查和審計。權(quán)限管理模塊則根據(jù)角色和職責(zé)分配不同級別的訪問權(quán)限,保證數(shù)據(jù)的合規(guī)性和隱私保護(hù)。

          總結(jié),供應(yīng)商訂單智慧管理系統(tǒng)在架構(gòu)設(shè)計上兼顧了用戶體驗(yàn)、性能優(yōu)化和安全性,旨在為用戶提供高效、穩(wěn)定且功能豐富的供應(yīng)鏈管理解決方案。

          三、軟件功能操作

          3.1、系統(tǒng)登錄

          在瀏覽器中輸入系統(tǒng)網(wǎng)址,打開登錄界面后輸入登錄賬號、登錄密碼、驗(yàn)證碼即可登錄。

          3.2、工作臺

          工作臺包含:報價管理、采購合同管理、采購詢價管理、倉庫管理、產(chǎn)品分類管理、訂單管理、發(fā)貨管理、發(fā)票管理、供應(yīng)商管理、庫存管理、權(quán)限管理、日志管理、商品管理、收貨管理、統(tǒng)計分析、退貨管理、用戶管理、賬務(wù)管理、支付管理,根據(jù)不同角色權(quán)限菜單展示會有所區(qū)別。

          3.2.1、報價管理

          管理功能主要字段信息包含:管理編碼、報價編號、商品名稱、規(guī)格型號、數(shù)量、單價、總價、有效期等。使用表格形式展示數(shù)據(jù)信息,方便用戶查看和編輯。

          管理設(shè)置新增、編輯、刪除、條件搜索、查看詳情等操作,可按照頁面提示進(jìn)行操作執(zhí)行,界面結(jié)構(gòu)設(shè)計簡單,操作流程簡潔明了,可提升用戶操作體驗(yàn)。


          主站蜘蛛池模板: 天堂成人一区二区三区| 日韩有码一区二区| 精品国产福利一区二区| 国产在线第一区二区三区| 日本在线视频一区| 日本视频一区在线观看免费| 国产精品久久无码一区二区三区网 | 午夜DV内射一区区| 日韩一区精品视频一区二区| 日韩一区二区精品观看| 99热门精品一区二区三区无码 | 亚洲国产情侣一区二区三区| 国产成人高清视频一区二区| 国产一区二区三区播放心情潘金莲| 日本免费电影一区二区| www一区二区三区| 精品国产免费观看一区| 曰韩人妻无码一区二区三区综合部| 一区二区三区在线播放| 日韩视频一区二区在线观看| 2020天堂中文字幕一区在线观| 亚洲线精品一区二区三区影音先锋 | 国产一区二区三区精品久久呦 | 日韩制服国产精品一区| 美女视频免费看一区二区| 成人一区专区在线观看| 亚洲午夜一区二区电影院| 成人一区二区免费视频| 一区二区三区高清在线| 免费萌白酱国产一区二区| 精品一区二区三区在线播放| 糖心vlog精品一区二区三区| 日韩中文字幕精品免费一区| 亚洲视频在线一区| 人妻少妇久久中文字幕一区二区 | 亚洲国产精品一区二区三区久久| 亚洲一本一道一区二区三区| tom影院亚洲国产一区二区| 亚洲一区二区三区在线观看蜜桃 | 日韩aⅴ人妻无码一区二区| 亚洲色精品三区二区一区|