ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

千峰商城-springboot项目搭建-17-vue

2022-06-26 22:31:46  阅读:125  来源: 互联网

标签:jQuery vue springboot 17 前端 视图 框架 数据


1.使用jQuery的复杂性问题

使用jQuery进行前后端分离开发,既可以实现前后端交互(ajax),又可以完成数据渲染。

存在的问题:jQuery需要通过HTML标签拼接,dom节点操作完成数据的显示,开发效率低且容易出错,且渲染效率较低。

 

2.vue是继jQuery之后的又一优秀的前端框架。专注于前端数据的渲染,语法简单,渲染效率高。

 

3.前端框架:

前端三要素:HTML(决定网页结构),CSS(决定显示效果),JavaScript(决定网页功能(交互、数据显示))。

ui框架:Bootstrap,amazeUI,Layui

JS框架:jQuery(插件:jQueryUI)、React,angular,nodejs,vue(集各种前端框架的优势发展而来)。

 

4.MVVM:

项目结构经历的三个阶段:

后端为主的MVC阶段:可以理解为单体架构,流程控制是由后端控制器完成。

前端为主的MVC阶段:前后端分离开发,后端只负责响应请求。

前端为主的MVVM阶段:前端请求后端接口,后端返回数据,前端接收数据,并将接收的数据设置“VM”,HTML从VM取值。

 M:model,数据模型,指的是后端接口返回的数据。

 V:view,视图模型。

 VM:ViewModel,视图模型,数据模型与视图模型之间的桥梁,后端返回的model转换前端所需的vm,视图层可以直接从vm中提取数据。

 

5.vue介绍

vue被设计为可以自底向上逐层应用。vue的核心库只关注图层,不仅易上手,还便于与第三方库或既有项目整合。

 

 

标签:jQuery,vue,springboot,17,前端,视图,框架,数据
来源: https://www.cnblogs.com/lysboke/p/16414576.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有