【平台开发】技术整合思考(三)——将工具程序封装成界面

简介: 【平台开发】技术整合思考(三)——将工具程序封装成界面

一、场景分析


程序在使用的时候最重要的两个特点是【输入】和【输出】。输入和输出在一定程度上决定了用户门槛:


  1. 函数调用的输入输出形式需要懂对应的开发语言,输入输出是开发语言相关的数据结构,对应开发语言的程序员会用;
  2. restful接口调用的输入输出形式需要懂接口交互,输入可以是类似json的这种半结构化文本,输出比较多样,会接口调试的测试会用;
  3. 命令行调用的输入输出形式需要懂参数配置,输入是可配置的文本文件或者命令行输入的key-value,输出比较多样,对电脑感兴趣的人会用;

有没有门槛更低的方式让扫地阿姨也能使用呢?有的,那就是界面交互——用鼠标去点,用手去触摸。


二、基本思路


  • 设计一个配置页面;
  • 页面中主体是配置模块和提交模块
  • 配置模块里通过各个配置项迭代渲染出子模块(配置项模块);
  • 配置项模块包含:配置项名、配置项说明、配置项修改控件;
  • 配置项修改控件包含:文本域输入控件、文件上传控件、图片上传控件;
  • 提交模块包含:提交按钮、输出模块;
  • 输出模块支持输出文本、输出图片、输出文件;
  • 这个配置页面支持移动端。



三、总结


如此一来,程序的输入,即用户的配置选项,用户可以在界面操作;程序的输出,在界面上也能显示。一些工具程序的使用门槛就更低了。

目录
相关文章
|
6月前
|
敏捷开发 API
【sgCreateAPI】自定义小工具:敏捷开发→自动化生成API接口脚本(接口代码生成工具)
【sgCreateAPI】自定义小工具:敏捷开发→自动化生成API接口脚本(接口代码生成工具)
|
存储 小程序 JavaScript
借助云开发实现小程序的登陆注册功能
借助云开发实现小程序的登陆注册功能
295 0
|
5月前
|
小程序 存储 UED
如何实现一次搭建 多平台适配的小程序
【6月更文挑战第3天】如何实现一次搭建 多平台适配的小程序
|
6月前
|
数据可视化 数据管理 数据挖掘
管理后台低代码PaaS平台源码:点击鼠标,就能编程
管理后台低代码PaaS平台源码:点击鼠标,就能编程
58 0
谈谈嵌入式应用软件人机界面开发的菜单框架编写
谈谈嵌入式应用软件人机界面开发的菜单框架编写
100 0
|
小程序 开发者
利用无代码工具开发一款小程序(一)
利用无代码工具开发一款小程序(一)
|
小程序 容器
利用无代码工具开发一款小程序(二)
利用无代码工具开发一款小程序(二)
|
小程序 安全 IDE
借助小程序云开发实现小程序支付功能(含源码)
借助小程序云开发实现小程序支付功能(含源码)
149 0
|
JavaScript 小程序 物联网
HaaS UI小程序解决方案基础教学之七:创建第一个自定义组件
前面已经介绍过通过HaaS UI内置的组件库来搭建页面,而组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素(在HaaS UI里就是扩展基础组件库),封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用。
HaaS UI小程序解决方案基础教学之七:创建第一个自定义组件
|
JavaScript 前端开发 小程序
HaaS UI小程序解决方案基础教学之二: 搭建第一个UI页面
AliOS Things: 阿里云智能IoT团队自研的物联网操作系统,目前已获得国家 HaaS:全称是Hardware as a Service,阿里云智能IoT团队基于AliOS Things系统推出的硬件即服务 HaaS UI:全称是Hardware as a Service User Interface,是源自AliOS Things操作系统上的一套应用&图形解决方案,支持C/C++和 JS两种开发语言
HaaS UI小程序解决方案基础教学之二: 搭建第一个UI页面