从一个菜鸟转变成为创业者，狐表与我一路前行

 

狐表也可以开发出漂亮美观的微信小程序、大型Web网站、手机H5

狐表与最新前沿的Web技术结合，擦出绚丽的花火，前后端分离创新思路

精美网页版的ERP、OA、CRM、微信小程序，狐表都玩得转

狐表让我从一个打工人成长为一个IT公司的老板

从一个菜鸟转变成为创业者，狐表与我一路前行

1.     我与狐表的认识

大家好，我是论坛里的杰哥，如果经常逛论坛，应该对我有印象，因为我经常分享很多前沿技术的帖子，扩展大家的开发思路。很多人以为我是专业的IT出身，其实我只是学电子商务专业，也就是搞淘宝的那群粗人，没有经过专业的计算机课程。编程都是从狐表的帮助文档开始学，然后结合一些百度和慕课网课程，和论坛里的大家共同学习进步，才有的今天。

狐表的帮助文档，绝对是全互联网里最“说人话”的文档，从实战角度告诉你这些代码怎么使用，而不是像MSDN晦涩难懂的IT术语，我感觉那些文档简直就是给机器看，而不是给人看的。

 

我是从2012年开始接触狐表，用过原生开发，也用过其他工具（例如某哲、某方网表、某Excel服务器、某道云、某翎OA之类）的低代码平台。但是都没办法满足自己的实际需求。

1)     用原生开发，没有良好IT技术功底，开发效率极慢；没有技术支持，出现疑难杂症问题更是百度几天都解决不了。而狐表有强大的用户论坛，发问一个帖子，基本10分钟就能得到回复。

2)     用其他低代码平台，简单的灵活性严重不足。只能用他们提供的框架和控件，有限灵活度地搭建。搭建系统，从0到1很快，但是从1到100的满分过程，最多只能渠道59分，永远让人无法满意。而狐表有灵活的窗口设计和无限制的Http，在Exe和Web开发都能做到灵活性满分。

3)     用其他低代码平台，复杂的实在学不会。例如某翎OA，某BPM大型开发工具，它们使用专业的Java框架，得2-3年资深java经验才能学会。除非是专业的IT人员，普通的业务小白，用这些工具，简直就是制造问题，而不是解决问题。

       在一次又一次的项目实践中，历史证明了狐表是最佳中小企业快速开发的工具，没有之一。而我也从一个普通的打工仔，变成一个自创IT公司的老板。大家可以到我的官网www.mbldt.com ，查看我分享的产品、案例、经验总结。以下是这篇文章的目录结构：

2.1.     2017年前的C/S开发

在2017年前，我主要用狐表做一些exe类的小系统，相信大家看其他案例也见得很多，我就不详细说了，放个项目列表图，大家都懂。

关于我们3

关于我们2-1

2.2.     2017年后的B/S开发

在2017年后，狐表隆重推出了Http开发功能+多线程异步。经过多年的打磨，已经从一个只能做小h5网页的工具，在2021年成长为一个能做强大PC网页+手机H5+微信小程序+钉钉+企业微信的全平台开发工具。也是这一个重大的升级，让我从众多不入流的exe小开发者，变成一个专业接中大型网站系统的公司。

目前大趋势都是web，前后端分离的开发模式，一套后端代码，pc端和手机端通用，这样做多平台的项目才快。

在这个看脸的时代，功能再强，也抵不过甲方一句“太丑了”，功能和美观，都要兼得，才能在未来的路里，越走越顺

于是我用狐表，结合现在主流的前后端分离开发模式，再挑选 vue的体系下几个优秀的开源框架，集成了一个小的企业系统。搭建出一套“狐表变美终极方案”的FoxWeb开发框架，并且在论坛上免费开源出来，得到很多狐友的认同。（帖子链接：

http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=146015&replyID=&skin=1）

 

框架效果：

1

2

3

4

5

6

7

8

 

9

框架技术：

10

11

3.1.     案例：货车运输调度的订单管理系统

3.1.1.   案例说明

这是一个做货车运输订单和调度管理的系统

l  业主是一个货运公司，接各个客户的订单，然后调度自营货车/外发物流进行运输，最后收款

l  系统特点是订单支持拆单，自动把订单按自定义比例分为“提货”和“送货”2张运单，这是行业特色

