Hello, welcome to xx kitchen equipment co., LTD
语言选择: ∷ 

项目实训及课程设计——如何合理地设计软件应用系统Web表现层

Release time:2021-10-14 00:56viewed:times
本文摘要:软件项目实训及课程设计指导——如何合理地设计软件应用系统的Web表现层1、用户界面是软件应用系统的门面,在设计和开发实现时必须高度重视软件应用系统表现层内的各个组件是软件应用系统的前端界面组件,它们直接与应用该软件应用系统的最终操作者发生种种人机交互行为。

S11竞猜

软件项目实训及课程设计指导——如何合理地设计软件应用系统的Web表现层1、用户界面是软件应用系统的门面,在设计和开发实现时必须高度重视软件应用系统表现层内的各个组件是软件应用系统的前端界面组件,它们直接与应用该软件应用系统的最终操作者发生种种人机交互行为。如果某个软件应用系统在用户界面上缺乏引人注目的特色——如操作界面不友好、操作不够体贴和应用不够利便等用户体验不佳,纵然该软件应用系统的性能很是优异或者软件应用系统的整体体系架构设计也比力合理,系统所涉及的业务功效逻辑的实现也都满足了客户的应用需求,但仍然难以获得使用者的青睐。如下示图为某个Web应用系统的数据查询显示效果页面局部截图。

2、熟悉和应用与Web表现层功效实现有关的焦点技术(1)XHTML+ CSS + JS技术XHTML自己并不是什么新的标志语言,它其实是更"规范"的 HTML 版本。可以这样明白XHTML标志语言:"XHTML = HTML + XML",也就是满足"XML语法"要求的HTML页面。

W3C组织公布XHTML技术规范的主要目的是希望Web应用系统的开发人员能够设计并实现出比力"严谨"和"规范"的HTML页面,也就是要求Web页面设计者能够根据XML(eXtensible Markup Language,可扩展的标志语言)的"语法例范"举行Web页面设计,以制止Web浏览器在页面信息显示时发生出"二义性"的错误,并保证在各个差别的Web浏览器中能够实现一致的显示效果。(2)CSS 是 Cascading Style Sheet 的缩写CSS译作"层叠样式表单",它是用于增强和控制Web网页的样式并允许将样式信息与Web网页内容相互分散的一种标志性语言。

Web应用系统的开发人员使用CSS的规则界说,可以统一规范Web网页的"整体花样",而不须要划分给Web网页上的每一个HTML标签单元做属性设置和体现界说。CSS能够革新通例的HTML标签的显示气势派头设置的不足,因为通例的HTML标签的"显示气势派头"的设置是直接在HTML标签中通过标签内带的属性设置来到达。而应用CSS举行Web页面的"体现"界说,不仅可以扩展HTML标签的属性界说的不足,而且还能够到达将Web页面的"内容"(数据)与"体现"(显示气势派头)相互分散,提高Web页面的可维护性。

(3)JS是JavaScript剧本语言的缩写Web应用系统的开发人员使用JavaScript剧本语言编程实现Web应用系统中的种种行为——行为就是对Web页面中种种内容的交互及操作。应用"XHTML+ CSS + JS"技术可以实现将Web页面中的"内容"和"体现"以及"行为"三者相互分散,这将更易于对Web页面中的"内容"的维护和"体现"形式的扩展、"行为"功效实现的可扩展和可维护性。(4)J2EE Web焦点技术——JSP和Servlet组件技术J2EE Web组件中的JSP(Java Server Pages,Java服务器端页面开发技术)组件技术是由Sun公司(现为Oracle公司)提倡、许多公司到场,最终由Sun公司公布的一种针对Java技术平台下的动态网站开发技术的尺度(现在为JSP2.4版本)。

JSP构建在Java Servlets技术基础之上。因此,JSP其实是一种Web服务器端的动态网站实现技术。

一个JSP页面是由尺度的HTML标签、CSS样式单文件、JavaScript剧本法式及JSP服务端标签和嵌入其中的Java法式剧本代码所组成,并以*.jsp作为JSP页面文件的扩展名。如下示图为一个*.jsp Web页面的代码示例的局部截图。J2EE Web组件中的Servlet组件技术是使用Java Servlet 应用法式编程接口及相关类和方法所组成的 Java 法式,它在服务器端的Servlet容器(如Tomcat服务器情况)中运行并遵守Sun公司公布的Servlet组件技术规范。而Servlet组件技术详细地规范和界说了容器的基本功效和Servlet的法式结构和编程实现的接口。

如下示图为Servlet法式代码示例局部截图。(5)Web2.0中的RIA和AJAX技术富因特网应用法式RIA技术是取B/S(Browser/Server,浏览器/Web服务器)结构之长与C/S(Client/Server,客户机/服务器)模式之长,是个很是好的系统结构模式,因为它可以将胖客户端应用法式的优点与瘦客户端应用法式的部署和可治理性优点联合起来。固然,富因特网应用法式中的"富"的观点主要包罗两方面:数据模型的富厚和用户界面的富厚。

