整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

免费的网页版excel:x-sheet入门指南

文:免费开源的高性能JavaScript电子表格:X-Sheet入门体验

背景

随着互联网技术特别是网页应用的发展,我们对在线文档、轻应用的需求越来越高,很多小伙伴都已经习惯云办公,在线协同办公了,常用的就是腾讯文档、金山文档、石墨文档、飞书等,国外主要就是Google Sheet,最近小编发现了一款国人开发高性能前端javascript电子表格,受启发于Google Sheet,使用HTML5 canvas渲染。接下来,小编分享下入门体验。

介绍

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

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

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

在线体验地址:

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

可以从gitee上拉到最新代码到本地看看,这是一个标准的es6现代化工程,自定义webpack打包,运行后还有代码分析,其中还有好几个案例可以参考。

功能列表

我们先看看README上的功能说明

  • 撤销 & 反撤销
  • 格式刷
  • 清空格式
  • 文本格式
  • 字体设置
  • 字体大小
  • 字体加粗
  • 斜体字
  • 下划线
  • 删除线
  • 文字颜色
  • 单元格颜色
  • 单元格边框
  • 字体倾斜
  • 边框倾斜
  • 背景倾斜
  • 合并单元格
  • 水平对齐
  • 自动换行
  • 冻结单元格
  • 单元格函数 (处理中)
  • 行高和列宽设置
  • 复制, 剪切, 粘贴 (处理中)
  • 自动填充
  • 插入行, 列 (处理中)
  • 删除行, 列 (处理中)
  • 隐藏行, 列 (处理中)
  • 支持多个sheet表
  • 打印 (处理中)
  • 数据验证 (处理中)
  • 导出XLSX
  • 导入XLSX (处理中)
  • 导出CVS (处理中)
  • 导入CVS (处理中)
  • 导入图片 (处理中)
  • 数据筛选 (处理中)

使用

那么如何启动一个x-sheet demo呢?由于现在x-sheet还处在开发阶段,暂未提供npm包安装方式,我们可以从源码打包使用。

  1. clone代码
git clone https://gitee.com/eigi/x-sheet.git
  1. 进入代码目录,安装依赖
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>

或者直接进入源代码的example目录,直接用浏览器打开里面的.html文件就能看到官方给的丰富的本地模板和案例了,都是支持在线编辑的excel界面。

模板和案例

以下截图就展示了官方给出的案例

  1. 一个采购订单模板

体验地址 https://lwebapp.com/example/x-sheet-purchase-order.html

  1. 一个出库单模板

体验地址 https://lwebapp.com/example/x-sheet-outbound-order.html

  1. 一个库存明细模板

体验地址 https://lwebapp.com/example/x-sheet-inventory-details.html

  1. 一个旅行计划模板

体验地址 https://lwebapp.com/example/x-sheet-travel-plan.html

  1. 一个项目计划模板

体验地址 https://lwebapp.com/example/x-sheet-project-plan.html

  1. x-sheet展示2019年日历,同样我们根据这个模板,可以构造更多年份的日历,做一个DIY日历

体验地址 https://lwebapp.com/example/x-sheet-calendar-2019.html

  1. x-sheet展示2020年日历

体验地址 https://lwebapp.com/example/x-sheet-calendar-2020.html

  1. x-sheet支持多实例,一个界面展示多个电子表格,可以分别编辑

体验地址 https://lwebapp.com/example/x-sheet-multi-instance.html

  1. x-sheet实测5万行25列的单元格数据,滑动很流畅

体验地址 https://lwebapp.com/example/x-sheet-50000-rows-test.html

  1. x-sheet实测100万行25列的单元格数据,滑动也很流畅

体验地址 https://lwebapp.com/example/x-sheet-1000000-rows-test.html

注意事项

  1. x-sheet支持Modern browsers(chrome, firefox)
  2. x-sheet现在的开源协议是 MOZILLA PUBLIC LICENSE

体验总结

大致体验了下x-sheet,可以说可圈可点

  • 功能上,丰富的单元格样式,富文本,边框倾斜,合并单元格,冻结,撤销重做,格式刷等核心功能,还支持导入导出xlsx文件,多实例,支持大数据量
  • 界面上,风格类似Google Sheet,清爽舒适,操作体验非常棒
  • 轻量,代码模块拆分清晰,二次开发可扩展性好

当然也有些不足,比如不支持协同,快捷键支持不完善等,小编体验x-sheet时,x-sheet还处于开发阶段,所以难免有些bug存在,如果要在生产使用,需要自己多做测试。这是一款国人开发的开源免费的电子表格,希望大家多多给予支持,也欢迎踊跃提交issue和PR交流探讨,希望作者能添加更多功能,继续维护好这个表格插件。