l  针对运单进行调度管理，货车安排、发货、卸货、收款

l  月底可以根据司机的基本工资÷出车次数，得出每单人工成本，反写回每张调度单的成本里，实现成本精准计算

l  最后根据订单、调度单、工资、外发物流费用，一键分析公司利润、车辆成本、外发物流成本

l  系统支持手机端查看报表，方便老板管理

3.1.2.   体验地址

电脑端：https://mh31web.mbldt.com/

手机端：

3.1.3.   业务框架说明

1

2

3.1.4.   案例截图

3

4


5

6

3.2.     案例：企业代理记账管理系统

3.2.1.   案例说明

这是一个帮小微企业做代理记账的客户

1)     业务不复杂，就是帮小微企业代理做账、申报、企业法人变更、银行开户等业务

2)     分为国内和国外客户，系统记录一下每个业务员跟进的情况，解决过去资料混乱的问题

3)     有一个资料交接的模块，专门用于记录与客户收发快递。在过去经常资料找不到，互相扯皮说已经交付，非常头痛。

3.2.2.   体验地址

https://mh31web.mbldt.com/

3.2.3.   案例截图

1


2


3


4

3.3.     案例：微信小程序-造价材料价格展示

3.3.1.   案例说明

这个客户是造价公司，有很多材料价格，要求做一个小程序给他们的合作单位，能通过权限控制能否看到价格

3.3.2.   体验地址与案例截图

1

3.4.     案例：企业保险订单管理系统

3.4.1.   案例说明

这个客户是代理雇主险，帮工厂购买。系统可以非常方便根据人员名单和方案价格，算出应收款。

最大的特点是是换员替补时，能自动按照先进先出的原则替换保单，大大降低人工计算的耗时

3.4.2.   体验地址

https://mh20web.mbldt.com/

3.4.3.   案例截图

1


2


3


4

 

3.5.     案例：藏宝阁-玩家游戏交易平台

3.5.1.   案例说明

这是一个做方便 小圈子游戏群里，玩家们发布账号交易、高价值装备交易、收金、代练发布等需求的交易平台。

手机端框架首次使用UniApp+UViewUi，放弃之前ColorUi框架，并首次引入手机端的富文本框编辑器mp-html

PC端与手机端是数据完全同步。试用请随意注册账号，所以功能完整无bug。

3.5.2.   体验地址

https://mh15web.mbldt.com/

3.5.3.   案例截图

 

1

2

3

4

5

3.6.     案例：纯英文版-订单管理系统

3.6.1.   案例说明

这个客户是上海的外企，要求做一个纯英文的系统，主要是导入订单和统计，功能不复杂，大家可以体验下英文状态下系统的样式

3.6.2.   体验地址

https://mh19web.mbldt.com/

3.6.3.   案例截图

1


2


3

3.7.     案例：贸易订单管理系统

3.7.1.   案例说明

这是一个做贸易生意的客户定制的。业务流程是：收到客户订单后，转手给供应商下单，赚中间差价，赚钱模式简单直观，可管理却反过来。过去都是用Excel管理合同、订单、发货、验收、开piao、收款。多个人每天十多份Excel传来传去，订单进度非常混乱。

开发系统为了解决Excel订单混乱的弊端。能时刻掌握我有多少，已下单未发货，已发货未验收，已验收未收款，已开票未收款的订单

3.7.2.   体验地址

https://mh14web.mbldt.com/

3.7.3.   案例截图

1


2


3


4

3.8.     案例：科研信息管理系统

3.8.1.   案例说明

用狐表做简单的2步审批。主要用于校内管理员与教员之间，信息填报与审批，包含：科研项目记录、科研绩效发放、专利发布、专著发布、咨询报告、个人科研荣誉、团队科研荣誉、团队月度考核记录。

特色功能是可以把系统数据与附件同时导出，自动把上传的附件以超链接的形式嵌套在Excel里，可以直接打开。

3.8.2.   体验地址

https://mh12web.mbldt.com/

3.8.3.   案例截图

1


2


3


4


5


6

3.9.     案例：河北佳丁集团行政OA+造价管理系统

3.9.1.   案例说明

为河北一个造价集团做的系统，包含常见的OA模块：文具耗材领用管理、固定资产管理、请假申请、报销申请、用印盖章申请、出差申请、加班报餐登记、员工入职离职登记、发票申请。

