Rss & SiteMap

Foxtable(狐表) http://www.foxtable.com

新一代数据库软件,完美融合Access、Foxpro、Excel、vb.net之优势,人人都能掌握的快速软件开发工具!
共115 条记录, 每页显示 10 条, 页签: [1] [2][3][4][5][6][7][8] ...[12]
[浏览完整版]

标题:[炫酷大屏解决方案!] 狐表+微兔 BS零代码可视化拖拽设计数据大屏,像窗口设计那样简单,会点鼠标就行,不用学复杂echarts代码,工具免费,小白都能做炫酷大屏

1楼
chen37280600 发表于:2023/1/10 22:43:00

(快速浏览杰哥分享过的所有经验汇总,点击跳转


1.简介

狐表一直都缺一个大屏功能,尤其是做项目的时候,一个装逼的大屏,可以忽悠老板多给很多钱

1)但是设计一个大屏,一般都要掌握复杂html+js+css,bs小白太难了;

2)或者是购买高价的大屏bi工具,例如帆软之类,几万元1年,个人开发者来说太难了,对于现在大环境来说,一年无端端给几万搞个屏幕,老板也觉得很难。


最近在群里,感谢有热心狐友(qq:151431579 浙江佳奔)分享了一个神器微兔零代码可视化设计工具,免费、可离线部署,可以通过拖拽式设计大屏,然后通过Http请求,配合狐表获取数据,实现小白也能开发的大屏,而且是可以商用的专业大屏。马上看下效果



此主题相关图片如下:4.png
按此在新窗口浏览图片

最终展示效果截图:(点击查看在线演示案例


此主题相关图片如下:1.png
按此在新窗口浏览图片

此主题相关图片如下:1.png
按此在新窗口浏览图片

此主题相关图片如下:2.png
按此在新窗口浏览图片

此主题相关图片如下:3.png
按此在新窗口浏览图片

开发设计过程:


此主题相关图片如下:2.png
按此在新窗口浏览图片

此主题相关图片如下:3.png
按此在新窗口浏览图片


此主题相关图片如下:1.png
按此在新窗口浏览图片


此主题相关图片如下:4.png
按此在新窗口浏览图片

此主题相关图片如下:5.png
按此在新窗口浏览图片

此主题相关图片如下:6.png
按此在新窗口浏览图片

此主题相关图片如下:7.png
按此在新窗口浏览图片

此主题相关图片如下:8.png
按此在新窗口浏览图片

 2.整体思路


此主题相关图片如下:9.png
按此在新窗口浏览图片

3.产品定价

案例体验下载


以下内容只有回复后才可以浏览

费用工具免费,案例源码+一对一指导收费600元

案例源码购买:

   1)需要的狐表版本:≥20220818

   2)说明:如果你web知识扎实,看完下面的教程后,完全自己开发对接Api,不一定非得购买,没什么难的。

不过购买我的案例源码,可以减少你的摸索时间,还一对一解答狐表结合大屏工具遇到困难


此主题相关图片如下:2.png
按此在新窗口浏览图片


此主题相关图片如下:3.png
按此在新窗口浏览图片

4.开发教程

4.1安装微兔可视化开发工具

官方网址:http://weitu.yunzhisec.com/ ,可惜已经失效

还好我分流了它的百度云下载(2023.7.26追加离线模板库):https://pan.baidu.com/s/1q607bDHsGqsVIboRjP7PzQ?pwd=f0mt 

B站的教程网址也还在:https://space.bilibili.com/284930411?spm_id_from=333.1007.0.0



此主题相关图片如下:5.png
按此在新窗口浏览图片

4.2打开安装微兔可视化工具,新建案例


此主题相关图片如下:6.png
按此在新窗口浏览图片


此主题相关图片如下:7.png
按此在新窗口浏览图片

4.3保存设计原稿,方便下次修改

新建后第一时间保存,不然崩了你就哭了。(如果你购买了我的案例,那你就可以直接打开下图里的设计稿文件,看我改过的东西)


此主题相关图片如下:8.png
按此在新窗口浏览图片

 4.4配置图表的Api数据接口(核心步骤)


以下内容只有回复后才可以浏览