原文:免费开源的高性能JavaScript电子表格:X-Sheet入门体验

mail templates/邮件模板:

Shopify已经预置了各种通知/邮件模板,如果你需要更个性化的设置

设置/修改步骤:

  • 1,进入你的Shopify后台 → 点击Settings → 点击Notifications
  • 2,如果需要修改邮件模板,在Email templates一栏中找到需要修改的邮件模板,点击名称以编辑. 你可以分别修改纯文本邮件模板和HTML邮件模板,修改完后可以点击Preview预览或点击Send Test email测试。最后点击Save保存。

Order notifications/订单通知

订单通知是指有新订单时,Shopify系统发给你(店主或相关员工非顾客)的通知.

订单通知分为邮件通知和桌面通知。

邮件通知:

当有新订单时,Shopify系统会发送订单通知邮件到你所设置的邮箱里。你可以添加/删除/修改被通知人的邮箱. 你可以发送测试邮件,也可以停用该功能。

桌面通知:

当有新订单时,Shopify系统会发送订单通知到你所用的浏览器窗口里。你可以发送测试通知,也可以启用/停用桌面通知。

Webhooks

如果有特别需要或有技术背景,还可以设置Webhooks以获得更为详细的通知。

如果想了解更多关于独立站支付收款的资讯可以添加小编vx:blackwmj

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

读:本文将从供应商订单智慧管理系统的开发目的、开发背景、目标用户、系统设计、系统架构、主要功能模块等方面进行分析,软件主要功能包括:报价管理、采购合同管理、采购询价管理、仓库管理、产品分类管理、订单管理、发货管理、发票管理、供应商管理、库存管理、权限管理、日志管理、商品管理、收货管理、统计分析、退货管理、用户管理、账务管理、支付管理,全文约5414字,需要10分钟左右。感谢阅读,如有建议和意见欢迎评论交流。

一、引言

1.1、开发目的和背景

随着商业环境的日益复杂和竞争加剧,企业对供应链管理的需求越来越精细化和智能化。《供应商订单智慧管理系统》正是为了解决这一需求而设计的一款专业软件。其核心目标在于提升企业的运营效率,降低管理成本,优化供应链流程,并实现信息的透明化和决策的科学化。

在过去的传统管理模式中,供应商订单管理往往依赖于人工操作,效率低下,容易出错,且无法进行有效的数据分析和决策支持。系统开发的初衷就是通过整合并自动化这些繁琐的操作,如报价处理、合同管理、询价比对、订单跟踪等,减少人为干预,提高响应速度和准确性。

仓库管理、产品分类、库存控制等功能模块,旨在提供实时的库存状态监控,帮助企业管理者准确预测需求,避免过度库存或缺货问题。同时,通过对数据的深度挖掘和统计分析,企业可以更好地理解市场趋势,做出更明智的采购和销售策略。

此外,用户管理、权限管理和日志管理模块确保了数据安全和系统的稳定运行,账务管理和支付管理则简化了财务流程,提高了财务工作效率。总的来说,该系统旨在构建一个全面、高效、智能的供应链管理体系,让企业在激烈的市场竞争中保持竞争优势,实现持续发展。

1.2、软件的目标用户

供应商订单智慧管理系统是一款专为供应链管理提供高效解决方案的软件。在日常运营中,想象一下这样的情景:一家大型零售商或制造商,他们每天需要处理来自多个供应商的大量订单,从价格谈判、合同签订,到产品入库、发货、发票生成,以及供应商评估、库存追踪和财务结算等环节。这款系统能够简化这些复杂的流程。

当供应商提供报价时,系统自动进行智能比对和分析,帮助决策者快速做出最优选择。在采购合同管理中,系统会自动生成标准化的合同模板,确保条款清晰无误。采购询价环节,通过集成供应商数据库,一键询价并跟踪响应时间。仓库管理模块则实时更新库存状态,避免过度采购或缺货。

对于订单管理,无论是新建、修改还是查询,所有操作都能在一个平台上完成,大大提高效率。发货和收货管理支持条形码或RFID技术,使得实物追踪更加精准。统计分析模块则为管理层提供了深入的数据洞察,帮助他们优化采购策略。

