基于java的web开发控制界面设计推荐.doc

PAGE PAGE 117 题 目： 基于Java的Web开发 ——控制界面设计 引言 随着网络的不断普及，基于网络的计算机应用也在飞速发展，其中基于B/S模式（Browser/Server模式，浏览器/服务器模式）的Web应用从出现到现在一直具有非常旺盛的生命力，而且应用面也越来越广。这些都得益于Web应用方便的部署和使用方式，以及强大的交互和展现能力。正因为Web应用的前景看好，Web开发技术也发展迅速。Web开发，就是开发应用于Web之上的系统。而随着Internet成为现如今覆盖面最大和应用最广泛的网络，Web开发技术也主要集中在开发基于Internet的网络应用系统。Internet是一系列网络结构和网络协议等网络技术的集合，这些技术也是基于Internet的Web应用的基础，了解基本的Internet网络技术对于深入理解Web开发技术是不能缺少的。 随着Web技术的发展，基于实验资源共享的网络平台技术已经得到了广泛的研究和发展，特别是在高校的教学环境中已有初步的应用。网咯实验平台技术经历了以下几个阶段： 1.基于Web的虚拟实验室：一般采用B/S（浏览器/服务器）架构，用户只需要通过浏览器登录虚拟实验室就可以远程进行实验。 2.基于Web服务的虚拟实验室：这种形式的实验室，从用户的角度来看和基于Web的虚拟实验室没有区别。但是从服务器端开来，这两者之间就有很大的区别了。基于Web的虚拟实验室只解决了远程操作问题，实验的资源和设备只能在同一个实验室，为了将分布于不同地点的设备和资源整合起来，提出了基于Web服务的虚拟实验室。 3.基于网络的虚拟实验室：Web服务虽然解决了异构实验设备的整合，以及互联网平台上的访问等关键问题，但随着分布式资源的增加，要求虚拟实验室必须具备分布式系统管理方面的功能，比如资源的发现、监测、调度等，这样就提出了基于网络的虚拟实验室。 本项目的整体目标是基于Web服务的虚拟实验室，基于Web 服务的网络实验平台都由用户接口，Web 服务器及Web 服务组成。我们这里所设计的是信号处理方面的实验，例如信号变换，信号调制，DFT，FFT 等等，一般都没有涉及到状态的持续。基本的结构图如下所示： 图1 Web服务的虚拟实验室结构图 用户通过互联网或者局域网访问Web 服务器，服务器随即调用相应的实验服务，经过计算返回结果给访问者。基于WEB 服务的网络实验平台架构被分为三层。 第一层为实验设备接口层。设备接口层负责网络实验平台的服务层与虚拟仪器系统、物理实验系统和仿真实验系统的数据交换。各种不同的数据流, 通过这一层被转换成规定的格式提交给执行系统。第二层为WEB 服务层。完成实验资源的整合，提供实验服务。第三层为用户接口层。 这一层是直接面对实验进行操作的用户的，用户通过浏览器访问网络实验室服务平台, 提交定制的实验参数得到实验结果。 用户接口 用户接口 Web服务引擎 MATLAB引擎 信号变换 信号调制 DFT FFT 其他实验 虚拟文字接口 虚拟仪器 用户接口层 Web服务层 设备接口层 图2 基于WEB 服务的网络实验平台架构 整个项目的主要目的是实现系统能够进行数据采集，模型仿真和网关发布一系列操作。我在整个项目中负责的是基于Web服务的虚拟实验室的控制界面的设计，用来提高使用者对于这个系统的体验度，使页面显示更加灵活，提高系统与用户的交互性。 网页设计要使用多种技术，包括HTML语言、脚本程序设计、CSS样式表以及美工技术等。仅仅使用HTML语言设计的页面属于静态页面。Web刚出现的一段时间内，Web是一个静态信息发布平台，所设计的页面都是静态页面；而如今的Web已经具有更丰富的功能。现在，人们不仅需要浏览Web提供的信息，而且还需要进行信息搜索等功能。为实现此类功能，增加用户的体验度，必须使用更新的网络编程技术设计动态网页。所谓动态，指的是按照访问者的需求，对访问者输入的信息作出不同的响应，提供响应信息。本文通过HTML语言结合脚本程序设计、CSS样式表以及jQuery动画特效进行基本的页面设计，了解页面设计的思路方法。 1　Web编程基本介绍 1.1　Web简介 1.1.1　Web的基本概念 现在Internet已经成为世界上最大的信息宝库，然而Internet上的信息资源既没有统一的目录，也没有统一的组织和系统，这些信息分布在Internet位于世界各地的计算机系统中。人们为了充分利用Internet上的信息资源，迫切需要一种方便快捷的信息浏览和查询工具，在这种情况下，Web诞生了。 Web全称为word wide web,缩写为