剩下的其他图表就自己改啦,都是一样的

 4.5发布离线大屏


此主题相关图片如下:6.png
按此在新窗口浏览图片


此主题相关图片如下:7.png
按此在新窗口浏览图片


此主题相关图片如下:8.png
按此在新窗口浏览图片

4.6狐表Http增加静态文件访问


此主题相关图片如下:9.png
按此在新窗口浏览图片

代码我也分享一下

Dim fl As String = ProjectPath & "weitu-html-master/" & e.path
If filesys.FileExists(fl) Then
    Dim idx As Integer = fl.LastIndexOf(".")
    Dim ext As String = fl.SubString(idx)
    Select Case ext
        Case ".jpg", ".gif", ".png", ".bmp", ".wmf", ".js", ".css" , ".html", ".htm", ".svg", ".map",".ttf",".json"
            e.WriteFile(fl)
            e.CacheTime = 3600 '缓存文件一个小时
            Return True
    End Select
End If

4.7浏览器按F11实现大屏


此主题相关图片如下:1.png
按此在新窗口浏览图片

4.8可能你还想改改网页标题


此主题相关图片如下:2.png
按此在新窗口浏览图片


此主题相关图片如下:3.png
按此在新窗口浏览图片

5其他问题

5.1可以集成进去其他web网页吗?

可以,可以用iframe的方式,也可以用他的vue源码版本,集成到vue。不过我认为没什么必要集成,因为很多时候,大屏都是长时间运行在某个大电视或者大屏幕,无交互操作,没什么必要嵌入在一个系统里,独立更加灵活,想在什么电视用就什么电视开。

5.2可以集成进去狐表exe里的WebBrowser里吗?

建议你不要做这种蠢事,echarts大量基于新浏览器标准,兼容IE非常差。而WebBrowser是ie内核,非常多bug,微软自己也放弃,建议想在exe做大屏的,老实等狐表官方大招升级。

5.3可以用Nginx部署大屏吗?

可以,我也推荐使用Nginx启动网站。你有能力就部署Nginx,并不是很难,没有能力,就简单点直接用狐表的Http服务网站

5.4可以嵌入视频吗?

可以的,微兔有视频控件,只需要填入视频url即可

5.5可以增加别的图表控件吗?

很遗憾,这是不行的,这个是别人的工具,源码并没有开放,也没有开发文档。还好这个工具一直在更新完善,里面的图表控件也非常丰富,已经足够做主流大屏了。

5.6大屏支持定时刷新吗?

支持的,每一个图表控件,都一个可定时60秒刷新的配置,刚才上面的教程也有教。

5.7可以离线运行,真离线部署吗?

可以的,我试过断网使用,断网发布。断网后,唯一缺陷就是不能直接用官方提供的案例库而已,但是里面的功能都是正常的。

5.8为什么大屏这么吃内存?

几乎大屏都是很吃浏览器内存的,平均1-2G。因为太多动态要展示,尤其是你加了地图,甚至是3D地图,还会吃你的GPU能力。


=====================================================================
杰哥免费分享的Exe系统

[杰哥的免费分享]E1迷你库存管理系统,Access局域网多人Exe程序。除了分享代码,本次重点是:我要用实战案例教大家如何设计一个美观的狐表软件,教你设计理念,做好产品经理

杰哥免费分享的web系统

[杰哥的免费分享]A1迷你库存管理系统,网页版的纯库存管理,实现简单的多人协助出入库,库存统计,权限管理

[杰哥的免费分享]A2迷你产品报价系统,网页版的带图Excel报价单快速生成工具,外贸企业特别常用

[杰哥的免费分享]OA行政管理系统,网页版的OA审批工作流,开放式流程,包含固定资产管理、文具申领库存、报销申请、用印盖章申请、请假申请等常见行政模块

[杰哥的免费分享]造价项目资料和提成管理系统,应用于造价行业,把过程资料归档,设置每个项目的成员提成,一键统计绩效

[杰哥的免费分享]迷你知识库系统,KindEditor富文本框的实战效果,绿色免安装、免管理员权限、免http服务、多人协同编辑,特别适合【网络管理严格的政府国企】

===============================================================
顺便总结以前分享过的帖子,方便大家学习

