商城前端介绍:
1. 架构概述
前端有一套完整的技术栈,将来会去做独立的部署。
架构图如下:
1.基于node,在node的基础上有npm和webpack,主要用于项目构建管理。
- npm:项目的依赖管理
- webpack:项目打包和编译
两者合起来是maven的功能,但又比maven强大
2.在此基础上,Vue.js作为前端的主框架,基于Vue,又有两种:
- vuetify:页面渲染,是一个UI框架,做页面样式。vue.js只负责渲染,没有样式
- NUXT:服务端渲染(前端的服务端),即用node搭建服务
前端与后端交互全部都通过ajax请求
前端分为两部分
- 后台管理系统
面向网站内部人员,因此采用Vue.js框架搭建出单应用SPA去做(方便) - 前端购物系统
面向用户这一套,采用结合Vue用NUXT服务端渲染(不能采用单应用,原因:单应用请求性能较差,首次加载的速度较慢,不方便做缓存与页面静态化;而NUXT服务端渲染可以做页面静态化,页面的访问效率较高,利于SEO的优化)
不管哪种,将来都是通过aj