Vue使用日记（11）：前后端分离和前端模块化

最新推荐文章于 2023-03-15 00:06:16 发布
最新推荐文章于 2023-03-15 00:06:16 发布
阅读量454 收藏
点赞数
分类专栏： Vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jimson_zhu/article/details/102510589
版权
Vue.js 专栏收录该内容
33 篇文章 3 订阅 ¥99.90 ¥299.90
订阅专栏
本文介绍了前后端分离的概念，早期网站开发的方式及其缺点，以及如何通过Ajax实现前后端分离。同时，文章探讨了前端工作量增加后，如何通过前端模块化解决代码维护问题，介绍了模块化的基础封装和常见的模块化规范如CommonJS和ES6 Modules。
摘要由CSDN通过智能技术生成

在进行其他前端知识的总结之前先对“前后端分离”和“前端模块化”做一个说明，这些概念的理解对我们前端开发很有意义。

前后端分离

这里先对前后端分离做一个简单的说明，后期会进行详细说明。

早期的网站开发整个HTML页面是由服务器来渲染的，服务器直接生产渲染好对应的HTML页面，返回给客户端进行展示。

这样做有很多缺点：

整个网站页面由后端人员来编写和维护，后端工作量大；

如果由前端开发人员开发页面&#

了解本专栏 订阅专栏 解锁全文
jimson_zhu
关注
专栏目录
订阅专栏
Vue使用日记（20）：vue-router详解（1）——基本概念和vue-router安装使用
jimson_zhu的博客
10-22 367
vue-router是Vue.js官方提供的路由插件，是Vue.js一个很重要的概念，在开始vue-router的说明之前，一些概念需要先理解。 一）基础概念理解 1、路由 路由是一个网络工程里面的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。在生活中类似的概念就是路由器。路由器是做什么的？ 路由器提供了两种机制：路由和转送。 路由：是决定数据...
java后端怎么分模块_后端的规范与模块化概念
weixin_39534002的博客
02-28 721
后端的规范与思想分层Web层 (接收和发送HTTP请求的，封装；别名controller层)业务逻辑层 (别名服务层,文件常以xxxService为名)DAO层 (Date Access Object,数据访问对象,对对象进行操作，存储是对象转为数据，读取是数据转为对象)持久层 (持久层，将数据长久的保存，如数据库)如实现一个登陆功能:Web层: LoginController接受参数，判断是否非...
前后端分离后模块开发
m0_58423283的博客
08-31 189
刚开始做开发的时候，没有经历过漫长的实习过程，不管你没有编程开发经验，都是在特大的高压之下做开发任务。使用建设银行的前端框架画页面，同时写后台接口，联调，解决开发的业务bug，测试成功提交代码。没有参加过编程实习，在黑龙江念书的时候，面试过一家公司，做了一套前端编程测试题，实习就实习，就是可能会让你打酱油也可能让你学到点什么。画页面这个程序设计工程师嘴上的口头禅是在2016年在建行刚开始最开发的时候听到的，因为大学的时候学习的程序设计语言是一C++为主，对于前端页面这种能看到效果只是一种很难体会的概念。..
前后端分离学习笔记
力挽狂澜的POWER
08-26 1359
如何做到前后端分离 前端的工作：实现整一个前端页面以及交互逻辑，以及利用ajax与nodejs服务器（中间层)交互 后端的工作：提供API接口，利用redis来管理session,与数据库交互 由于前后端分离后，前端和后台同时开发时，就可能遇到前端已经开发好一个页面了，可是却等待后台API接口的情况。比如说A是负责前端，B是负责后台，A可能用了一周做好了基本的结构，并且需要API接口联调后...
前端工程化、模块化、前后端分离、多端技术、安全、测试、函数式编程是什么意思？底层原理是什么？
最新发布
长风破浪会有时的博客
03-15 235
前端工程化、模块化、前后端分离、多端技术、安全、测试、函数式编程是什么意思？底层原理是什么？
前端模块化：AMD和CMD，后端模块化：commonJS，ES6模块化
jiang7701037的博客
10-13 1080
如果你对模块化已经了解，可以直接从第三点开始阅读。 一、模块化的概念： 在进行项目分析或者编码时，先把项目进行拆分，拆分成很多的类，对象，很多的函数等等。能够提高代码的复用性。这些被拆分出来的类型，对象，函数就是模块。就像一辆汽车是由很多的零部件组成，每个零部件就是一个小模块，而由很多零件组成的发动机之于一辆汽车可以认为是一个大模块；或者说，一台计算机，由主板，cpu，内存，硬盘，显示器，键盘...
Vue + SpringCloud前后端分离项目3个月项目实战经验分享
不安分的猿人的专栏
07-22 6637
1.前后端分离 去年项目组的项目是SpringMVC+Dwz实现的，由于业务增加，这样的一个SpringMVC项目已经很臃肿，一处出现问题，就导致服务崩溃，太不灵活。今年年初，为了适应公司业务的发展，公司高层决定项目重构，采用前后端分离。今天先分享后端的开发。 前后端的好处显而易见： 前端JS可以做很大部分的数据处理工作，对服务器的压力减小到最小。 后台错误不会直接反映到前台，...
[项目练手笔记-谷粒商城（SpringCloud Alibaba+vue前后端分离）]day01环境搭建（基于人人前后端分离开源fast项目）
叶落雨飘的博客
07-07 1277
[项目练手笔记-谷粒商城]day01环境搭建 本项目是基于尚硅谷教程**2020微服务分布式电商项目《谷粒商城》**设计，感谢尚硅谷的用爱发电，视频链接 一、环境搭建 1.系统准备 本次实习使用的是centos7系统，阿里云服务器，这里不得不提良心阿里云服务让学生可以免费白嫖，白嫖教程地址：https://blog.csdn.net/qq_41522089/article/details/107044432 2.安装docker 1、检查内核版本，必须是3.10及以上 ​ uname -r 2、安装doc
VUE实战开发笔记
weixin_51971967的博客
05-02 788
VUE实战开发笔记 典型的前端三大框架：Angular.js、React.js、Vue.js 第一章 任务1 大觅项目业务场景 大觅项目的业务类型属于票务销售 大觅项目业务分析 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qVjc2IoV-1651459158595)(C:\Users\liujia\Documents\Tencent Files\2990403349\FileRecv\MobileFile\qq_pic_merged_1646205601710.jpg)
Vue 前后端交互 （模块化）
QuantumYou的博客
02-09 209
模块化的分类 浏览器端的模块化 1.AMD(Asynchronous Module Definition,异步模块定义) 代表产品为：Require.js 2.CMD(Common Module Definition,通用模块定义) 代表产品为：Sea.js 服务器端的模块化 服务器端的模块化规范是使用CommonJS规范： 1、使用require引入其他模块或者包 2、使用exports或者module.exports导出模块成员 3、一个文件就是一个模块，都拥有独立的作用域 ES6模块化 ES6模块化规
后端模块化思想 及node 服务器建立与链接
苏先生前端
11-11 463
1、后端的规范与思想 2、基础api 3、常见的框架 4、web项目 4.1、接受web请求 4.2、处理业务逻辑 4.3、操作文本 4.4、数据库（关系型、非关系型） 4.5、反向代理服务器（酒店前台作用负责分配地址）ip哈希 轮询 后端规范 分层 web层 接受http请求发送 封装 将传来的参数进行封装对象 contraller层 业务逻辑层 服务层...
模块化PHP后端系统开发,InitAdmin是一套渐进式模块化开源后台，采用前后端分离技术...
weixin_39981185的博客
04-10 267
UniAdmin 简介UniAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能，后期上线模块商城将打造类似composer、npm的开放式插件市场；同时我们将打造一套兼容性的API标准，从ThinkPHP5.1+Vue2开始，逐步吸引爱好者共同加入，以覆盖lara...
前后端分离开发，日志应该如何进行记录
asdfghjky的博客
03-18 857
使用拦截器自定义日志拦截，日志的记录要尽量简单明了，比如只记住一些主要信息：编号，当前ip，接口名，参数，回参等等，使用外部接口 或者不确定性方法时更要对请求进行记录，这样可以更快的对错误进行定位。 ...
前后端分离/前端模块化/传统页面和单页面
qq_36416905的博客
03-26 1636
前后端分离讲解 1.从MVC到前后端分离 MVC:Model + View + Controller，即模型+视图+控制器，项目开发时分层会分为三层：控制层，业务层，持久层。 前后端分离：目前比较常用的就是前端人员自行实现跳转逻辑和页面交互，后端只负责提供接口数据，二者之间通过调用 RESTful api 的方式来进行数据交互 2.前后端分离是一种项目部署模式(架构模式) 前后端分离后，各端应用可以独立打包部署，并针对性的对部署方式进行优化，不再是前后端一个统一的工程最终打成一个部署包进行部署。以 we
软件架构之前后端分离与前端模块化发展史
xiangzhihong8的专栏
08-24 3407
在现行的软件架构中，前端和后端是分离的，即前端只专注于页面渲染，而后台专注于业务逻辑，前端和后端是两个不同的工种，而前后端交互最常见的方式就是通过接口。 前后端分离架构 在正式说明前后台架构分离之前，我们来看一下多年之前，传统软件开发的架构模式。 为什么要前后端分离 还记得零几年我上大学的时候，在初学 Java Web 开发时，课本上介绍的还是 JSP + Servlet 这种很传统的架构模式，这时候前端和后端业务逻辑代码都在一个工程里面，还没有分离开来，这种开发模式属于 Model1 模式，虽然实现了逻辑
前后端分离--前端（模块）组件化
wujiandao000的博客
01-26 1733
基础：  1、ES6 1、前端模块化，AMD与CMD的区别 2、vue.js官方文档 3、vue.js学习文档 4、mock.js-无需等待，让前端独立于后端进行开发 5、mock.js官网
JavaWeb项目为什么我们要放弃jsp？为什么要前后端解耦？为什么要前后端分离？2.0版，为分布式架构打基础。
热门推荐
欢迎！欢迎来到17号城市！
03-23 6万+
前言 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦， 并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 这个步骤是系统架构从猿进化成人的必经之路。 核心思想是前端html页面通过ajax调用后端...
前端架构之表现与数据分离
u013289746的博客
02-02 9188
表现与数据分离
Django与Vue.js实战：前后端分离项目搭建教程
本文将详细介绍如何使用Django和Vue.js搭建前后端分离项目的步骤，并提供一个实践示例。首先，确保你的开发环境中已经安装了Django和Vue.js。如果没有，将指导你安装Vue.js。下面是详细的搭建流程： 1. 创建Django...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jimson_zhu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值