基于响应式web设计的质量工程管理系统的设计.pdf

《基于响应式web设计的质量工程管理系统的设计.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、信息技术推广中国科技信息2014年第16期。CHINASCIENCEANDTECHNOLOGYINFORMATIONAug．2o14赵卫东渐渐选择用移动设备代替笔记本和业技术学院质量工程管理系统的应用移动设备访问质量工程管理系统DOI：1O．3969／j．issn．1001—8972．2014．17．045基于响应式web设计的质量工程管理系统的设计由人民网研究院主编的中国移动互联网发展报告架，必须先确定系统整体的需求。由于质量工程管理系统(2014))蓝皮书显示，截至2014年1月，我国移动互的主要用户是学

2、院教师，因此，采用调查问卷的方式对学联网用户总数达8．38亿户。根据相关数据统计，到2015年，院教师进行了需求调查，以确定用户使用移动设备的类型移动互联网的用户数量将超过桌面用户数量。移动设备的和所关心的具体的功能需求，便于规划出几种典型的响应大规模普及和应用使得个人用户和企业用户对移动设备的式布局方式。依赖性逐步提高，越来越多的人开始习惯用移动设备代替经过对调查结果进行分析统计，系统用户使用的移动笔记本和台式机完成日常工作和生活需要。面对如此众多设备类型及分辨率主要有PC机(1024×768或更高)、的移

3、动设备用户，任何一个利用互联网展示自身的个人和Android智能终端(480×800)、iPad(640×960)三种企业用户恐怕都不会无动于衷。在这种形势下，如何使网类型，使用这三种分辨率大小的用户占了被调查用户的绝站在传统浏览器、手机和平板电脑等设备的浏览器上都有大部分。同时，确定了质量工程管理系统的主要功能模块。很好的显示效果，并确保优良的用户体验，将是越来越重注册用户通过用户名和密码在登陆页面登陆成功后，即可要的问题。看到主页面内容，主页面导航栏由“公告栏”、“新申报那么，如何，才J能在众多类型的移动

4、设备上很好的展项目”和“我的项目”三个栏目组成，其中“我的项目”示同样的网页?美国web设计师和开发者伊森．马考特包括“立项建设”、“材料上报记录”、“申报记录”和“已(EthanMarcotte)于2010年提出了响应式Web设计结项”四个子菜单项。(ResponsiveWebDesign)的概念。响应式web设计的理念是：在网站的建设过程中，网站页面应该有能力根据系统基于响应式web设计的实现用户使用的设备环境自动进行相应的调整，使网站内容在PC机、智能手机和平板电脑的浏览器上都能正常显示。采用弹性布局本

5、文以滁州职业技术学院质量工程管理系统的应用开一个系统如果没有一个良好的用户体验度，那么里面发为背景，应用响应式web设计技术实现质量工程管理系的内容就算设计的再好，也算不上是一个成功的系统。由统在电脑及多种类型的移动设备上都能正常访问和显示的于质量工程管理系统用户使用的设备类型各异，访问设备效果，为学院教师通过多种类型的移动设备访问质量工程屏幕尺寸大小不一。如果采用传统的两栏或三栏固定宽度管理系统提供解决方案。本文主要讨论响应式web设计技的布局方式，虽然符合PC机用户的使用习惯，但必然不术在质量工程管理系统

6、中的具体应用。适合在移动终端设备上进行展示，使移动设备用户缺乏体验。因此，系统布局设计必须相对灵活，能够针对不同分系统基于响应式web设计的需求辨率的设备自适应调整。为了实现更灵活的布局设计，能在多种类型设备的显质量工程管理系统是滁州职业技术学院教务处用于管示器中完美显示，我们需要对页面元素采用弹性布局。理审批学院科研项目的一个web系统。本系统采用响应式所谓弹性布局就是不使用固定宽度限制页面元素的显示范web设计技术，基于B／S模式，在J2EE平台上开发和实现。围，这样才能让页面元素根据所使用设备的显示器分

7、辨率在项目开发之前，为了构建响应式web设计的开发框大小灵活伸缩显示。弹性布局是一切响应式布局的基础，一124—中国科技信恩20i4第16期CHINASCIENCEANDTECHNOLOGYINFORMATIONAug．2014信息技术推广PCpadandroid智能终端鬲——霉可鼍豫薯嚣尊●●⋯⋯●0蘑鳃，t■■■■■●■■“■■．．》^,it---一嘲⋯：：：=：=嘲‘蚋P⋯懈●一^虢#§{瑚{目∞}酿j一⋯《赫^剖％*叠q《抖a：嗣C嚣·06日蝈暖盈I柳晦∞目■■嚣■曩■有弹·H-：布『口j的荩础使用其

8、他web设计技一：i奠毒^—lI蟹■s一鸷一自：№i嘲目n一：术才能页而Ii的访设备中很好的现。tl6}目●■删l

9、嗍●：^561t11H糟¨哺j}*T增$L《盛鞫§嚣嚣弹性布局要求包含元素的宽度单位全部采用百分i一一一⋯⋯懿111417纛j鞭抟}e程嚣翟瓣181：jt22i74比，l口]时没定包含元素的最大和最小宽度。口t拈i，30]根据前期分析和页面弹性布局要求，存主页面【f

10、，页面头部(Ite