上海网站建设公司上海网站建设公司

互联网职工换岗国企后慨叹:每天作业2小时年薪20万,日子乐滋滋

查看次数:535 2021-03-06

     无论是网站建造仍是APP开发小程序开发,在做页面规划的时分都无可避免需求做表单规划,在做后台产品的时分就更是需求做很多的表单规划了。当然,产品开发是团队工作,页面规划好,还需求落地执行,交到小程序开发APP开发等产品开发的时分问题就来了:“字段约束无法实现啊~”然而,此时审核字段就显得非常重要。拟定一个约束规范,除了需求问题还有字段称号和内容等等,然后做好页面规划后,检查一下,关于产品开发功率和团队协助都百利而无害。下面,规划师就给大家说说,如何拟定一个表单的自审单。

       一般表单字段的类型分为了两种:一、输入型字段;二、非输入型字段。当然,有时分咱们或许也会遇到既是输入又是非输入的字段的时分,假如有此状况,将两者按照页面的本身状况合并即可。还有一些状况是输入型字段与非输入型字段都会遇到的共性问题,这些都需求咱们去考虑。

一、输入型字段自审单

     在规划输入型字段的时分,咱们需求考虑的有以下几个问题:

 · 字段数据类型约束。

 · 字段输入长度约束。

 · 字段输入格局约束。

 · 单行文本输入框仍是多行文本输入框。

 · 输入项是否有验重设置。

 · 字段输入内容是否能够经过其他表单字段进行核算。

1.字段的数据类型约束

      严厉含义来说,需求考虑这个问题的应该是开发,可是作为产品司理的咱们假如能够在一开端就把字段的数据类型考虑清楚,无论是后面开发仍是咱们对整个产品的把控都会更上一个台阶。

      字段的数据类型基本上能够分为以下几种:布尔型、字符串、整型、浮点型、数组、对象等。不同的开发语言数据类型或许会略有差异;一起有些数据类型或许也会拆分的更精密一些,比方一些语言浮点型会有单精度和双精度之分。可是关于咱们在规划表单页面中的字段时,一般来说只需求了解布尔型,字符串,整型、浮点型即可满意规划上的一些需求。

      布尔型:值只要两种:true/false。即是与否。这个一般用于非输入型字段的填写。需求挑选某个字段的是否,或许有些开发在用到只要两个选项的挑选时也或许会用到。

      字符串:字符串能够了解为咱们输入字符的一个集合。能够是字母,汉字,符号,数字等。一般来说咱们在规划的时分字符串也是用到最多的时分。从某个含义上来讲,输入型的字段一般都能够经过字符串来存储。只不过由于存储所占空间的大小等原因不能够这么操作。

      当然,关于不同的数据库来说,不同的输入长度所选用的字符串类型也不一样。比方MySQL中的CHAR类型,最多可存储 255 个字节,VARCHAR最多可存储 65535 个字节,当然,其所占的空间也不同。假如咱们能够了解一些数据库中规划表的常识,必定会更好。

      整型:即整数类型,不同的数据库有对应的整型类型约束其存储规模,比方TINYINT和SMALLINT。

      浮点型:一般来说分为单精度和双精度。

      在了解了以上的一些常识之后,咱们就能够依据字段的详细需求来确认其归于哪个数据类型。然后沉着的规划出表单字段。

2.字段输入长度的约束(最大最小值)

      在咱们了解了什么叫做数据类型后,接下来要考虑的便是字段长度的约束。其实,这个应该是归于数据类型的一个拓宽。由于在你规划了它的长度后,开发会依据其长度挑选挑选一个数据类型的类型去进行存储。所以咱们在一开端就将其长度想好无论是关于事务需求来说仍是数据库的表规划都是非常有益的。

     比方咱们需求想好这个字符串的长度最长能够输入多少位;数字最大能够输入多少;小数点后保留几位小数;时刻与日期是从何年何月何日开端的,最大又能够到何年何月何日。

     以MySQL为例,不同的数据类型的存储规模大致为以下状况:

(1)整型

页面规划好就完事?检查一下页面字段能够有用进步团队功率呢!

(2)浮点型

页面规划好就完事?检查一下页面字段能够有用进步团队功率呢!

(3)日期型

页面规划好就完事?检查一下页面字段能够有用进步团队功率呢!

(4)字符串类型

页面规划好就完事?检查一下页面字段能够有用进步团队功率呢!

       了解数据库的数据类型,能够让咱们在规划字段时大致了解到这个长度能够用什么样的数据类型进行存储。特别关于一向阈值的判定等都有很大的用处。