我们的主要目标用户是中大型企业,特别是那些在供应链管理上寻求精细化、数字化转型的企业。这包括但不限于零售业、制造业、物流业、电商平台等。他们可能拥有众多供应商和客户,每天需要处理大量的订单,希望通过科技手段提高运营效率,降低成本,提升服务质量。同时,他们也重视数据安全和权限控制,以便保护商业机密并满足法规要求。无论是内部团队,还是外部合作伙伴,供应商订单智慧管理系统都能满足他们的需求。

二、软件总体设计

2.1、系统概述

供应商订单智慧管理系统是一款高度集成的业务管理软件,专为企业的供应链和采购流程提供智能化解决方案。该系统以Java技术为核心,采用SpringMVC架构,保证了系统的稳定性和可扩展性,而MySQL数据库则确保了数据的安全存储与高效处理。

首要功能模块,报价管理,帮助企业快速处理供应商报价,实现成本控制;采购合同管理模块支持合同创建、审批与追踪,确保合规性。采购询价管理方便企业对比不同供应商的价格和条件,提高采购效率。仓库管理与产品分类管理相结合,实现了精细化库存管理,降低库存成本。

订单管理模块支持全流程订单处理,从接收订单到发货,全程跟踪,确保信息准确无误。发货管理与发票管理相互关联,自动或手动生成相关单据,简化财务流程。供应商管理和库存管理是相辅相成的,便于评估供应商表现和实时调整库存策略。

权限管理确保数据安全,根据员工角色分配不同的操作权限。日志管理便于审计操作历史,提升管理透明度。商品管理涵盖了产品上架、下架及价格调整等功能,而收货管理则记录每一笔物资的入库信息。统计分析模块提供了丰富的业务报告,帮助企业决策者进行数据驱动的决策。

退货管理支持对不合格产品的有效处理,减少损失。用户管理与账务管理结合,便于监控和优化用户消费行为,保证财务清晰。支付管理模块支持多种支付方式,简化支付流程。总的来说,本系统旨在通过自动化和智能化的方式,显著提升企业的运营效率和客户满意度。

2.2、系统架构

供应商订单智慧管理系统是一个基于B/S架构(Browser/Server,浏览器/服务器)的全面业务管理平台,主要由前端界面、后端服务和数据库三层结构组成。

1. 前端界面:采用HTML、CSS和JavaScript技术构建,提供用户友好的图形用户界面。通过Web浏览器,用户可以直观地进行各项操作,如查看报价、处理订单、管理库存等。前端与后端之间通过RESTful API进行数据交互,保证了系统的可扩展性和跨平台兼容性。

2. 后端服务:核心部分使用Java作为主要开发语言,搭配Spring MVC框架,实现了业务逻辑的处理和数据的处理与存储。Spring MVC提供了一个清晰的分层设计,模型(Model)、视图(View)和控制器(Controller)各司其职,使得代码结构清晰,易于维护。同时,它也整合了Spring Security进行权限管理,确保数据的安全性。

3. 数据库管理:采用关系型数据库MySQL,作为数据存储的核心。各个功能模块的数据通过ORM(Object-Relational Mapping)映射,简化了数据库操作,提高了数据操作的效率。数据库设计遵循第三范式,保证数据的一致性和完整性。

4. 其他模块:如统计分析、报表生成等功能通过大数据处理工具(如Apache Spark或Hadoop)实现,支持对海量数据的高效分析。而支付管理则可能集成第三方支付接口,如支付宝或微信支付,简化支付流程。

5. 日志管理:系统内置完善的日志记录功能,跟踪所有关键操作,以便于故障排查和审计。权限管理模块则根据角色和职责分配不同级别的访问权限,保证数据的合规性和隐私保护。

总结,供应商订单智慧管理系统在架构设计上兼顾了用户体验、性能优化和安全性,旨在为用户提供高效、稳定且功能丰富的供应链管理解决方案。

三、软件功能操作

3.1、系统登录

在浏览器中输入系统网址,打开登录界面后输入登录账号、登录密码、验证码即可登录。

3.2、工作台

工作台包含:报价管理、采购合同管理、采购询价管理、仓库管理、产品分类管理、订单管理、发货管理、发票管理、供应商管理、库存管理、权限管理、日志管理、商品管理、收货管理、统计分析、退货管理、用户管理、账务管理、支付管理,根据不同角色权限菜单展示会有所区别。

3.2.1、报价管理

管理功能主要字段信息包含:管理编码、报价编号、商品名称、规格型号、数量、单价、总价、有效期等。使用表格形式展示数据信息,方便用户查看和编辑。

管理设置新增、编辑、删除、条件搜索、查看详情等操作,可按照页面提示进行操作执行,界面结构设计简单,操作流程简洁明了,可提升用户操作体验。