Web平台前端开发设计与实现

1、Web 平台前端开发设计与实现 摘 要 Web 平台前端开发设计是现下计算机领域的 重要组成部分， 有效进行 Web 平台前端开发设计， 不但能够 充分发挥互联网的优势，在借助互联网的基础上搭建一个良 好的平台，而且也能够服务多方领域，从而促进多个方面得 到良好的进步与发展。 需要注意的是， 在 Web 平台前端开发 设计过程中，涉及的领域、知识点是涵盖多个方面，因此， 为了实现 Web 平台前端开展良好的开发设计活动， 文章就针 对于此，进行相关方面的探讨和研究，希望可以为实际活动 的开展提供一些借鉴意见，从而促进整体发展。 关键词 Web 平台；前端；开发；设计 doi ： 10 . 39

2、69 / j . issn . 1673 - 0194 . 2018. 11. 053 中图分类号 TP311 文献标识码 A 文章编号 1673 - 0194（2018）11- 0120- 02 丄、八 1 前言 随着科学技术的不断进步与发展，互联网不仅走入家家 户户，而且也引入社会中的各行各业，在互联网深入发展之 后，对互联网提出了新的要求，就是要以互联网为基础实现 网络资源共享这一目标，在这一背景之下产生了Web 平台。 Web 平台的产生， 不仅支持 Web 界面的布局， 成为设计开发 的主要工具，而且能够在很大程度上提高开发效率，从而促 进互联网得到更好的发展。在Web平台发展过程中

3、，对Web 平台的前端进行开发设计， 促使 Web 平台能够允许用户查询 后台的记录，并且借助互联网将这些数据予以合理保存，将 这一目标予以有效落实，有利于促进整体的进步与发展。 2 Web 平台的相关论点探讨 这一章节主要探讨三个方面的内容， 一是 Web 平台前端 开发设计的需求分析，二是 Web平台前端的技术框架分析， 三是 Web 平台实现的技术概要分析， 通过对这三方面内容的 明确，从而为后续的探讨奠定基础。 2.1 Web平台前端开发设计的需求 Web 平台的实现是基于物联网的基础上，将传统上独立 分开的 PC 端、网页端、移动终端通过光纤、 WiFi 等有线或 者是无线网络联系起

4、来，在此基础上将分散的信息予以整 合，实现信息在时间和空间方面的优化，而Web平台前端开 发设计为三个组成部分，这三个组成部分共享一个数据库， 但是受到功能、用途、权限的限制。这三个组成部分分别是 网站信息门户、移动终端、在线服务平台。需要注意的是， 无论是在功能还是在角色方面，这三个组成部分都是不相同 的，比如说从功能的角度来探讨，网站信息门户的主要功能 是为用户提供最新的官方信息和产品介绍， Web 平台前端 在开发设计过程中，要坚持具体问题具体分析原则，以此来 做好这一方面的工作。 2.2 Web平台前端的技术框架 对 Web 平台前端的技术框架开展分析，首先从 Web 门 户会话 Se

5、ssion 技术进行切入。 Session 这一个单词可以理解 为会话的含义，也就是说在客户端和服务器之间建立会话连 接，需要注意的是，Session对于用户登录的信息并不是永久 存在的，而和 Session 不同的 Cookie 是保存在客户端上的， 当用户登录一个网站的时候，服务器会相应客户端的请求， 在连接建立的基础上进入页面，尤其是当客户多次登入一个 网站要输入账号密码时， Cookie 就会在用户第一次登入成功 之后，自动记住这一账号密码，到了下次登入之后，用户就 不必输入账号密码，由此可见，从安全角度来看，Session大 于Cookie ;而从时效性来看， Cookie大于Ses

6、sion。其次要 从 MVC 模型分析进行切入。 这一模型在 Web 的应用中得到 大力的推广，是由视图、模型、控制器这三个部分组成，具 有多个方面的优势，合理应用的话，能够发挥重要的作用。 2.3 Web平台实现的技术概要 实现 Web 平台前端进行良好的开发设计可以采用的技 术，主要表现在以下几个方面：第一是静态页面技术，就是 HTML 技术。一般来说，网站网页的本质是 HTML ， HTML 作为一种文本文件格式，在这一格式中加入一些标签配上对 应的属性和方法，不仅可以丰富页面的内容，使得浏览器显 示的信息能够按照设定的格式和排版配上多媒体，而且也能 够展示所有信息，将页面和页面之间用超

7、链接联系在一起， 由此可见，静态页面技术的合理使用是具有重要的作用。第 二是动态页面技术，与静态页面技术相比较而言，动态页面 技术的使用更加利于互动方面，不仅能够为用户提供更全面 的信息展示功能，而且也能做到与数据库的连接。在此基础 上衍生出 Web 应用程序，从而创造出强大的网页， 而 JSP 是 动态页面实现的常用技术之一，合理应用的话，能够带来多 个方面的作用。第三是 Ajax 技术，这一项技术的应用目的 在于进一步提高和用户的交互性和更加高效的客户服务性。 从本质上来讲， Ajax 技术是一种异步通信的方式， 在未使用 这一项技术之前，用户需要向后台申请当前网页未展示的信 息，而在申请

