产品：SmartApi；服务：大前端++；其他技术分享

有用户反馈，在运行 SmartApi2.0的时候会出现错误提示缺失各类*.dll 文件对话框，经过查证是打包的时候没有打包到 *.exe 文件里。经过修复，win 版本exe 文件以后会附上 dll 文件作为运行环境对各位用户产生的困扰表示道歉！希望大家谅解！！！最新下载见官网下载里的下载目录：文件名为：SmartApi-v2.0-Release-20251026091648.zip。

身份解决方案用户下载缺失的 DLL 文件并放入程序目录，或安装运行库开发者打包时确保所有依赖 DLL 被包含，或使用安装包工具正确配置资源如你不确定是哪种情况，可以告诉我你是运行别人程序还是自己打包程序，我可以给你更具体的操作步骤。

┌───────────────────────── 大前端++ (原生+定制化系统和定制化硬件)大前端++ = 「一次开发，多端运行」的跨端全家桶+高性能原生+定制化系统和定制硬件。└───────────────── 前端 (Web 单端)下面按「技术边界、技术栈、交付形态、典型场景」四象限对比，一眼看懂进化路线。├───────────────────── 大前端 (跨端统一)大前端 = 「一次开发，多端运行」的跨端全家桶；演进关系（可视为三层金字塔）

类似vs code、postman、飞书、腾讯会议等类似跨平台的应用项目都算不上大前端++；就算加上定制硬件也不算，因为不满足超长运行时间的特点。

各大Api工具性能比较

出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi，满足基本日常开发调试api需求。5、postman会导致电脑卡顿，而且使用的功能越多越慢，尤其是win电脑，太让人郁闷了。我这个是已经安装了的，不过都是这样的终端安装方式，未安装的会有安装进度展示。4、某些外力因素导致postman以后能否使用风险较大。macos 版本不大于100M；win版本不大于1M；2、Mock功能服务基本没法使用。3、版本更新功能已很匮乏。SmartApi 极速版。

功能：功能强大，支持多种高级功能，如拦截器、请求取消、请求日志记录、Cookie管理、文件上传/下载、超时设置、自定义适配器等。功能：提供了基本的HTTP请求和响应功能，如GET、POST、PUT、DELETE等。功能丰富度：功能相对简单，没有提供拦截器、请求取消、请求日志记录等高级功能。生态支持：http和dio在生态支持方面更加成熟，文档和社区支持完善。文档和社区支持：提供了详细的文档和示例，社区活跃度高。文档和社区支持：文档和社区支持完善，易于查找和学习。易用性：API简单，易于上手。

需要高可维护性和可扩展性的项目：ViewModel可以独立于View进行单元测试，提高代码的可维护性和可扩展性。ViewModel：负责处理用户交互，更新Model，并将数据转换为View可以显示的格式。大型项目：适合大型项目，因为ViewModel可以很好地管理视图和模型之间的交互。刚开始使用，的确不太友好，很多业务逻辑都不是很清晰，还需要再拆细致一些才能刚好理解。model 也放一起了，其实没有用到，只是为了符合结构。View：负责显示数据，通常是一个UI组件。适合大型项目，结构清晰，易于维护和扩展。

还有十天左右，SmartApi v2.0.0界面布局版本就应该收尾了；初步估计用一个月时间来打磨业务数据交互。去年单单布局就搞了接近三个月。从UI设计到icon设计到组件选用等等。这次只是改了技术栈。业务上也进行裁剪了。专注技术点，结构稍后附在最后面蛤！基本上就够用了，没啥特别需要说明的。

有点小缺陷，没有能像vs code一样进行格式化处理。

【代码】【Flutter&Dart】Table 表格-官方小例子（27 /100）

【代码】【Flutter&Dart】DropdownMenu 下拉列表-官方小例子（26 /100）

还有一个例子是：DropdownMenuApp，看看效果为什么在这里介绍进行对比。添加了这几个属性，其他的没啥变化；elevation：阴影边界宽度。underline：下划线样式。style：字体样式。

【代码】【Flutter&Dart】DropdownButton 下拉列表（24 /100）

动画展示/隐藏浮层弹框。支持 12 种弹框与目标组件的对齐方式。支持气泡框和非气泡框，填充与边模式线的弹框。支持边界溢出检测，并自动适应偏移功能。使用方式非常简单，直接通过 TolyTooltip 组件嵌套在目标组件之上即可。其中：textStyle 参数可以指定浮窗内文字样式。padding 参数设置浮层弹框内边距。placement 参数设置浮层弹框和目标组件的对其方式。gap 参数设置浮层弹框和目标组件的距离。message 参数设置浮层弹框文字内容。

居然需要点击效果，这个名称和实际作用不太符合；好吧可能是我理解的不到位；不过不是我想要的鼠标滑动就提示效果；提供更灵活的提示框显示方式，可以在屏幕的覆盖层中显示。可以通过控制器显式管理提示框的显示和隐藏。暂时不深入探究了，有业务需求再说。支持自定义背景颜色和弹出方向。

