前端技术在企业门户网站的应用探究

杨明坤

摘要：为了研究前端技术在企业门户网站的应用。本文基于笔者中铝中州铝业有限公司生产保障中心相关业务经验，结合最新网络技术及计算机编程法制，在基于企业发展背景下进行门户网站开发需求分析。深入浅出的进行web开发模式探讨。为同行产业化发展提供建设性意见。

关键词：网站;计算机;应用;前端技术

一、引言

人工智能，大数据，互联网以及地理空间和地图技术的深度集成等先进的先进技术在国民经济的发展中发挥着越来越重要的作用。测绘技术和装备发生了重大变化，但科技信息资源的测绘建设长期以来薄弱而分散。测绘科技人员的创造性工作未能形成统一，有序，综合，有力的信息收集，公开和管理。科技文献信息资源是国家重要的战略资源。测绘行业信息资源的管理，分析，披露和共享严重不足，导致测绘信息服务方式落后，测绘专家流失，技术服务水平低下。随着Internet技术的成熟，测绘行业需要建立行业门户网站，以普及测绘地理知识，提高专业技术人员的专业技能，加强科技人员获取参考信息的渠道。

二、企业门户网站需求分析

（一）网站配色及布局分析

在页面布局中，当前流行的响应式布局，即flexbox  flex布局。这种布局可以根据用户的屏幕大小和浏览器窗口的大小来调整页面布局，以达到更好的内容显示的目的。网站的各个模块之间使用了许多空白，以使网站更加简洁和新鲜。在网站设计中，网站的顶部是导航栏，中间是内容的横幅和图形信息，底部是页脚声明的版权信息。

（二）前端模块需求分析

门户网站是一个企业性质的宣传网站，它所指的就是通向互联网信息并提供信息服务的一个计算机系统，是一个综合性的使用系统。它的综合性体现在多方面，包含了大数据资源和互联网的多资源共享以及其他相关的方面，是一个综合性的管理和应用的平台和展示企业文化的平台。企业前端每个重要模块的功能如下：（1）主页模块一般来说，網页设计的关键在于网站首页的设计。网站首页的设计主要是指首页的框架和布局。主页布局的布局可以简单而华丽，向用户显示重要的公司内容。合理的布局使网站可以根据屏幕大小分为多个模式，并显示在一个屏幕或半个屏幕上，然后根据重要性从上到下，从左到右排列，以满足用户的习惯大多数用户的导航。（2）新闻模块新闻模块是网站的子列表页面，主要用于显示公司新闻和公告信息，以便用户了解公司的各种动态。了解公司对行业的影响等。它也是网站信息。主要模块是向用户传达公司信息的重要模块。

（三）后端功能需求分析

网站后台的开源decms框架系统。Dedecms拥有一套简单方便的自定义标签以及其自己独立开发的模板引擎技术，从而可以降低维护成本。网站的前端页面都是由dedecms模板技术生成的静态页面。静态页面直接获取数据以生成页面，这有利于网站的管理和维护。该模块的主要功能如下所示。（1）articles模块具有通过decms在后台发布文章的功能。操作过程是单击要发表文章的列，单击添加文档，然后在相应位置填写文章信息。内容包括作者的姓名，出版时间和文章摘要。文章缩略图，文章标题，文章主要内容。发布文章后，只需单击以更新文档并在网站的相应主页上生成内容。（2）用户管理网站后端进行用户管理，可以增强普通会员的权限，成为某个模块的管理员，方便网站管理。（3）管理模块管理模块实时更新网站。后台有网站数据的备份和还原。数据备份可以保留数据库表，并防止某些不可控因素使网站数据库失败或丢失。通过数据备份，可以很好地恢复数据。

三、前后分离模式的Web开发

MVC设计模式。在了解前端分离技术之前，应该清楚，前端分离实际上是传统Web开发中MVC设计模式的演变。MVC的全名是ModelViewController，它将软件系统分为三个部分：model-view-controller。它成为一种软件体系结构，可以将业务逻辑，数据和可视化界面代码彼此分离模式。MVC的分层模型简化了组开发，并使开发人员能够并行开发视图，控制器逻辑和数据逻辑。

传统的Web开发模型。在早期的Web开发中，前端和后端始终处于高度耦合的状态。例如，Java服务器语言具有著名的应用程序框架，例如Struts2和SpringMVC。在这种类型的框架中，服务器端在浏览器端起很多作用。由于服务器本身的局限性，可以完成的工作无法使用许多可用于提高页面性能和优化用户体验的前端技术，这极大地限制了衡量前端技术的应用。随着计算机技术的不断发展，对Web界面的要求越来越高。如今，前端技术本身已经比任何服务器语言都难，而且前端和后端的交叉工作所引起的各种问题都限制了前端功能的使用。导致了前端和后端分离技术的出现。

前端和后端划分。由于前端和后端是分开的，因此必须首先分割前端和后端之间的边界。视图层（V）用于显示数据和创建页面，该页面属于前端类别;模型层（M）用于处理业务逻辑和数据仓库，这是后端工作。解决前后耦合问题的关键是应该在哪里计划控制层（C）。 MVC模式下控制层的定义如下：控制层负责转发请求并相应地处理请求。在MVC模式下，控制层主要扮演编程角色或处于路由映射位置。当客户请求到达控制层时，控制层将解析请求的内容，然后根据需要将其传递到特定的服务器。模型层处理完成后，输出响应返回到控制层，控制层将特定页面发送到客户端。

四、结语

企业门户网站采用跨平台设计是为了匹配不同终端用户， 由于要兼容各种设备，因此，要重复编写大量代码，使页面结构 杂乱，也影响了网站的访问速度，要让用户有更加舒适的界面 和更好的用户体验，就要使用 Javascript进行交互性上的改进。 但其优点是面对不同分辨率设备灵活性强，能够快捷解决多设 备显示适应问题。缺点为兼容各种设备工作量大，效率低下， 一定程度上会改变网站原有的布局结构，会出现用户糊涂的情况。另外运用开源框架进行信息管理在一定程度上缓解了开 发的压力，但也让网站结构代码产生了冗余，网站功能实现上 会有一定的限制。

参考文献：

[1]伍波华. 网站内容管理系统关键技术研究[D]. 中南大学.

[2]杨超. 基于iOS的企业宣传平台的设计与实现[D].  2015.

[3]高晴晴. 企业网站建设中前端技术的应用[J]. 广东经济， 2020.