8、这一过程中，用户不能进行任何操作，只能等 待服务器的相应，而在使用 Ajax 技术之后，这一缺陷正好 可以得到弥补，因为当客户端页面向后台发送一条请求的时 候，后台会依据这个请求建立与服务器的联系，如果不满足 就阻塞请求，而客户端页面不需要等待后台的响应，在很大 程度上提高效率，增加了用 ?袅己玫奶逖椤 ? 3 Web 平台前端开发设计与实现 在明确上述几个方面的内容之后，这一章节主要探讨的 内容就是 Web 平台前端开发设计的实现， 主要提出以下几个 方面的内容来进行探讨和研究，在此基础上来明确这一方面 的内容，从而促进整体的进步与发展。 3.1 立足 Java EE 的框架，开展一系列设计

9、工作 Web平台前端开发设计的实现，需要采用静态页面技术、 动态页面技术中的JSP技术、Ajax技术等，并且建立在Java EE 的框架基础之上，促使网页前端主要由客服人员和系统 管理人员统一管理，并作为信息服务平台的前端界面，以此 来促进 Web 平台前端开发设计得到良好实现。 具体来讲， 主 要体现在以下几个方面：第一，安装和配置 Java 虚拟环境。 由于 Java 是一种高级语言，因此，在 Java 虚拟环境的基础 上为上层的应用提供丰富的库，以此来做好接口进行运行。 第二， 在安装和配置 Java 虚拟环境之后， 开始安装 Tomcat。 Tomcat 的配置需要建立在系统环境之下，

10、 完成配置之后， 启 动Tomcat，看到欢迎界面之后，就说明安装成功，之后建立 JSP app 的目录。需要注意的是在 Tomcat 的安装目录之下有 WEBAPPS 目录，在 WEBAPPS 目录下新建一个目录，起名 叫 MYAPP ，并在该目录下再新建一个目录 WEB-INF ，在下 新建JSP文件的基础上写上代码，就可以开始页面编程工作。 第三， 在 Web 平台前端开发设计过程中， 由于 MYSQL 是一 款经典的数据库，具有免费、功能齐全等方面的特点，在这 一数据库之中新建一个 MySQL-data 目录，完成后再新建一 个 my.ini 的文件，以此来充分发挥这一数据库的功能。第

11、 四，还需要建立JSP页面与MYSQL数据库的联系。而要想 构建JSP动态页面网站，就需要用JSP连接MySQL数据库， 在连接完成之后，由于需要用到大量的表，如果仍然用命令 的方式是具有不便利的特点，因此，需要下载 MySQL 的图 形化管理软件，促使后台程序向数据库写入数据。第五，要 想实现 Java 的手机应用向 Web 端发送采集到的数据信息这 一目标，首先是需要建立一个用于存放信息的数据库和表， 一般这一步骤在之前 JSP 页面与 MySQL 数据库的联系建立 过程中就得到实现。其次在此基础上构建一个叫作 WebRequest的JSP的后台程序， 部署在Tomcat中，然后 将手机端

12、上采集的信息依附到 JSP应用程序中的WebRequest 中。3.2 提高工作人员工作能力，合理使用 Ajax 技 术 为了实现 Web 平台前端开发设计工作， 还可以采取以下 几个方面的措施：第一，任何一项工作的开展都需要相对应 的工作人员参与其中。 由此可见， 工作人员工作能力的高低， 在很大程度上影响一项工作的开展质量。 相对应的 Web 平台 前端开发设计工作在开展过程中，无论是设计还是开发，都 需要充分调动工作人员的作用， 才能在此基础上实现 Web 平 台前端进行有效的开发设计。 但是在实际发展中， 在 Web 平 台前端开发设计工作中，有关于工作人员方面还存在着工作 能力不高、

13、素质不强等方面的问题，这些问题的存在，在很 大程度上影响 Web 平台前端开发设计工作得到有效落实， 因 此，充分发挥工作人员的工作能力是具有重要的作用。而提 高工作人 ?T 的工作能力， 可以采取两个方面的措施， 一方面 是在对外的招聘环节中， 要尽量避免因为人情、 关系等原因， 在公平的基础上合理的筛选前来应聘的计算机人员；另一方 面是在对内的人员管理中，多组织一些培训活动，如业务培 训班，不仅进行有针对性的计算机操作方面培训，而且也要 进行计算机知识方面的培训，以此来提高计算机人员的实际 能力，从而促进整体的进步与发展。 第二，合理应用 Ajax 技 术。由于浏览器与服务器这两者之间的传输方式可以说是同 步也可以说是不同步，同步的传输方式是最容易实现的，但 是传输的不同步性也是必须考虑的，为了考虑传输的不同步 性，就需要使用 Ajax 这一项技术。 Ajax 技术在上述探讨中 已经有所涉及，在这里需要更加明确这一项技术，是基于结 合异步的JavaScript和XML来实现的。第三，Web平台前 端开发设计工作得到有效落实，还需要落实的一个措施就是 更新相关的计算机设备，由于时代在不断进步，信息技术也 得到进一步发展， 因此， 为了做好 Web 平台前端开发设计工 作，及时更新计算机设备，有利于促进整体的进步与发展。 4 结语 针