首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

表单数据形式配置化设计

表单数据形式配置化设计 https://www.zoo.team/article/form-data 前言 在日常的中后台系统开发中,表单是和我们打交道非常多的名词。...秉承着更少代码更多产出的原则,我设计了一套配置化逻辑来提升这一开发体验。...,无论是在详情页中显示文本亦或是编辑页中的表单组件包裹的数据,其实本身所对应的都是同一个数据,只是展示形式不一样而已。...在这里我们暂时将数据的形式定为表单组件形式与文本形式。其实在实际的使用中,由于数据的收集形式不同,会出现第三种数据形式。...它就是表单文本形式,一种以文本展示但数据可被表单自动收集的形式,我把它定义为 FormText(如下所示)。

87820
您找到你想要的搜索结果了吗?
是的
没有找到

分析鉴赏奔驰宝马网站设计 看公司网站设计策划

国内的公司网站目前还是以普通的html4为基础的PC端网站,有的企业为了迎合移动网络流量趋势做了移动站,但作为企业网站同样的内容,做电脑端和手机端两个独立的网站未免有点重复和低效。...而如今HTML5响应式网站已经在国外企业网站基本普及的现环境下,国内的很多有国际背景的大公司网站都已经改版为最新的HTML5响应式网站,电脑端、平板端、手机端均可自动适应页面尺寸获得良好的视觉体验。...下面就是美耐思通过分析和鉴赏奔驰中国和宝马中国的官网的设计来给广大的企业决策者在公司网站设计制作策划时做为一个参考。...首要特点,均是HTML5响应式网站 无论是奔驰还是宝马中国的网站均采用的是HTML5响应式网站技术,一个网站各种浏览设备均自适应,具有非常好的浏览端用户体验。...奔驰中国网站首页手机端浏览部分实景图 第二,网站的整体设计均采用大方而简洁的风格 这些网站的整体设计均采用大方而简洁的风格,可以看到这两个网站首页中没有像很多企业公司网站那样什么都往主页上堆,而是简介明了的突出主题元素

2.4K50

「大型网站架构设计」—— 网站运行监控

以后的文章也会在博客进行首发,快来关注我吧,我们继续一起探讨技术一同进步~ 本文主要是笔者对《大型网站技术架构》一书的总结归纳。...主要通过两种方式展现,一是通过「思维导图」的形式输出;另一种,就是本文以图文的形式更加详细和展开的描述‘大型网站技术架构’的方方面面。...四,网站运行监控 “不允许没有监控的系统上线”,这是许多网站架构师在做项目上线评审时常说的一句话。网站运行监控对于网站运维和架构设计优化至关重要,运维没有监控的网站,犹如架势没有仪表的飞机。...4.1 监控数据采集 用户行为日志收集 ① 服务器端日志收集; ② 客户端浏览器日志已收集 大型网站的用户日志数据量惊人,数据存储与计算压力很大,目前许多网站逐步开发基于实时计算框架Storm的日志统计与分析工具...网站在监控管理基础之上实现自动优雅降级,是网站柔性架构的理想状态:监控系统实时监控所有服务器的运行状况,根据监控参数判断应用访问负载情况,如果发现部分应用负载过高,而部分应用负载过低,就会适当卸载低负载应用部分服务器

2.3K20

形式与功能 – 卡片式设计思考 - 腾讯ISUX

在信息量这么大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,对提高用户获取有效信息的效率有着非常大的帮助。...上面所说的形式功能的组织与呈现其实讲的是设计排版上的问题,当然对设计师排版功力也有相当的要求。...这种排版优化的方法有很多种,我这里主要围绕卡片式设计的理论进行深入探讨,相信大家对卡片式设计已非常熟悉,虽然已流行了好多年,但是设计形式并不是随着使用年龄的增长而消失,芝加哥学派路易斯.H.沙利文提出过...:“形式追随功能”就能说明这一点。...总结 在信息量大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,对提高用户获取有效信息的效率有着非常大的帮助,这时应用卡片式的设计方式是不错的选择。

95920

「大型网站架构设计」—— 网站性能测试

