近来淘宝,发现淘宝网的商品查询做得很细致,很灵活,能通过产品各个角度进行搜索。这个功能是怎么实现的呢,不会是通过BI系统的维度抽取来实现的吧,如果各个产品都是结构化的数据库表格,那需要的表格就会很多很多,是不是通过自定义表单系统实现的呢?
经过今天晚上的思考,自定义表单系统的初步数据库设计如下:
表单项模板表(ItemTemplate):包含数据类型(按照数据类型对应到数据库中不同的表中去) 、数据长度 、UI配置信息、关联实体、关联条件等;
表单模板表(FormTemplate):包含集合items(each item为ItemTemplate)、表单名称、UI配置信息等;
表单项表(Item):包含template(ItemTemplate)+value等信息;
表单表(Form):包含template(FormTemplate)、录入时间等信息,items集合(each item为Item);
通过这4个表可以灵活地生成各个产品所需要的表单模板,根据表单模板可以生成表单的查询条件,这种设计在应对结构多样性非常明显的产品实体设计的时候应该能满足需求,可以包含产品的各个具体信息,而且可以在用户使用习惯的培养过程中逐渐结构化产品实体,满足更精确的查询需要。
自定义表单的界面设计,应该是技术上的一个难点,可以参考extjs的GUI插件等方式来实现表单模板的设计,传统html界面设计结合未加界面设计的表单模板既可以保证美观又能获得自定义表单系统的优点。
这种方式感觉就是在实现简单的数据库一样,和在数据库中生成各个产品的结构化表格相比,不清楚哪个方案更好一点,请有研究的朋友指点指点。
分享到:
相关推荐
在“QX项目的构想”中,我们关注的是服务器数据的传输与同步以及构建本地服务器。这个项目可能涉及到分布式系统中的数据一致性问题,确保不同节点间的数据能够及时、准确地同步。为了实现这一目标,我们可以考虑使用...
支持自定义格式报名表单,比如有些活动需要志愿者选择上午或者下午,是否携带朋友参加等,这些通过自定义格式报名表单就可以解决,告别千篇一律的报名格式选项,让志愿管理可以更个性更科学! 支持会员编号自定义...
这个开源项目允许开发者自定义和定制登录界面,以满足不同系统需求。 首先,`index.html`是主网页文件,其中包含了登录界面的结构和基本内容。HTML(HyperText Markup Language)是网页制作的基础语言,用于定义...
展示漂亮的登录屏幕,注册屏幕,自定义表单验证和动画,以及令人惊叹的仪表板视图。产品特点登录屏幕-进行中注册屏幕-未开始仪表板-进行中个人资料-进行中目标对话框-进行中设置-未开始添加目标模式-未开始Android...
Bootstrap3的核心组件包括网格系统、表单、按钮、导航、下拉菜单、警告、图像、媒体对象等。通过Layoutit,用户可以轻松地调整这些组件的大小和位置,实现自定义的网页设计。这个工具极大地简化了Bootstrap的学习...
支持自定义格式报名表单,比如有些活动需要志愿者选择上午或者下午,是否携带朋友参加等,这些通过自定义格式报名表单就可以解决,告别千篇一律的报名格式选项,让志愿管理可以更个性更科学! 支持会员编号自定义...
线框图是设计初期用来表达页面布局和交互元素的基本构想,它不关注色彩和细节,而是聚焦于功能和用户体验。以下是对Axure中常用线框控件的详细说明: 1. **Image(图片)**:用于在原型中插入图像占位符或实际图片...
3. **内容管理系统(CMS)兼容性**:这些模板可能与常见的CMS平台如WordPress、Joomla、Drupal等兼容,方便用户通过这些系统进行内容管理和更新。特别是WordPress,拥有丰富的插件和主题库,使得使用模板建立网站变...
- 应用可能使用Bootstrap的类和组件,如网格系统、按钮、表单、模态框等,来创建用户界面。 5. **CSS实用程序**: - Bootstrap 4引入了实用程序类,这些是简短的、独立的CSS类,用于快速实现常见的布局和样式调整...
“无模板限制”意味着开发者不再局限于预设的模板,可以自定义界面的每一个细节,这为创新提供了无限可能。这种灵活性使源码更加适合专业开发者或有独特设计需求的项目,他们可以按照自己的构想构建独一无二的应用...
还有Flexbox和Grid布局系统,为创建复杂的网页布局提供了强大支持。 JavaScript则为网页增添了交互性,通过DOM(Document Object Model)操作,可以改变HTML和CSS,实现动态内容加载、表单验证、滑动效果、下拉菜单...
4. 图标字体:结合图标和字体,如Font Awesome,允许自定义颜色和大小。 5. 线性图标:以简单的线条构成,适合扁平化设计风格。 6. 填充图标:填充色块的图标,对比度更高,视觉效果饱满。 三、图标设计流程 1. ...
对于那些需要特定功能或特定视觉风格的项目,Axure RP8还支持设计师根据自己的需求来创建自定义元件,从而扩展了设计的可能性和灵活性。 在设计的交互层面,Axure RP8提供了无限的可能性。设计师可以使用动态面板...
- **UIAlertController**:演示UIAlertController的使用方法,这是一种用于显示警告框和动作表单的便捷方式。 #### 11. 表格行删除、滑动操作、活动控制器以及模型-视图-控制器(MVC)模式 - **行删除**:教授如何...
【psd】文件名表明这是一个Photoshop设计源文件,设计师通常使用PSD文件进行网页设计的初步构想和细节调整。用户可以通过编辑PSD文件自定义模板的颜色、文字和其他设计元素,以适应自己的品牌需求。 总的来说,这个...
线框图(Wireframes)作为一种基础设计工具,能够帮助设计师快速构想和呈现产品的界面布局,而交互细节的记录则确保了设计的实用性和用户体验。"wz-wireframe-kit"便是这样一款专为实现这一目标而设计的工具包,它...
在IT行业中,原型设计是软件开发过程中的一个重要环节,它能帮助我们预先构想和测试产品的功能和用户体验。"Prototyping:提升原型的基本文件"这个主题聚焦于如何通过使用JavaScript来增强原型的质量和效率。...