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

.Web平台前端开发设计与实现 摘 要 Web平台前端开发设计是现下计算机领域的重要组成部分，有效进行Web平台前端开发设计，不但能够充分发挥互联网的优势，在借助互联网的基础上搭建一个良好的平台，而且也能够服务多方领域，从而促进多个方面得到良好的进步与发展。需要注意的是，在Web平台前端开发设计过程中，涉及的领域、知识点是涵盖多个方面，因此，为了实现Web平台前端开展良好的开发设计活动，文章就针对于此，进行相关方面的探讨和研究，希望可以为实际活动的开展提供一些借鉴意见，从而促进整体发展。 关键词 Web平台；前端；开发；设计 doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2018. 11. 053 中图分类号 TP311 文献标识码 A 文章编号 1673 - 0194（2018）11- 0120- 02 1 前 言 随着科学技术的不断进步与发展，互联网不仅走入家家户户，而且也引入社会中的各行各业，在互联网深入发展之后，对互联网提出了新的要求，就是要以互联网为基础实现网络资源共享这一目标，在这一背景之下产生了Web平台。Web平台的产生，不仅支持Web界面的布局，成为设计开发的主要工具，而且能够在很大程度上提高开发效率，从而促进互联网得到更好的发展。在Web平台发展过程中，对Web平台的前端进行开发设计，促使Web平台能够允许用户查询后台的记录，并且借助互联网将这些数据予以合理保存，将这一目标予以有效落实，有利于促进整体的进步与发展。 2 Web平台的相关论点探讨 这一章节主要探讨三个方面的内容，一是Web平台前端开发设计的需求分析，二是Web平台前端的技术框架分析，三是Web平台实现的技术概要分析，通过对这三方面内容的明确，从而为后续的探讨奠定基础。 2.1 Web平台前端开发设计的需求 Web平台的实现是基于物联网的基础上，将传统上独立分开的PC端、网页端、移动终端通过光纤、WiFi等有线或者是无线网络联系起来，在此基础上将分散的信息予以整合，实现信息在时间和空间方面的优化，而Web平台前端开发设计为三个组成部分，这三个组成部分共享一个数据库，但是受到功能、用途、权限的限制。这三个组成部分分别是网站信息门户、移动终端、在线服务平台。需要注意的是，无论是在功能还是在角色方面，这三个组成部分都是不相同的，比如说从功能的角度来探讨，网站信息门户的主要功能是为用户提供最新的官方信息和产品介绍， Web平台前端在开发设计过程中，要坚持具体问题具体分析原则，以此来做好这一方面的工作。 2.2 Web平台前端的技术框架 对Web平台前端的技术框架开展分析，首先从Web 门户会话 Session 技术进行切入。Session这一个单词可以理解为会话的含义，也就是说在客户端和服务器之间建立会话连接，需要注意的是，Session对于用户登录的信息并不是永久存在的，而和Session不同的Cookie是保存在客户端上的，当用户登录一个网站的时候，服务器会相应客户端的请求，在连接建立的基础上进入页面，尤其是当客户多次登入一个网站要输入账号密码时，Cookie就会在用户第一次登入成功之后，自动记住这一账号密码，到了下次登入之后，用户就不必输入账号密码，由此可见，从安全角度来看，Session大于Cookie；而从时效性来看，Cookie大于Session。其次要从MVC 模型分析进行切入。这一模型在Web的应用中得到大力的推广，是由视图、模型、控制器这三个部分组成，具有多个方面的优势，合理应用的话，能够发挥重要的作用。 2.3 Web平台实现的技术概要 实现Web平台前端进行良好的开发设计可以采用的技术，主要表现在以下几个方面：第一是静态页面技术，就是HTML技术。一般来说，网站网页的本质是HTML，HTML作为一种文本文件格式，在这一格式中加入一些标签配上对应的属性和方法，不仅可以丰富页面的内容，使得浏览器显示的信息能够按照设定的格式和排版配上多媒体，而且也能够展示所有信息，将页面和页面之间用超链接联系在一起，由此可见，静态页面技术的合理使用是具有重要的作用。第二是动态页面技术，与静态页面技术相比较而言，动态页面技术的使用更加利于互动方面，不仅能够为用户提供更全面的信息展示功能，而且也能做到与数据库的连接。在此基础上衍生出 Web 应用程序，从而创造出强大的网页，而JSP 是动态页面实现的常用技术之一，合理应用的话，能够带来多个方面的作用。第三是Ajax 技术，这一项技术的应用目的在于进一步提高和用户的交互性和更加高效的客户服务性。从本质上来讲，Ajax 技术是一种异步通信的方式，在未使用这一项技术之前，用户需要向后台申请当前网页未展示的信息，而在申请这一过程中，用户不能进行任何操作，只能等待服务器的相应，而在使用Ajax 技术之后，这一缺陷正好可以得到弥补，因为当客户端页面向后台发送一条请求的时候，后台会依据这个请求建立与服务器的联系，如果不满足就阻塞请求，而客户端页面不需要等待后台的响应，在很大程度上提高效率，增加了用?袅己玫奶逖椤? 3 Web平台前端开发设计与实现 在明确上述几个方面的内容之后，这一章节主要探讨的内容就是Web平台前端开发设计的实现，主要提出以下几个方面的内容来进行探讨和研究，在此基础上来明确这一方面的内容，从而促进整体的进步与发展。 3.1 立足Java EE 的框架，开展一系列设计工作 Web平台前端开发设计的实现，需要采用静态页面技术、动态页面技术中的JSP技术、Ajax 技术等，并且建立在Java EE 的框架基础之上，促使网页前端主要由客服人员和系统管理人员统一管理，并作为信息服务平台的前端界面，以此来促进Web平台前端开发设计得到良好实现。具体来讲，主要体现在以下几个方面：第一，安装和配置Java 虚拟环境。由于Java是一种高级语言，因此，在Java 虚拟环境的基础上为上层的应用提供丰富的库，以此来做好接口进行运行。第二，在安装和配置Java 虚拟环境之后，开始安装Tomcat。Tomcat的配置需要建立在系统环境之下，完成配置之后，启动Tomcat，看到欢迎界面之后，就说明安装成功，之后建立JSP app 的目录。需要注意的是在Tomcat 的安装目录之下有 WEBAPPS目录，在WEBAPPS目录下新建一个目录，起名叫MYAPP，并在该目录下再新建一个目录WEB-INF，在下新建JSP文件的基础上写上代码，就可以开始页面编程工作。第三，在Web平台前端开发设计过程中，由于MYSQL是一款经典的数据库，具有免费、功能齐全等方面的特点，在这一数据库之中新建一个MySQL-data 目录，完成后再新建一个 my.ini 的文件，以此来充分发挥这一数据库的功能。第四，还需要建立JSP页面与MYSQL数据库的联系。而要想构建JSP动态页面网站，就需要用JSP连接MySQL数据库，在连接完成之后，由于需要用到大量的表，如果仍然用命令的方式是具有不便利的特点，因此，需要下载MySQL的图形化管理软件，促使后台程序向数据库写入数据。第五，要想实现Java 的手机应用向Web端发送采集到的数据信息这一目标，首先是需要建立一个用于存放信息的数据库和表，一般这一步骤在之前JSP页面与MySQL数据库的联系建立过程中就得到实现。其次在此基础上构建一个叫作WebRequest的JSP的后台程序， 部署在Tomcat 中，然后将手机端上采集的信息依附到JSP应用程序中的WebRequest中。 3.2 提高工作人员工作能力，合理使用Ajax 技术 为了实现Web平台前端开发设计工作，还可以采取以下几个方面的措施：第一，任何一项工作的开展都需要相对应的工作人员参与其中。由此可见，工作人员工作能力的高低，在很大程度上影响一项工作的开展质量。相对应的Web平台前端开发设计工作在开展过程中，无论是设计还是开发，都需要充分调动工作人员的作用，才能在此基础上实现Web平台前端进行有效的开发设计。但是在实际发展中，在Web平台前端开发设计工作中，有关于工作人员方面还存在着工作能力不高、素质不强等方面的问题，这些问题的存在，在很大程度上影响Web平台前端开发设计工作得到有效落实，因此，充分发挥工作人员的工作能力是具有重要的作用。而提高工作人?T的工作能力，可以采取两个方面的措施，一方面是在对外的招聘环节中，要尽量避免因为人情、关系等原因，在公平的基础上合理的筛选前来应聘的计算机人员；另一方面是在对内的人员管理中，多组织一些培训活动，如业务培训班，不仅进行有针对性的计算机操作方面培训，而且也要进行计算机知识方面的培训，以此来提高计算机人员的实际能力，从而促进整体的进步与发展。第二，合理应用Ajax 技术。由于浏览器与服务器这两者之间的传输方式可以说是同步也可以说是不同步，同步的传输方式是最容易实现的，但是传输的不同步性也是必须考虑的，为了考虑传输的不同步性，就需要使用Ajax这一项技术。Ajax 技术在上述探讨中已经有所涉及，在这里需要更加明确这一项技术，是基于结合异步的 JavaScript 和 XML 来实现的。第三，Web平台前端开发设计工作得到有效落实，还需要落实的一个措施就是更新相关的计算机设备，由于时代在不断进步，信息技术也得到进一步发展，因此，为了做好Web平台前端开发设计工作，及时更新计算机设备，有利于促进整体的进步与发展。 4 结 语 针对Web平台前端的开发设计进行了上述论点的探讨，希望可以促进整体的进步与发展。 主要参考文献 1王成，李少元，郑黎晓，等.Web前端性能优化方案与实践J. 计算机应用与软件，2014（12）. 2于春娜，王晨升，杨光，等.Web前端MVC框架的意义研究J.产业与科技论坛，2014（1）. 3袁婷.浅谈Web前端开发J.无线互联科技，2017（2）.精选范本