主要通过两种方式展现,一是通过「思维导图」的形式输出;另一种,就是本文以图文的形式更加详细和展开的描述‘大型网站技术架构’的方方面面。...3.1 不同视角下的网站性能 用户视角的网站性能 从用户角度,网站性能就是用户在浏览器上直观感受到的网站响应速度快还是慢。 ?...性能测试曲线 在开始阶段,随着并发请求数目的增加,系统使用较少的资源就达到较好的处理能力(a~b段),这一段是网站的日常运行区间,网站的绝大部分访问负载压力都集中在一段区间,被称作「性能测试」,测试目标是评估系统性能是否符合需求以及设计目标...并发用户访问响应时间曲线 3.4 性能测试报告 测试结果报告应该能够反映上述性能测试曲线的规律,阅读者可以得到系统性能是否满足设计目标和业务需求、系统最大负载能力、系统最大压力承受能力等重要信息。...、磁盘、网络、还是 CPU,是代码问题还是架构设计不合理,或者系统资源确实不足。

1.8K20

Web网站通知系统设计

写在前面: 通知系统是网站信息传播机制的重要的一部分,足够写一大章来说明。本文只梳理设计原则,后续相关内容会持续更新。 这里的通知包括但不限于公告、提醒或消息(不同使用场景下的功能定义不同)。...关于各客户端平台(ios、android、wp等)的通知机制,在其交互设计指南中有更详细的说明,大家可自行参考。 一、通知系统定义 通知系统,顾名思义即通知信息的传达处理系统。...这里的“需要得到”有两层意思: 1、用户彼此互动触发的信息流(留言、评论或者回复、私信等) 2、网站希望用户了解关注的信息(系统公告等) ?...这里只针对一般的社区网站,描述一下个人所喜欢的交互方式。 1、新消息到达时提醒交互 当新消息到达时,可以使用以下提醒方式 标题闪动 ?...这个要与网站整体的拉回策略相结合。 ? wanchenglahui.png 例:Facebook的好友请求确认拉回邮件: ?

6.5K41

给数据统计报表的可视化设计形式

二、人佛皆有装,数据也着衣 在数据可视化领域,主要有两个研究方向: 1.信息展示类——将丰富的信息进行整合、分析,从中提炼出最具意义的信息,以多样的、有趣的形式展现,供人们参考,引发思考。 ?...据自己18个月的听歌记录得出的可视化 三、数据亦有意,设计皆有法 俗话说,量体裁衣。在数据可视化中,每一块数据都有其存在的意义,因此我们在视觉设计中必须以数据为核心,对其进行设计。...那么,如何对“数据体”设计进行斟酌、筛选、抽象并使其视觉化,将成为我们为其裁得好衣的关键! 数据轴线化 在数据可视化中,如何对多条主线,复杂的信息进行展现? ?...在这个进化的例子中,有很多条进化主线,而在设计里,取其主线——时间为轴,把这些信息放入这根主轴线中,就是很好的方法。 信息扁平化 各个年龄段和不同性别的人在不同类型的在线应用上所花费的时间 ?...抽象化 所有的信息可视化的设计方法,无不离开信息的整合、提炼、筛选,乃至升华,视觉传达中的各种要素在其中得到了充分的体验,与其讲让数据去操作视觉语言在舞蹈,倒不如说视觉语言给数据提供了新的生命。 ?

1.2K100

设计师必备的设计导航网站

如何找到设计的灵感?怎样做出脑洞大开的设计?有哪些网站有高质量的排版设计素材可以参考?在哪里找到精致的图文排版参考、专业的交互界面设计平台?......以上这些问题,在这个全网最全面的设计类导航网站——甲方叭叭,帮你解决那些设计中的小烦恼。“甲方叭叭”刚上线不久,为设计师精选国内外优质网站。...提供UI设计设计教程、素材下载、高清图库、配色方案、App设计、网页设计等全方位设计网站导航指引。...有着诸多分类且分类清晰,如:设计教程、界面设计、灵感创意、设计工具、素材资源、酷站模板、字体设计、配色方案、摄影美图、漫画插画、行业视野、设计培训、前端开发、室内设计设计媒体。...简约舒适且清新的界面、强大的站内搜索及多种搜索引擎切换、每天各大业内站点采集筛选每日灵感、网站收藏云同步、根据你的浏览记录分析你的爱好推送你需要的网站、等等。是一个非常不错的适合设计师的导航!