3.字段格局约束

      在规划表单字段时,往往一些关于一些字段的输入格局有所约束,最典型的为输入手机号、身份证的格局。这些关于开发来讲一般是用正则表达式进行匹配的。比方能够输入的特别符号是什么。首字母有必要填写什么。不能够填写什么等等。所以咱们规划表单页面,如有遇到特别填写规矩的时最好能够明晰的写清楚。

       当然,假如有能力的话,咱们也能够了解一下正则表达式的书写规矩及原理,知其底子关于咱们在规划时必定是有优点的。

4、单行文本输入框仍是多行文本输入框

      在前端书写页面时,单行文本框即type特点设为text的input标签,多行文本框即textarea。这个关于一些字段规矩来说也是能够进步交互体验的。比方咱们在写一个信息补白的时分,或许就需求一个多行文本框,而填写姓名的字段一个单行文本输入框即可。

5、输入项是否有验重设置

      这个规划一般咱们会在注册一些网站的时分用到,比方当你注册网站输入手机号时,会提示你“该手机号已注册请直接登录!”,这时便是用到了验重处理。咱们在规划表单页面的时分,有必要要考虑到的便是这些。一般来说,验重设置多见于称号,手机号,身份证号等进行差异标识的填写,咱们在规划这些字段时要留意是否需求验重。

6、字段输入内容是否能够经过其他表单字段进行核算

      有时分,一段字段能够与其他字段核算得出,这个时分,咱们就无需让用户进行填写,只需依据规矩将其主动核算出即可。比方,写了一个单价,下文有数量,那么应收用单价*数量即可。在应收栏目就没有必要让其填写了。

      当然,这个比方比较简单,实践咱们在进行规划的时分,状况会比较复杂,咱们往往都拿不准这个是需求核算的仍是需求填写的,或许是误规划为填写字段了。这个时分,就需求规划者对自己的产品逻辑非常了解,每个字段的含义有必要清楚。不然或许呈现的就不止是将核算字段规划为填写字段的问题了。也有或许呈现数据错误,核算出来的值与用户填写的值呈现不一致。


二、非输入型字段自审单

      非输入型字段这儿指的是无需用户自己填写,经过规矩列出由用户挑选的字段。有时分,输入型字段与非输入型字段会有一些共性的检查项目,比方说数据类型以及是否能够经过其他字段核算出来等,但由于非输入字段更多可控,所以相对来说会有更多的约束,一起所需求考虑的状况也都会在自己的掌控之内。非填写字段这儿介绍两种,一种是挑选项,一种是时刻日期挑选器。规划挑选项的时分,咱们需求考虑的问题有以下几种:

1、此挑选项的展示方式:下拉框、级联下拉框、一级弹窗、多级弹窗

      关于规划挑选项类型的非输入型字段来说,能够经过其详细事务大致分为下拉框、级联下拉框、一级弹窗、多级弹窗。一级与多级(级联)的差异即为是否有层级关系,这点比较简单了解。所以在咱们规划的时分所需求考虑的是选用下拉框的方式仍是选用弹窗的方式。

      选用下拉框的方式时每一级的数据条目会比较少,以我的经验来说一般不要多于 20 条,假如再多的时分,不仅交互上并不友爱,并且在恳求后台数据的时分,返回的也会很慢。

      所以这个时分咱们就需求选用弹窗的方式,经过分页来控制其长度了。相当于献身了操作的快捷性来进行交互的优化,一起也减轻服务器压力。当然,在规划的时分咱们也能够直接鄙人拉框上进行分页恳求,这样的规划并不少见。最终怎样规划就看规划者自己的权衡了。

2、是否支撑查找挑选项

      在规划挑选项的时分,是否允许查找又是一个功能点,一般只要数据过多不好进行挑选的时分都会用到查找。这样咱们能够精准的定位到自己所要挑选的项目。规划查找时,咱们需求考虑的是查找是精准查找仍是含糊查找。

      当然,更友爱的方式必定是进行含糊查找,然后经过含糊程度的不断精密其结果也越发精准。可是有时分,咱们所需求填写的项目或许是在知道了此项的详细内容后进行填写的。比方规划批阅单时,挑选批阅人的姓名必定是确认的,这时咱们就无妨运用精准查找来进步检索速度。

3、挑选项是否能够重复挑选

      关于这一点,咱们在规划的时分也是需求的,比方在电商系统中的报备满仓预警时,现已是满仓的库房(即现已被挑选过的)必定是不能够再持续挑选的,这种状况便是不能够重复挑选。是否能够重复挑选这个规划点在事务逻辑上感觉仍是比较明晰的,假如自己事务理的清楚,能够很清楚地规划出来。

      这儿,我要说一个简单被忘记的规划点:在规划已挑选的某个元素不可被其他表单挑选时,在已有条目上再次修正该元素理论上是被占用的状况,所以从后端逻辑上修正时该元素时不可选状况,需设置一个状况,即修正时,此条需求改动的话所挑选的是当前所选中的条目以及未被挑选的条目。

