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

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

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

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

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

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

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

7、较而 言，动态页面技术的使用更加利于互动方面，不仅能够为 用户提供更全面的信息展示功能，而且也能做到与数据库 的连接。在此基础上衍生出Web应用程序，从而创造出强 大的网页，而JSP是动态页面实现的常用技术之一，合理应 用的话，能够带来多个方面的作用。第三是Ajax技术，这 一项技术的应用目的在于进一步提高和用户的交互性和更 加高效的客户服务性。从本质上来讲，Ajax技术是一种异步 通信的方式，在未使用这一项技术之前，用户需要向后台 申请当前网页未展示的信息，而在申请这一过程中，用户 不能进行任何操作，只能等待服务器的相应，而在使用 Ajax技术之后，这一缺陷正好可以得到弥补，因为当客户端 页

8、面向后台发送一条请求的时候，后台会依据这个请求建 立与服务器的联系，如果不满足就阻塞请求，而客户端页 面不需要等待后台的响应，在很大程度上提高效率，增加 了用袅己玫奶逖扌罗3 Web平台前端开发设计与实现在明确上述几个方面的内容之后，这一章节主要探讨 的内容就是Web平台前端开发设计的实现，主要提出以下 几个方面的内容来进行探讨和研究，在此基础上来明确这 一方面的内容，从而促进整体的进步与发展。立足Java EE的框架，开展一系列设计工作Web平台前端开发设计的实现，需要采用静态页面技 术、动态页面技术中的JSP技术、Ajax技术等，并且建立在 Java EE的框架基础之上，促使网页前端主要由

9、客服人员和 系统管理人员统一管理，并作为信息服务平台的前端界 面，以此来促进Web平台前端开发设计得到良好实现。具 体来讲，主要体现在以下几个方面：第一，安装和配置 Java虚拟环境。由于Java是一种高级语言，因此，在Java 虚拟环境的基础上为上层的应用提供丰富的库，以此来做 好接口进行运行。第二，在安装和配置Java虚拟环境之 后，开始安装Tomcato Tomcat的配置需要建立在系统坏境 之下，完成配置之后，启动Tomcat,看到欢迎界面之后， 就说明安装成功，之后建立JSPapp的目录。需要注意的是 在Tomcat的安装目录之下有WEBAPPS目录，在WEBAPPS 目录下新建一个

10、目录，起名叫MYAPP,并在该目录下再新 建一个目录WEB-INF,在下新建JSP文件的基础上写上代 码，就可以开始页面编程工作。第三，在Web平台前端开 发设计过程中，由于MYSQL是一款经典的数据库，具有免费、功能齐全等方面的特点，在这一数据库之中新建一个 MySQLdata目录，完成后再新建一个的文件，以此来充分 发挥这一数据库的功能。第四，还需要建立JSP页面与 MYSQL数据库的联系。而要想构建JSP动态页面网站，就 需要用JSP连接MySQL数据库，在连接完成之后，由于需 要用到大量的表，如果仍然用命令的方式是具有不便利的 特点，因此，需要下载MySQL的图形化管理软件，促使后 台

11、程序向数据库写入数据。第五，要想实现Java的手机应 用向Web端发送采集到的数据信息这一目标，首先是需要 建立一个用于存放信息的数据库和表，一般这一步骤在之 前JSP页而与MySQL数据库的联系建立过程中就得到实 现。其次在此基础上构建一个叫作WebRequest的JSP的后 台程序，部署在Tomcat中，然后将手机端上采集的信息依 附到JSP应用程序中的WebRequest中。提高工作人员工作能力，合理使用Ajax技术为了实现Web平台前端开发设计工作，还可以采取以 下几个方面的措施：第一，任何一项工作的开展都需要相 对应的工作人员参与其中。由此可见，工作人员工作能力 的高低，在很大程度上

12、影响一项工作的开展质量。相对应 的Web平台前端开发设计工作在开展过程中，无论是设计 还是开发，都需要充分调动工作人员的作用，才能在此基 础上实现Web平台前端进行有效的开发设计。但是在实际 发展中，在Web平台前端开发设计工作中，有关于工作人 员方面还存在着工作能力不高、素质不强等方面的问题， 这些问题的存在，在很大程度上影响Web平台前端开发设 计工作得到有效落实，因此，充分发挥工作人员的工作能 力是具有重要的作用。而提高工作人T的工作能力，可以 采取两个方面的措施，一方面是在对外的招聘环节中，要 尽量避免因为人情、关系等原因，在公平的基础上合理的 筛选前来应聘的计算机人员；另一方面是在对

13、内的人员管 理中，多组织一些培训活动，如业务培训班，不仅进行有 针对性的计算机操作方面培训，而且也要进行计算机知识 方面的培训，以此来提高计算机人员的实际能力，从而促 进整体的进步与发展。第二，合理应用Ajax技术。由于浏 览器与服务器这两者之间的传输方式可以说是同步也可以 说是不同步，同步的传输方式是最容易实现的，但是传输 的不同步性也是必须考虑的，为了考虑传输的不同步性， 就需要使用Ajax这一项技术。Ajax技术在上述探讨中已经 有所涉及，在这里需要更加明确这一项技术，是基于结合 异步的JavaScript和XML来实现的。第三，Web平台前端开 发设计工作得到有效落实，还需要落实的一个措施就是更 新相关的计算机设备，由于时代在不断进步，信息技术也 得到进一步发展，因此，为