VUE项目实战2项目开发模式概述

Posted 2021-06-29 光仔December

接上篇《1、学习目标以及概述》

本篇我们来讲解一下该实战项目的开发模式。

一、前后端分离开发模式

本实战项目是电商后台管理系统，使用的是“前后端分离”的开发模式，其中前端项目是基于Vue技术栈的SPA（单页面应用）项目：

这里，后端主要负责操作数据库，并且向前端暴露一些API接口。前端主要负责绘制页面，同时使用Ajax技术调用后端提供的API接口。
向上面这种后端负责写接口，前端负责调接口的模式，我们叫做“前后端分离”的开发模式。

目前大部分公司都采用的是“前后端分离”的开发模式，因为这样比较好分工，项目也比较好维护。

二、项目的技术选型

1、前端技术栈
在前端项目中，会使用到以下技术栈：
●Vue
构建用户界面的渐进式前端框架，也就是我们本次项目主要使用的技术。

●Vue-router
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。

●Element-UI
Element-UI是一套采用Vue2.0作为基础框架实现的组件库，由饿了么团队开发。
 
●Axios
Axios是一个基于promise的HTTP库，主要用于网络请求。

●Echarts
ECharts是一个使用javascript实现的开源可视化库,主要用于实现各种图表、报表。

2、后端技术栈
本项目的后端采用的是Node的后台（不是传统的Java或php），主要技术栈为：
●Node.js
Node.js就是运行在服务端的JavaScript，实现不需要浏览器就能运行JavaScript语句。

●Express
Express是一个简洁而灵活的node.js的Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用,和丰富的HTTP工具。

●Jwt
JWT:Json Web Token，是一个状态保持的工具，使用Jwt就可以模拟像Session一样的登录记录。

●Mysql
mysql是数据库。

●Sequelize
操作数据库的框架。是一个基于promise的 Node.js的ORM, 目前支持Postgres, MySQL, MariaDB,SQLite以及Microsoft SQL Server数据库，它具有强大的事务支持，关联关系，预读和延迟加载，读取复制等功能。

参考：黑马程序员（www.itheima.com）Vue项目实战教学视频

转载请注明出处：https://blog.csdn.net/acmman/article/details/118066222