4、是否与其他字段有联动操作

      这点规划其实与下拉框的级联相似,当咱们在其他字段中挑选了某些固定项时,当前字段或许是与该字段进行相关的。咱们只能挑选与该字段相相关的字段。有时分,甚至为人物或许项目联动,比方固定的人或许模块能够看到不同的项目,这些就关乎权限规划的内容了,在此不多赘述。

      规划这点时,咱们需求考虑的是相关的两个或许多个字段是双向联动仍是单向联动。假如是单向联动,那么在填写字段时就需求按照特定的顺序去填写。有必要是一级一级的挑选相关项。而双向联动指的是联动关系没有先后顺序,用户能够任意填写项目,与之相关的项目只需在用户挑选完毕后将相关项列出即可。大多数状况单向联动与双向联动都能够用,可是前者愈加重视的是逻辑性,而后者重视的是关于用户的交互友爱性。规划时刻日期挑选器的时分,咱们需求考虑的问题有以下几种:

1、挑选器的准确程度

       咱们在规划时刻日期挑选器的时分,是需求准确届时分秒仍是年月日,这点需求进行考虑,比方电商CMS的抢购点必定需求准确到秒,而签订合同合同期或许只需求准确到日即可。

2、挑选一个时刻段仍是时刻点

      这一点应该比较好规划一起也比较好了解。详细事务应该也比较明晰,需求仅有一点留意的便是假如咱们规划的是一个时刻段。那么经过此字段进行列表挑选的时分,开端时刻和完毕日期,需求将其单独拆开进行一个时刻段的规模挑选。比方填写合同开端完毕日期是一个时刻段。列表挑选时,合同开端日期也是一个时刻段;合同完毕日期也是一个时刻段。

3、挑选时刻有没有时刻约束

      关于这点最常见的便是一般在规划时咱们需求挑选的时分是当前及之后的一个时刻仍是能够挑选任意时刻。另外,比方签订合一起同一个合同的开端日期必定要大于完毕日期。新合同的开端日期有必要要在旧合同的完毕日期之后。合同期内进行的一系列操作的时刻必定不能超出合一起间等等状况。这样规划能够增强产品的容错性,让用户在操作错误的状况下能够及时纠正过来。或许在规划一个字段时,咱们要考虑的问题不仅仅有这些,其实我觉得咱们每个人在规划表单页面的时分都需求这样一个自审单。对照着咱们的产品,进行查漏补缺,让咱们的产品变得愈加完善。


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

如何评估网站的效果_建站百科

2024-04-22

评估网站的效果是一个综合性的过程,涉及多个关键指标和因素。以下是一些建议,帮助您全面评估网站的效果: 流量分析:

网站制造中使用CSS改进网站访问性

2024-04-22

在网站制作中,CSS(层叠样式表)的使用不仅可以美化网站的外观,还能显著提高网站的访问性(可访问性)。通过CSS,你可以更好地控制网站

网站制造公司:一个好网站的策划设计

2024-04-22

一个好的网站策划设计,通常需要综合考虑多个因素,以确保网站不仅外观美观,而且功能齐全、用户体验良好。以下是一些关键步骤和要素:

第二届山东新高地电商供应链基地展销会在嘉祥县开幕

2024-04-22

第二届山东新高地电商供应链基地展销会在嘉祥县的开幕,标志着这一地区在电商领域的发展又迈出了坚实的一步。作为山东省的重要城市,嘉祥县近年

网站建设公司:网站制造前的建议

2024-04-18

在开始网站制作之前,作为网站建设公司,我们有以下几点重要建议: 首先,明确网站建设的目标与定位。您需要考虑网站的目的是什么

如何选择适合的建站服务器

2024-04-18

在选择适合的建站服务器时,需要考虑多个方面以确保满足网站的需求和预算。以下是一些建议,帮助你做出明智的选择: 硬件

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区荣乐东路2369弄绿地大厦309室

地 址: 上海市闵行区(莘庄)友情路50弄15号1302室

上海网站建设
上海网站建设

上海开杰信息技术有限公司

电话:021-67637587 15900942493(微信同号)

地址:上海市松江区荣乐东路2369弄绿地大厦309室

地址:上海市松江区荣乐中路228弄104号202室

上海开杰信息技术有限公司 上海网站建设 电话:021-67637587

地址:上海市松江区荣乐中路228弄104号202室

地址:上海市闵行区(莘庄)友情路50弄15号1302

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

上海开杰信息技术有限公司松江分部

电话:021-67637587 15900942493

地址:上海市松江区荣乐中路228弄104号202室

上海网站设计公司