青海西宁网站建设公司,钦州做网站的公司,wordpress模板原创,自己如何免费做网站表单常见的增删查改的重复问题解决
1市面上有很多表单设计器与框架进行结合#xff0c;封装一个表单组件#xff0c;结合响应式#xff0c;然后给到我们下载使用 2修改起来很麻烦#xff0c;有局限#xff0c;但我们可以参考他们的思路#xff0c;来设计符合项目的组件来…表单常见的增删查改的重复问题解决
1市面上有很多表单设计器与框架进行结合封装一个表单组件结合响应式然后给到我们下载使用 2修改起来很麻烦有局限但我们可以参考他们的思路来设计符合项目的组件来帮助我们早点下班 3通用思路是布局控件数据然后常用的功能上传验证。 4通常是数组循环包含布局控件数据每一项对应的响应式。 5功能有简单的也有复杂的比如模糊查询上传文件图片然后富文本自定义组件等等这些我们应该怎么处理循环 6vue有component组件 也有jsx写法通常传入一个自定义组件名称给到component但这个is绑定只支持组件实例的对象也就是我们需要先把组件对象创造出来。 7webpack存在require读取的方法在编译的时候读取文件夹也可以自己手动的import组件然后给到一个对象然后名称与对象进行映射取值这样就保证了组件渲染。 8组件通常是需要接收参数传出事件然后响应式绑定参数以及样式改变有v-bind v-on之类的解构操作 9布局结合组件库栅格布局然后处理了组件表单就可以处理完成。 10列表弹框表单构成了后台大多数功能 11在很多情况下都存在没办法全部适配的需求所以我们不能保证全部解决解决常用的就ok
解决很多项目里很多import的处理
比如webpack requirevite的import glob之类的然后有自动注册的插件也有webpack配置全局变量rollup也存在虚拟模块的用法通常有接口字典组件图片以及各种函数插件样式等等的引入导致页面内容过多import之前是使用原型后来发现全局混入操作组件实例也很方便图片也可以使用require方法处理图片 svg jpg png 也可以使用这样的方法导入。
因组件和表单的结合引发代码层面的组合
当表单和组件可以组合那图表在大屏的使用以及物料组件拖拽在低代码平台的使用都是差不多的思路 物料组件根据一个大组件接收一个数组的参数在拖拽完成的时候改变然后点击循环的某一项取出来符合封装表单设计器的要求来读取组件配置修改内容。这样预览界面其实就是取数组给到组件来展示内容。 大屏的低代码就是这样开始的各种物料组件会包含一些自定义的属性字典接口图片请求参数甚至事件都是配置在每一项里循环按照规范封装抛出或者执行。
常见的表单设计器就是这样后面的大屏低代码就变成了拖拽图表然后修改图表大屏包含图表图片自定义效果组件然后地图图标接口请求。
甚至在自定义的流程设计后台里也存在这样的表单设计器的操作。这样流行的变化就引出了h5uniapp移动端的操作
移动端的低代码设计
比如开发uniapp低代码通常是以pc展示实现拖拽功能使用uniapp的写法左边是物料组件中间是循环出来的页面右边是表单设计器。只不过换成了uniapp组件库来实现然后提供一个下载预览的功能也就是内容包含了拖拽组件的数组以及核心的大组件以及涉及到了各种小组件。这样就使用uniapp重新打开这个文件配置一下自己的接口然后写一点数据交互几乎就完成了。 拓展到后台低代码 以及 h5其实不推荐做成品低代码只推荐实现代码层面的实现。
因为做好后会干掉很多人所以尽量的保护自己的东西拓展各种组件进行维护除非是你自己的产品。
大屏开发物料组件的思考 大屏的图表一般选择echart4 5 图表但目前还需要gis地图 比如高德百度mapboxcesiumthree这些定制化的地图需求所以这些定制化很高的组件如果融合在一个项目里不好维护有些是使用umd远程组件的方法注册组件然后异步加载或者使用webpack5的邦联模块开发有些是使用npm包的形式安装处理组件支持使用webpack vite 之类的 结合组件库来完成比如vue加element等等。
组件单元测试的需求
很多代码层面的低代码就有各种不同项目的不同组件如何保证组件的高质量以及在迭代过程中的问题就需要使用单元测试来保证比如思考哪些组件是必须写测试哪些没必要市面上流行的插件有好几种但落地起来恐怕困难因为很多做了更好不做也没事的东西在业务面前全部要让路。开发者也必须要有前瞻性务实性懂的取舍权衡。项目有发展好才有你的岗位
ai和开发的结合
在开发过程中注释测试函数功能以及页面样式其实都可以让他提示我们完成这是驱动我们的更有效率的方法目前据说大厂内部的ai以及可以根据功能来完成代码也有ai完成游戏剧情甚至已经有了ai程序员工具会替换很多人这是时代的发展但工具也是需要很多人一起使用落地才可以发光发热。很多的ai都是结合编辑器。比如vscode的很多插件。在开发插件的过程中可以可以使用vs的插件api来判断文件内容类型提示语句然后接入python的接口大模型或者ai的接口也可以是第三方的等等来帮助编辑代码更方便。毕竟百花齐放的vs插件生态肯定是时代的发展。
h5游戏与小程序应用
JavaScript有各种游戏引擎开发二d的3d的混合开发嵌入使用等等。然后各种模拟的物理引擎特效webgl纯h5的游戏pc的游戏都可以嵌入webview也都可以结合electron打包客户端甚至有uniapp的跨端打包支持ios 安卓老版的鸿蒙也支持新版arkts大概需要另一种打包方法。