【迈宝伦工作室】承接各种中小企业或个人的Foxtable项目,单机版exe3000元以下,多人版exe3000元起,web多人版10000元起步
联系QQ:2385350359


经验分享:








[免费开源]教你用狐表做爬虫获取网页元素。狐表HttpClient+第三方xPath分析工具HtmlAgilityPack。用主流的思路爬取网页,获取表格数据,配合狐表的定时器,快速多掌握一门工作业务技术 

[分享]狐表帮助文档中 【正确】的中英文颜色对照表 。官方文档不够准确,导致调样式经常有色差

[总结分享]异步里里DataTable能用Find和不能用SqlFind,1小心被坑,2不要滥用异步!并附上实战项目里,BS前后端分离下的接口请求平均耗时统计

[免费分享]正则表达式的使用,含匹配验证、提取过滤,常见正则表达式,复制即可用。过滤中文、大小写英文、数字、标点符号、换行符...

[免费开源]狐表cs集成代码高亮Highlight.js,代码着色,毫秒级响应。你还在用黑白的文本框阅读后端web代码吗?来试试这个

[免费开源]狐表集成MQTT解决方案,MQTT是目前大热物联网领域最广泛使用的软硬件通讯协议。如果连MQTT都没听过,别说自己是做物联网项目的,会被人笑的....

[免费开源]狐表bs集成websocket方法,dll来源于github 3.5k高分数的C# Websocket库 稳定性和兼容性非常好 。 相当于web bs领域的OpenQQ功能

[找图标的进来看一眼,包你开眼界!]一个国外黑马级别的图标网站,精美程度真秒杀国内那些fontawesome,关键是支持搜索!找图标的真正痛点:只能用肉眼遍历, 上万个图,老子看到何年鸟月啊!

[免费分享]把组合统计结果的fxDataSource转json输出给前端,解决BS开发模式下此强大的多表联查工具只能用在C/S领域table组件的局限性

[免费开源]狐表代码精灵管理器,自己改造狐表的官方代码编辑器,增加提示,自定义事件、方法、对象,非常简单,只需要2步!不用依赖任何第三方工具,永久跟着官方升级

免费开源的wangEditor富文本框解决方案,粘贴自动上传图片(截图上传神器啊!),可嵌入视频,vue和jquery的BS框架都能用,不能用在cs哦!

[免费分享]sqlBulkCopy批量插入大量数据 总结分享 (批量导入、快速导入)

[免费分享]从周老师的书里挖个Json部分的总结分享给大家。狐表官方没有细说这一块,在前后端分离开发亟需扎实json利用

[免费开源]基于vue框架,用d2admin+elementui做的PC前端FoxWeb,uniapp做移动端,狐表做后端 漂亮美观 狐表变美终极方案 前后端分离(20201114追加贸易订单管理案例体验)

[免费分享]简单无脑3步实现!狐表做服务器端,开机自动启动的解决方案。解决云服务器重启后不会自动启动狐表的问题[亲测可用]

[免费分享]狐表结合阿里云Oss对象存储案例小结,引用官方SDK dll,亲测能用

[免费分享]狐表CS端集成Echarts总结,亲测能用(顺便基础扫盲)
[此贴子已经被作者于2023/11/3 23:03:46编辑过]
2楼
有点蓝 发表于:2023/1/10 22:59:00
多谢分享
3楼
laipiwen 发表于:2023/1/11 8:02:00
谢谢分享
4楼
老蜗牛 发表于:2023/1/11 8:11:00
学习学习
5楼
twlg 发表于:2023/1/11 8:31:00
杰哥厉害
6楼
z769036165 发表于:2023/1/11 8:50:00
厉害了!!
7楼
cd_tdh 发表于:2023/1/11 8:51:00
学习
8楼
洮沙 发表于:2023/1/11 9:04:00
谢谢分享!
9楼
wudishaoshuai 发表于:2023/1/11 9:42:00
看看
10楼
lindong 发表于:2023/1/11 10:19:00
很好
共115 条记录, 每页显示 10 条, 页签: [1] [2][3][4][5][6][7][8] ...[12]

Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号

Powered By Dvbbs Version 8.3.0
Processed in .03906 s, 3 queries.