曾经有人说程序员是最懒的一批人,因为你的工作就是让程序去做重复的事情。最近接了一个私活,这个项目有很多的表单,大家都知道,表单就是字段多,如果一个一个去敲字段,那就是手动去做重复的事。
动态表单
曾经也思考过,自己封装动态表单组件吧,这样只需要维护一个JSON数据,就可以动态渲染出表单来,这样就不用一个一个敲字段了,但封装了好几个这样的组件,最后都被我放弃了,因为不管怎么封装,它都不够灵活。
本质是少敲代码
易于维护的本质是什么,是改一处,多处可复用?还是少敲代码?我觉得是后者。
那么我们自己循环出表单代码,复制过来就好了。比如
let tel = ''
for (key in a) {
if (a[key].required == true) {
tel += `
<view class="page-tip dflex">
<text class="text"><text class="required">*</text>${a[key].title}</text>
<input v-model="ShenQingRenForm.${key}" class="input-cell" type="text" placeholder="请输入" placeholder-style="color:#999" />
</view>`
}
if (a[key].required == false) {
tel += `
<view class="page-tip dflex">
<text class="text"><text class="required"></text>${a[key].title}</text>
<input v-model="ShenQingRenForm.${key}" class="input-cell" type="text" placeholder="请输入" placeholder-style="color:#999" />
</view>`
} else {
}
}
直接循环出代码快,复制过来就好。
好了,现在我连json 都不想手敲了,那直接让ai生成就好了。比如
程序员不可能不懒的,现在我中文都不想手敲,所以有了下面的图
好了,我想说的事情说完了,希望对你有用,如果你喜欢我的文字,关注公众号,九月有风,是对我最大的帮助,谢谢,很需要人气。