这个客户是做造价项目，所以还有特色功能，造价招标项目登记、造价过程资料管理、员工提成管理、项目流程跟踪。

3.9.2.   体验地址

https://mh9web.mbldt.com/

3.9.3.   案例截图

1


2


3


6


7


8


9


10

3.10.  案例：冒险岛游戏攻略网站

3.10.1.案例说明

一个无商业利益的攻略查询网站,纯属个人爱好，顺便练手狐表集成wangEditor富文本框，类似于企业门户展示

3.10.2.体验地址

https://mxd.mbldt.com/

3.10.3.案例截图

1


2

 

3.11.  案例：工业铝材进销存管理系统

3.11.1.案例说明

帮一个广东佛山金属园的客户做的，用于管理铝材的进货、下单、出仓、称重、结算。

核心业务：客户卖出铝材时，需要有数量+理论总重量+实际总重量，共同核对订单是否发货正常。

在过去的，客户跟下游厂商，经常因为重量相差较大，出现“偷工减料”的扯皮，如果不把电子秤的总重量，系统自动分摊到每一条铝材，与理论平均重量比对，很容易出现发货失误。这算是个行业特色。

传统的进销存软件，只有数量+重量合计，并没有把实际总称重，一键自动反算到每一个商品的功能。恰恰这个行业，最需要就是用实际称重，反算到每一条铝材，确保在平均合理范围，正确发货。

技术功能点：单表、父子表、统计分析、excel打印、用户权限控制、动态表头、行尾合计、分页动态加载、自动编号。

3.11.2.体验地址

http://mh6web.mbldt.com/

3.11.3.案例截图

1


3

4


5

3.12.  案例：旅游订单管理系统

3.12.1.案例说明

给旅行社做的订单管理，包含基础产品录入，线路套餐录入，订单行程安排，酒店预订邮件发送。

从2月12号开始做，2月25号完成，包含常见的父子表结构，首页界面设计。邮件功能由于安全性考虑，体验版不开放。

3.12.2.体验地址

https://mh3web.mbldt.com/

3.12.3.案例截图

1

2


3


4


5


6

 

4.     成品系统免费回馈狐表粉丝

4.1.产品分享的初心

4.1.1.   分享初心

我分享出来，是希望更多人认识狐表，知道有这么一个国产好用的开发平台。过去狐表一直作为一个幕后的开发工具，在推广上实在不容易。如果有一些标杆类的产品，便于快速传播和分享，让更多人先用起来，然后在使用的过程中再认识到这个灵活度极高的开发平台，就能事半功倍。

一个开发平台的用户越多，生态就会越好，基于它的国产化产品就会更多，就越容易有更多优秀的用户，相辅相成。

以下系统，全部都是免费使用，你觉得好用，就自行下载部署，没有任何功能限制。

 

4.1.2.   版权要求

不能去掉首页右下角基于Foxtable开发的字样，其他的随便你改。

按此在新窗口浏览图片

4.2.     产品：A1迷你库存管理系统

4.2.1.   场景说明

这个是一个单纯管理库存数量的迷你系统，功能并不复杂，就是商品、出入库、库存统计与盘点。

例如我有一些产品，每天都有几个人再出入库。目前的库存都是通过Excel或者纸质记录，汇总起来比较麻烦，库存对不上时找原因也很麻烦。

希望有一个小软件，能让每个人都有一个账号，他们自己去建立出入库单单据，而我负责审核。最后系统自动汇总库存，有异常的库存还能查看流水，一目了然。库存过低的有预警提醒

4.2.2.   产品信息

在线试用：https://mh23web.mbldt.com/

使用教程：https://doc.mbldt.com/web/#/p/5740d4da83188b36a2a7458d6a2bc6f9

免费下载：https://pan.baidu.com/s/1ekyuqVnYIKGc7_YErnnKYQ  提取码723y

部署教程：https://doc.mbldt.com/web/#/p/6b6f55cf57a4790a4d564be289892696

4.2.3.   产品截图

4.2.3.1.  手机端界面截图

1

4.2.3.2.  电脑端界面截图

2


3


4

4.2.3.3.  狐表后端截图

5

4.3.     产品：A2迷你产品报价系统

