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

软件项目实训及课程设计指导——如何合理地设计软件应用系统的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的。

本文来源：od体育app官网入口-www.fddibang.com