1.6K20

网站制作是优先考虑SEO还是网站设计

网站制作之前,网站策划时一般要考虑网站的规划和设计,在这其中,SEO和网站本身的外形表现设计究竟要优先考虑哪个?也就是说这两个发生冲突时,要优先保证哪个?...一个美工良好的网站带给浏览者的感受和体验是美工差的网站无法相比拟的,因此,美工在网站策划制作中应该放在非常重要的位置。...但通常情况下,企业网站还是以中小企业为主的,中小企业网站一般是想从搜索引擎自然流量中获得些订单的。...那这个时候对于那些中小企业网站来说,美工方面就得让让步了,得使用SEO容许使用的美工技术来作为网站的外在表现。...总之,就是你企业网站如果非常大,品牌很硬,对搜索引擎中关键词流量并不十分在意,那就在网站策划制作过程中不用考虑那么多SEO的要素,只管好好表现网站即可。

2.1K00

「大型网站架构设计」—— 前言

本文主要是笔者对《大型网站技术架构》一书的总结归纳。主要通过两种方式展现,一是通过「思维导图」的形式输出;另一种,就是本文以图文的形式更加详细和展开的描述‘大型网站技术架构’的方方面面。...在大型网站架构中采用的分层结构,会将网站软件系统分为“应用层”、“服务层”、“数据层”。...但在网站的发展过程中,分层结构对网站支持高并发向分布式方向发展至关重要。因此在网站规模还很小的时候就应该采用分层的架构,这样将来网站做大时才能更好地应对。...,使网站可用性降低; 数据在分布式的环境中保持数据一致性也非常困难,分布式事务也难以保证,这对网站业务正确性和业务流程有可能造成很大影响; 分布式还导致网站依赖错综复杂,开发管理维护困难。...网站应用中,缓存除了可以加快数据访问速度,还可以减轻后端应用和数据存储的负载压力,这一点对网站数据库架构至关重要,网站数据库几乎都是按照有缓存的前提进行负载能力设计的。

93730

网站建设与网页设计总结

在如今数字化时代,网站建设和网页设计成为了企业和个人必不可少的一部分。一个好的网站可以为企业带来更多的曝光度和客户,而一个精美的网页设计可以吸引用户的眼球并提升用户体验。...其次,网页设计网站建设中非常重要的一环。一个好的网页设计可以吸引用户的眼球并提升用户体验。在网页设计中,需要考虑到网页的整体布局、色彩搭配、字体选择、图片使用等因素。...一个好的网页设计应该具备简洁明了的布局、和谐统一的色彩搭配、易读易懂的字体和高质量的图片。网站建设和网页设计的总结如下:1. 需要明确网站的目标和定位。在网站建设之前,需要明确网站的目标和定位。...网站的安全性是网站建设和网页设计中必须要考虑的因素之一。一个不安全的网站容易被黑客攻击和数据泄露,给用户和企业带来损失。...一个好的网站可以为企业和个人带来更多的曝光度和客户,而一个精美的网页设计可以吸引用户的眼球并提升用户体验。希望本文对网站建设和网页设计有所帮助。

19020

网站404页面的设计

每一个网站都必须有404页面,404页面指的是显示网站错误链接的页面,可能是该访问的页面不存在,也可能是页面已经被删除。...网站404页面对网站SEO优化有着十分重要的作用,它是http协议的一种状态码,当网站链接出现问题或者是错误时,不能够正常显示,404页面就会出现。...设计404页面 Jacob Nielsen在十大可用性设计原则中曾提到: 帮助用户识别、诊断错误,以及解决错误:错误信息应以简单平实的语言(无代码语言)来表示,准确指出问题,并建设性地提出解决方案。...践行这个原则可以考虑到以下几点: 404页面的设计一定要与网站风格一致,不然会让用户感觉进入另一个网站,会立马关闭网页。...,这样即使用户想知道的没有知道也不会对你的网站产生恶感。

1.3K20
领券