乐优商城--前端概述

本文介绍了乐优商城前端的架构和技术选型,包括基于Node的npm和Webpack的项目构建,Vue.js作为主框架,搭配Vuetify进行UI渲染,使用Vue-router实现路由管理。此外,还详细阐述了Vue的SPA应用、服务端渲染(Nuxt.js)以及前端与后端的交互方式。
摘要由CSDN通过智能技术生成

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值