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

接上篇《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

おすすめ

転載: blog.csdn.net/u013517797/article/details/118066222