4.3.1.   场景说明

这是一个快速生成Excel报价单的迷你系统，功能并不复杂，就是商品档案、报价单。

例如一个外贸公司，假设是做珠宝的，我有很多珠宝，上万张图片，每次做报价单给客户，都要从图片库里，一张张放进去Excel表，调整大小，然后再去另外一个规格资料Excel，把产品一条条复制过来，实在太低效了。

希望能有一套系统，能把产品资料+图片都录入好，每次做报价单，就直接从商品库里搜索选择，然后一键生成带图片的Excel，快速完成报价。

4.3.2.   产品信息

在线试用：https://mh24web.mbldt.com/

使用教程：https://doc.mbldt.com/web/#/p/a395f5d4c6bf56073fa88869120ab024

免费下载：https://pan.baidu.com/s/1IVJJAaZubSpC435F43NYBQ%20 下载码rdj8

部署教程：https://doc.mbldt.com/web/#/p/6b6f55cf57a4790a4d564be289892696

4.3.3.   产品截图

4.3.3.1.  手机端界面截图

1

4.3.3.2.  电脑端界面截图

2


3


4


5


6

4.3.3.3.  狐表后端截图

7

4.4.     产品：OA行政管理系统

4.4.1.   场景说明

这个是一个OA行政审批类的系统，核心功能就是有一个结合企业微信推送的简易审批工作流（什么是OA？就是各种单据审审审的工作流，你这样理解就对了）

左边这些申请，在一个公司里非常常见，在稍微有点规模的企业，都存在一定的审批流程。有的负责，有的简单。本系统的审批流是个开放的，由单据发起者自己选择要审批的人

4.4.2.   产品信息

在线试用：https://mh25web.mbldt.com/

使用教程：https://doc.mbldt.com/web/#/p/e811a06816f697a4bacaa8ce7093a181

免费下载：https://pan.baidu.com/s/1OuQjtVgi3DsMMcFT4Z3dGQ%20 提取码nyyp

部署教程：https://doc.mbldt.com/web/#/p/71e3fb0e35c84a3fcfdf04b0df5cb0aa

4.4.3.   产品截图

4.4.3.1.  审批流说明

采用开放式审批流

为什么要设计成开放式的审批流？ 因为在实战经验中，例如一个请假单，根据请假的天数1/3/7/15/30天，根据病假/年假/产假/丧假/事假，再根据发起人是员工/班长/主管/分管领导/总经理/董事长，有非常非常多的审批流情况。按照传统的设计好审批流程线，这个维护工作量太多了，一但部门结构或者公司制度发生变化，又是一大堆维护，而在绝大部分用狐表的企业，都没有专业的IT运维人员，都是行政兼职在做这个事情。于是设计成开放模式，让员工自己根据情况选，选多几次就记得，反而更加实用，更加灵活。

1

2

4.4.3.2.  电脑端界面截图

1

2


3


4


5


6

4.4.3.3.  狐表后端截图

7

4.5.     产品：造价资料和提成管理系统

4.5.1.   场景说明

这是一个造价项目用于管理资料文件和员工提成的系统，功能并不复杂，就是造价项目登记表、提成管理、员工提成报表。

例如一个造价公司，会接很多造价项目，项目周期有长有短，这个过程中产生了很多的资料，例如基础资料附件、过程资料附件、审核记录附件、成果附件、合同附件、其他附件，公司里一直通过局域网共享盘存放，没有统一归类，每次找起来很麻烦，希望有个系统能把附件与造价项目关联起来，资料搜索更方便。

每个造价项目还有相应的成员，需要有一个员工的提成管理，月底或者年底根据项目绩效自动汇总提成报表。

4.5.2.   产品信息

在线试用：https://mh26web.mbldt.com/

使用教程：https://doc.mbldt.com/web/#/p/668b7eccdf0a7dfd984e6bf6849b9473

免费下载：https://pan.baidu.com/s/1T_jUsTlL6dR5Gb-1OCguNw 下载码hmvl

部署教程：https://doc.mbldt.com/web/#/p/71e3fb0e35c84a3fcfdf04b0df5cb0aa

4.5.3.   产品截图

4.5.3.1.  电脑端界面截图

1

2


3


4

4.5.3.2.  狐表后端截图

5