邹瑞 段华琼

摘要：随着移动终端的多样化，各种各样的终端涌现出了新的需求。为了满足这些需求，Web应用选择了一种分离式开发——前后端分离技术，提升了项目的扩展性和维护性。该文研究了一个在线商城的设计，并通过前后端分离架构来实现，包括前后端的分离、nginx服务器的配置、mongoDB数据库。

关键词：前后端分离;在线商城;Vue.js技术;Node.js技术

中图分类号：TP311        文献标识码：A

文章编号：1009-3044（2020）26-0231-02

1系统概述

当今是移动互联的时代，各种终端的使用，Web应用要适用在多终端上，用户对Web应用有了更高的要求。开发人员在编写程序的过程之中，如果采用传统的前后端耦合在一起的方式进行开发，会使得代码冗杂，可读性和可重用性下降。前后端分离的开发模式可以减少这些问题的产生。前后端分离后，代码的可读性、可重用性增强。而且因为是分别部署，系统的性能也会有所提升。在前后端分离的开发模式中，开发者只需各司其职，后端程序员只负责业务逻辑，向前端程序员提供API接口。前端人员负责将API接口上获得的数据渲染到HTML页面上[1]。前后端分离实现了项目的可扩展性、维护性以及分工的明确性。

本在线商城系统采用前后端分离的开发模式，包括三个方面：首先通过ajax实现代码分离;然后部署分離，即前后端分别部署在不同的服务器上，通过不同的IP和端口对外提供服务;最后是开发分离，即开发人员分离为前端开发和后端开发。前端采用Vue.js、ElementUI、axios、BooStrap框架实现Web网页显示内容，后端采用Node.js、express技术和mongoDB作为后台数据库实现数据库的读写、调用等，并使用Nginx服务器的反向代理技术完成在线商城的设计与开发。……