如果还需要更细致的12种方向，那就需要找找其他组件了。支持自定义提示框的外观，包括颜色、字体、大小和形状。提供灵活的定位选项，可以自动调整提示框的位置。可以显示复杂的富内容，如小部件、图片和文本。支持自定义触发事件，如悬停、点击或聚焦。略微粗糙一些，但基本上够用；

官方API提供的Tooltip 一般在组件下面或者上面，但一般都不满足需要；TolyUI 框架TolyTooltip。所以需要第三方组件库方案试试。

不知不觉已经搞到19篇了，快接近目标的五分之一了，按以前的情况大概率干到50篇左右应该完事了。但我想加强一下，把GitHub里开源的比较好的工具项目多搞几个。有兴趣的大佬可以推荐或者一起搞搞蛤！小工具开发一般也就一周或者两周，一个月的估计都算种大型项目了。官网的demo例子，这个比较完整；基本上网格和列表数据加载框架用这一套就够用了；这个列表和选中效果用在SmartApi左侧菜单栏里刚刚好！开始扣UI布局细节了！

整体UI 风格还不错，我加一个空的图标就更好了，就是这个图标可能不太合适蛤。主要是为了看实现效果，所以记录一下；

这次使用的是CustomScrollView 和 SliverList。我也没有搞清楚这两个和 listview 有什么区别，下次补充。这个例子的确很令人意外！

【代码】【Flutter&Dart】 listView.separated例子四（16 /100）

但我想表达的是，前端很多时候，甚至占比40%以上的UI布局开发量都是ListView。很有可能大部分的BUG也是因为列表list view使用上细节导致的，这个组件再怎么用心都不过分因为没有之一只有唯一！ListView.separated里才有separatorBuilder 参数。有读者会奇怪，博主有毛病吧！

【代码】【Flutter&Dart】 listView.builder例子二（14 /100）

很多时候简单的技术点越简单越有利于排查问题，因为做减法有点反人性，但做加法容易让人迷失；所以如果搞不清楚了从头开始，从一开始。

基本达到交互效果了，就是丝滑度好像差一点点。这个有可能是相关参数没有调试好。后期看看能否改进改进。效果已经完成，也没啥好说的了，晚安。

比如鼠标停留后的高亮分割线，感觉是停留超过两秒才出现的，滑过不会出现。功能上符合要求了，但是交互效果上还是需要在进行细微调整的。这个在知乎里找到的效果，感觉很不错就给抄过来实现一下。还有左右可拖动的鼠标剪头等等。

后续如果有动画效果修复了，再更新这篇，没有动画效果，总觉得感受的丝滑效果差了很多。有些不能理解官方例子里的动画为什么没有效果，有可能是我写法不对。还差一个拖动边界框改变 widget 的宽高效果；事实就是官方代码，不过有点细微差别。有解决动画效果的回复一下蛤！

预期的是通过拖动一条边界线改变窗口大小，类似vscode里拖动效果。这个是简单的拖动实现。所以预期的边界线效果，应该是对边界线进行处理，然后和关联的 widget 进行联动，

SmartApi 开发工具使用 Futter& Dart 的基本技术已经完成积累了，以后就是搬砖迭代版本了。添加网络客户端权限: 打开macos/Runner/DebugProfile.entitlements和macos/Runner/Release.entitlements文件，如果是Android、IOS或者其他平台那也是需要申请网络权限的。在各个平台配置里进行配置，具体怎么配置我也不是很懂蛤！敬请期待 SmartApi-v2.0.0 版本的发布🙏🙏🙏。调用还是那个构建布局文章。

导入的包：path_provider: ^2.1.5。调用还是那个构建布局文章。

上个效果图随便搜搜一个教程里都有，我就不献丑啰嗦了url添加包：url_launcher: ^6.3.1；

上效果：简单的实现了一下：还是在布局构建那一章里调用导入可以用快捷键实现：macOS 里是 command+.；其他系统平台没有用过就不知道了。

【代码】【Flutter&Dart】混合管理管理widget的state（4/100）

模板代码记录，没啥业务含量和技术含义，只是方便以后抄作业。

上效果：替换上一篇里《》这段代码就可以了把静态布局效果变成了可交互的点击的有状态模式了。写到这里突然觉得 flutter 开发非常丝滑，先进行无状态的布局，然后一点一点替换为有状态的交互。再加上热重载技术的刷新快速展示效果。底层理论使用 flutter 里 都是widget 组合方式，从无状态替换有状态很容易。突然有个设想，；另外由于 flutter 是跨平台的，所以理论上可以使用 flutter 再进行转换为 Android、iOS、web、macOS、Linux 等静态界面布局代码。

另外宣传一下自研的 smartApi 开发工具，正在紧张的开发进行中。在 pubspec.yaml 里配置 assets images 资源图片。主要是市面上那些 Api 调试工具太难用了，稍微好用一点的又性能消耗巨大。没什么好介绍的，练习构建而已；