富因特网应用法式所具有的主要特点如下:富厚的体现能力和强大的客户端处置惩罚能力,不仅可以最大限度地使用当地系统的资源,也还能够实现无刷新地更新Web客户端屏幕内容。蓝梦客户关系信息治理系统(CRM系统)应用JavaScript + AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML)技术实现RIA的效果——其中JavaScript用于客户端界面的显示和数据处置惩罚,而AJAX技术则用于客户端与服务器的信息传输。因为JavaScript在客户端的体现力不容置疑,使用JavaScript剧本语言法式险些可以实现类似Windows应用法式界面效果。

而AJAX技术一直被用于实现"无刷新"的Web页面,它和JavaScript剧本法式相互配合可以完成数据从Web服务器和Web客户端的传输。3、Web应用系统用户界面设计的基本原则——尽可能操作简朴和利便用户应用软件应用系统的设计和开发人员必须重视系统表现层内的相关组件的设计和编程实现,这不仅包罗法式组件的结构和组件类之间的关系,努力提升软件应用系统的用户体验。

而且也还包罗Web应用系统的用户体验设计,在设计和功效实现时除了应该要遵守如下的基本原则:以用户为中心、视觉雅观、主题明确、内容与形式统一等原则之外,也还需要遵守如下的原则。(1)遵守简朴明晰、简练清新的原则俗话说"简约就是美(简朴就是美)",这个短短的一句话就道出了漂亮的实质。软件应用系统的设计人员(特别是界面设计者如前端美工人员)寻找和发现漂亮,却经常忘了漂亮其实是很简朴的——这反映在软件应用系统的用户界面的设计方面,用户操作的要求和交互的信息要尽可能以最直接、最形象和最易于明白的方式出现在用户眼前。

下图所示为示例项目银行账户信息治理系统中的开户操作的功效页面内容设计效果图示局部截图。(2)遵守操作灵活、使用利便的设计原则切合用户应用习惯和利便用户使用的第一原则;另外,为了能够利便用户尽快地熟悉本软件应用系统,应该简化软件应用系统中的焦点功效的操作历程,尽可能地提供操作向导形式的操作界面;同时再辅助提供实时资助提示信息(文字、图片或者声音等形式)以进一步提示在完成某个功效操作历程中的种种要求。在示例项目银行账户信息治理系统中大量地应用Ajax(Asynchronous JavaScript and XML,异步JavaScript 和XML)技术提供实时、有针对性的资助提示信息(文字、图片或者声音等形式),请见下图所示的用户登录功效页面中的用户名称动态提示的图示效果。

因为软件应用系统的使用者(也就是通常所指的用户)纷歧定全都是盘算机专业的技术人员或者相关的专业人员,而无需提供有关的资助提示信息。软件应用系统自己在运行历程中应该要凭据功效操作的实现历程分时、分步提供在线求助的功效,甚至为用户提供使用向导,这无疑会给使用者用户带来极大的利便性和简练性。4、每个Web页面文件的容量应该尽可能小以到达快速浏览和显示在软件应用系统的Web页面设计时,系统前端设计和开发人员首先应该尽可能地减小每个Web页面的文件长度以淘汰Web页面的加载量——这就需要设计和开发人员尽可能地优化Web页面内的HTML(HyperText Markup Language,超文本标志语言)标签代码,这包罗在公布Web页面时,去掉HTML文档中的注释信息以及冗余的换行标志等标识说明信息类的标签。

其次,还应该要在保证图片精度的应用要求下尽可能地降低Web页面中的各个图片文件巨细和数量,加速Web页面加载的速度。另外,许多Web页面设计人员为了能够使Web页面更绚丽,通常会在Web页面中内嵌Flash动画或者Gif动态图片文件以辅助提供动态信息的应用要求,但如果在Web页面中滥用Flash动画会严重影响Web页面的响应速度。5、保证Web页面的浏览效果能够兼容种种主流的浏览器软件基于B/S(Browser/Server,浏览器/服务器模式)体系架构的软件应用系统的Web页面需要适应和满足面向全世界或者某个地域的会见者的浏览要求,而这些会见者可能会使用差别厂商所提供的差别的浏览器软件。而现在差别厂商的浏览器系统对W3C组织所公布的HTML尺度的支持是有差异的,导致软件应用系统中的同一Web页面在差别的浏览器系统情况中的浏览显示效果最终体现出不相同的效果。

因此,系统前端设计和开发人员还需要针对差别的Web浏览器举行兼容方面的测试,并提供对应的解决方案——如Internet Explorer、Firefox、Chrome和Opera等浏览器。为此,在Web页面设计时应该应用"CSS+DIV"技术实现。因为,接纳"CSS+DIV"技术实现的Web页面不光切合W3C组织所公布的HTML尺度,而且还很是雅观。

下图所示为示例项目银行账户信息治理系统在微软IE浏览器中的浏览效果的局部截图。


本文关键词:项目,实训,及,课程,设计,—,如何,合理,地,S11竞猜

本文来源:S11竞猜-www.tg-groop.com

S11竞猜-LOL全球总决赛下注Sweep WeChat yards pay attention to us

  • 24-hour hotline038-512095970

  • The mobile phone11368609670

Copyright © 2021 Central air conditioning co. LTD All rights reserved Address:Guangzhou economic development zone, guangdong province ICP备19224777号-3