前后端分离和不分离的区别

大家好啊，这两天有小伙伴问到底什么是前后段分离，那今天呢，我来分享一下我自己的理解。首先呢，我们从软件程序说起， 由于人们对枯燥的数据缺乏耐心，所以呢，程序从某种意义上理解的话，都是为用户提供美观便捷的界面来操作数据，包括增善改查，即便是不会持久换任何数据的，纯工具类的应用也是利用数据来辅助人们工作和生活。 只是呢，这种数据可能是多种形态的，那早些时候呢，开发者呢，将软件利用编程语言开发好，再编一程可执行程序，然后分发给用户使用。我们想使用一款程序呢，都需要将软件程序安装到自己的电脑上，久而久之呢，我们发现这种分发模式比较繁琐， 主要体现在，第一，用户一定要安装才能使用。第二呢，软件升级后呢，还需要用户来操作，重新升级才能享受到更新的功能。那这时候呢，浏览器的应用就诞生了，为什么呢？我们先来看一看浏览器的工作模式， 浏览器本身它就是一个软件，它的功能就是给他一段代码，他可以渲染成漂亮的界面，所以我们可以把浏览器理解成一个渲染器。 这种模式不需要用户安装程序，只要我们通过网络把代码传给用户，用户可以在自己的浏览器上渲染出我们想提供的功能和界面。 网页在某种意义上呢，分为两种类型，第一种类型是纯展示类的功能，当然肯定这里也不包含统计、点击数啊等这样的功能 就是纯展示类的网页，比如企业宣传网站，个人简历啊等等。第二种类型就是支持业务操作功能的网站，其实呢，这种我们也可以称之为网页应用。那么针对上面两种情况，服务端也存在两种模式。 第一种呢，由于只是简单的纯展示，所以开发者把网页写好一堆贴面文件放在服器上就可以了。以后用户需要展示这些界面的时候，由浏览器发起一个请求，服务端把这些 h 贴面文件的内容原封不动的读取出来，再通过网络响应给浏览器就可以了。 第二种模式，由于网站带有业务逻辑的功能，也就导致呢，不同的用户在查看同一个网址的时候，可能页面的布局是一样的，但是需要看到不同的内容，所以开发者没办法提前把所有的情况都写成 h 谈判文件。 这就诞生了 prp 和加瓦等后端应用，他们最终的使命就是根据同一个网址可以生成不同的 htm 代码。那所谓的前后端分离都是 针对动态网站的，也就是第二种情况的网站，因为只有这种网站才需要后端应用来动态生成 htm 代码。呃，前后端分离之前呢，后端应用会根据用户请求的网址生成样式和布局相同数据不同的 htm 代码。 也正因如此呢，这些后端的语言，比如加瓦、 prp 啊，为了方便生成容长的一支条码代码，分别封装出了各自的模板语言，比如 prp 的脚本自身 gsp， 这就导致了前端开发人员或多或少需要了解一些这样的膜外语言，而且由于前端的同时交付的 ht 面页面后， 后端的同学修改后才能用，也就是说，后端同学要在里面加入一些模板代码。这样呢，就导致后期如果页面出现 bug， 很容易出现互相推毁责任的现象。 那前后端分离之后呢？与前面讲的第一种纯展示功能的网站类似，当用户请求一个网址，系统会直接将固定的一支条码文件原封不动读取出来，并响应给客户。这一步通常不走。后台的应用 一般就是阿帕奇亚恩这个字，类似于这样的中间键，但区别是 h 调牌文件中存在大量基于阿贾克斯技术的二次获取业务数据的代码，这些代码会被领导浏览器发现并运行， 然后发起第二轮请求。这轮请求中可能会同时包含一个或很多个阿加克斯请求，但目的都是为了获取每个用户需要不同的业务数据，从而解决 前后端代码混合在一起的问题。到这里呢，前端代码就从原来的模式中剥离出来了。随着业务逻辑复杂程度的扩大呢，前台代码自身也越来越难以维护。那这时候呢，基于 not g s 加歪派和编写钱袋项目的模式就诞生了，就是我们现在所常用的 vivo 和 瑞艾克等常用的开发模式。这种模式使得前端项目开发起来更具备模块化的特性，便于团队的开发维护和后期的项目构建。好，今天就到这里，谢谢大家，再见！

哈哈，哇，中国机车啊， number one 真的。 呃，其实现在我们整个行业水平哈都在大幅度的进步。对对对，那和十几年前比啊就是完全不一样了。嗯嗯嗯，来这是我们的平差， 这个就是全部是。呃，抛光以后再拉丝，嗯，因为它拉丝以后它的那种质感会会更好，所以 呃大家都还是蛮喜欢这个平叉的，很好看真的很好看，真没想到有一天可以做出。那天我不是采访你以前那个 cbr 二十九 nsr 也是用这种东西对不对？对对对，你不说你骑过那个 nsr 吗？是吧？ 你知道我骑坏了，我骑坏了两台 r g v r g v 和 n s r 是 同一时期的吗？我都骑那时候就机油啊，没有加的那么好。因为他是对机油的嘛，然后骑拉缸了，拉缸了那个时候要搞到结石去，结石去，然后重新去那个镶一个钢套这样子。 这个木框门啊这个木框门啊也不会很重不会很重啊这个很轻啊，这个只有四点四点八公斤，五公斤不到。不玩避震器了不玩避震器了啊，只有平差，只有平差，只有这个差而已了。嗯 呃，我再给你举一个，我们做一些很小很小的这种微创新，但是对我们的工艺和生产节拍做一起起到了很大的提升的作用哈， 你看我们所有的车子的那个啊，都要装方向轴承对不对？对对，我们传统的传统的做法是怎样呢？是压装方向轴承以后，然后再下拿到另外个工位去给他涂油。嗯，然后再拿到另外工位去。呃，去打车加号。嗯，那我们现在是怎样做的呢？ 我们现在是就是他在压桩轴承的时候，嗯，我同时就给他注油了。哦哦哦，但是为什么以前大家都要分成两步工艺呢？嗯，因为压压机他是一个公司做，嗯，然后做那个注油的机器他是一个公司做，然后 就没有一个又做注油的，又做压注的，嗯，那我说你们两个都过来，来，我们联合一起做个联动开发，相当于是个很小的创新。然后还有就是 你要打码的时候，我在压桩轴承的时候他本身就是禁止的，对不对？那我这个时候我就让他的激光打刻在那里去给他打掉了，相当于我车架我可以减少两次移动，对，然后减少两次搬运，减少两个工位，这样子 就考虑到新都跟成都全部都全部都全部都和唯一在一起住，对，是的，以前要这边做完要搬走，对，要搬到别边再住，这样的。对对对， 他有三个工序吗？一个是给差价打码，另外一个是压装轴承再是涂油，嗯，我把三个功课就三合一整在一起了，这样精度也会更高，你看 就让他谈恋爱和买房子一次就搞定了，哈哈哈，他也是三合一谈恋爱买房子升值十倍，一次就搞定了，是不是？谁知道这一次他笑我真的是，这不是笑，这是羡慕嫉妒恨啊，哈哈哈，这样，我们现在 我们这个工位是装刹车盘的。装刹车盘，呃，我们现在用的这个扭力枪啊，它的扭力是，嗯，正负百分之三，嗯，呃，就是闪刹会特别特别小，精度会很高， 然后我们每装完一套轮胎，哎，我还要给你介绍一下我们的装胎和和全球所有的装胎不一样，不一样，不一样。我跟你讲一下啊，分享一下，分享一下。 呃，这个工位呢，是我们打动平衡的工位，就是我们轮胎为什么打动平衡呢？就是我们的这车车速很高，所以轮子的转转转速也会很高，转速高了以后，比如说你会有二十克的不平衡，车子就会这样子就会跳。嗯嗯 嗯，你应该有有这种感觉，汽车有，汽车有，给他配个平衡就不一样。然后我们以前的配平衡都是怎么配啊？ 就是我们轮胎会有一个装气门嘴的位置，嗯，我们默认为轮圈的那个位置，默认为他轮圈最轻的那个点。然后呢？把轮胎的重点和轻点，所谓的轻点就装气门嘴的那个位置对齐，对，然后再去配。我们不是这样子的，我们是把 轮圈就是这个轮毂，我们先实际真实的测出来他的轻点在哪个位置，他是大概不在气门嘴那里的。我知道我知道啊，他是我们把轻点配出来，然后和轮胎的重点在一起，为什么这么做呢？ 就轮圈的轻点和轮胎的重点刚好配合在一起，那有可能抵消。嗯，就是我可能有贴那么多。这个，对对，就是我。第一，我的总量会大幅度下降，就是我贴这个配重块的总量会大幅度下降，而且我可能会有百分之几十的 圈，是刚好他自己抵消完以后是不需要。对对对，说实话不贴那个还是好看一些，但是你不能，我不能做到百分之百绝对，但是我可以减少，比如说以前我是每台车必贴，但是我现在可以做到百分之二十三十的车不用贴，你看我减少了我平衡快的消耗量 啊，用户他感觉也更舒服啊。对， 就是我们省成本呢，要在工艺上、技术上来降低它的成本。我们，你看我们在人工上面，其实我们的人工比别人高，嗯，但是高这几十块钱，比如一台车摊下来可能高个几十块钱人工成本，这个无所谓的。嗯，因为这个车四五万块钱一台，你 多个几十块钱人工成本无所谓的。嗯，就为什么我刚才其实还有说我说，呃，我们为什么比别人高百分之二十啊？我有一点点想装逼的这种感觉，我不想，不想 自己觉得自己是张扒皮啊啊啊。就是啊，大家速度高一点，大家也开心一点。哎，我觉得我这样子我开工厂我心里很舒服，对不对？对对啊，老是去扣扣那个工程承包员公司。对，可以报报一下。这个轮胎你报一下，真的是很轻的，这是后台 哦，很轻的，很轻的很轻的，很轻的，真的很轻的。对，加工很漂亮，你仔细看，加工很漂亮。真好，这世界等级的 啊。这个这个轮胎我也跟你介绍一下，用的也是我们台湾企业正新的。对对对，这正新轮胎，而且是它跟正新联合开发，你看这个曲面角度上撒， 上次我们两个喝私底下喝酒，他跟我偷讲的，我可以泄露一下你的机密，他这个曲度全部都是他跟正新两个研发出来的，不要看出来看起来是一个普通的曲度，他说每一个角度他都有跟正新一次一次的反过去。然后我还要给你介绍一下啊，这里大概看得到，你看到这里有条线，看到没有？是是是有有就是中间这一段， 因为我们车子垂直的时候就是他的抓地力相对比较好，但是呢这个时候我们是用的最多的，所以我用的这个胶料呢就是半热熔，中间这部分是半热熔胶料，他更耐磨，虽然他抓地力比 差一些，但他更耐磨，但是我车子是正的时候，我抓地力是足够用的。对对对，但是两侧呢这个就是全热熔，全热熔呢？那我压弯的时候，因为我的那个会 会需要更大的抓定力，然后保障我的安全吗？所以这一侧就是全热熔，我现在轮胎可以做成这样，很聪明的张总，这样一段一段做联合开发的，然后我这这个轮胎呢是 s 五，然后我们八零 r r 用的是 s 七， s 七比 s 五又高一节，高一个阶。高一个阶的意思是什么呢？ 我们把中间半热绒的胶料又减少到这么多了。嗯嗯嗯，就是我只需要它中间那一点耐磨就行了，然后周边我就是我给从十五度开始我就是用到全热绒，这样子我的抓地力会更好。嗯， 这他特别定制，外面买不到买不到，这他特别我们和 c s t 一 起联合研发的。是的，合作的，我跟你说以后也很好啊，就是说我胎磨完了我只能装，我喜欢这个胎，我就他用的耗材的。是的，这个品牌都被大家机油是用那个翘牌的机油的啊，都是很好的了。

今天花了半个小时用字节的 tree i d e 编程工具开发了一个前后端分离的图书管理系统，前端使用 v u e， 后端使用 java 的 spring boot， 数据库用 my sql， 整体的功能效果已经是非常好了， 更令我惊讶的是，它竟然连 e 二图也给我做好了。话不多说，现在就带大家看看我是怎么做的。 首先准备好要做的产品设计书，可以让 ai 写，然后自己再稍加调整即可。这个产品设计书和代码都已经上传到 getup， 想要的小伙伴可以在后台私信 我。在 solo 模式下，让 ai 先读取产品设计书的内容，让他了解自己要做什么，并且规划要怎么做。这里记得打开 pull 按钮， 这时你就能看到 ai 自动在你的电脑上源源不断的写代码。没有开发环境的朋友也可以让 ai 在 你电脑上安装和配置对应的开发环境。 现在可以看到前后端都已经开发完成了，我们只需要启动服务即可，有报错也不用担心 ai 会自己找 bug 自己修复。 bug 处理完成后试了试，大部分功能都可用，一些的瑕疵还需要小小打磨，整体来说没有太大问题。

大家好，我是无极 coding， 最近很多同学在被答辩的时候呢，老师就问到这个你的系统是不是前后端分离的？老师的质疑点就在于什么呢？就是说咱们这个前端它是跟着后端就直接一起启动的，前端没有这个进行独立启动，对吧？好，那碰到这种情况应该怎么解释呢？你可以跟老师说，咱们在这个 resource 下面 有一个 admi， 还有一个这个 front， 这里面呢就是我们前端的一个原码，然后呢在我们 s r c 里面，然后 views 这里面呢就有一些。哎，咱们这个 v o e 框架，它的一个原码文件，包括在 front 里面，它也是有这些原码文件的。好，这些都是我们这个前端的原码。 那至于说为什么前端它不用独立启动呢？是因为前端打包好之后有这个 diss 的 文件，好 diss 的 文件呢，它就可以直接跟着我们后端一起启动，然后这样的话就方便我们进行一个运行。 那我们的这个前端代码它都是独立用 v o e 来写的，它前端代码，后端代码它都是独立的，所以说我们这个系统当然就是前后端分离的。 好，就这么去解释就好了，就是因为我们前端代码，后端代码它都是记都是一个独立的啊，只是说我们为了部署的时候方便我们直接一键启动。好，那么这个就是我们前后端分离的一个答辩的技巧。

大家好，今天给大家带来答辩教程，一百分之前后端分离的项目如何找前端代码？为什么这么说呢？给大家举几个例子大家就知道了， 现在啊，好多同学买的这个前后端分离的项目啊，不知道哪个是前端，后端的代码，我给大家举个例子，你比如这个就是前端，这是后端，这是小程序。再举个例子，你比如这是前端， 这是后端管理啊，这是这是，这是一个服务，哎，这是服务，知道了吗？这个是前端啊。好，然后我们再看几个，再看几个，再看几个，这样的我就不说了，我们找几个那种比较有规律的。 为啥说找几个有规律的呢？这个是这个，也不说了，那个刚才是啥的，其实我做的这几个，这几个一般 以这个为例吧，大家注意看，如果你买的是这种的，后面带上 spring boot， boot 完了之后后面带数字加字母组合的，就要注意了，一般你拿到的只有这个，是没有上面这两个的。我说一下啊，一般没有上面这两个，只有这个。那你怎么去找呢？双击， 然后 s r c 面，然后铝臊子，铝臊子里面有个额的面，有个放的这俩就是前端，我已经给大家在这标注出来了，你看到吗？比如以这个为例，我们去找 s r c 面，铝臊子，其中额的面放的额的面是后台管理，放的是前端页面，我们注意看是不是啊？ 名字后面 s r c 面，吕萨斯鹅的面放的，不会从代码里找啊，就直接从这个路径这里找就可以了啊。这种，当然啊，还有一些其他的，其他的，比如说什么 嗯什么等等的那种吧。那种呢，可能一眼你就能认出来了。唯一需要注意的就是题目是这样的，它不好认，知道了吧。但是呢，你一定要知道怎么去找，如果自己做前后端分题的时候一定要能找到。

大家好，前天给大家带来答辩教程，一百万字，为什么前端在阿爹里就职业运行不是前后端分离的吗？问这个问题的同学非常好啊，之前的时候我们也给大家在这个常见问题里面讲过这种问题了，讲过这个问题了，好吧， 就这，如果你的代码直接就是一个 http 什么什么等等的这种东西讹得灭，这绝对不是前后端分离的，强调一下，这种是有问题的好吧，这种不是前后端分离的，前后端分离的项目合在一起运行是不对的，老师让你来， 如果你没有提前分离好，老师让你现场给他分离去运行，你就会傻眼，记住一定要分离开，然后用 note g s 去运行。我强调一下啊，好吧，这个是绝对不对的，今年这个已经有好多同学在这个问题上栽坑了，一定要把代码分开，好吧， 不会分的，看咱的教程，实在看不懂的可以找我给你分。这个是今年老师抓的一个重点，为什么前端不安装 note 就 可以运行，这是不对的。再强调一下， 是卖家为了省时间不给你装，好吧，一定要翻开啊，不翻开就完蛋了。

终于等到小鹏 g x 五月十五号正式试驾，今天不带参数，只聊最真实的试驾感受。作为小鹏旗舰大六座 suv， 开上实车第一印象就是气场很足，坐进车内第一眼质感就很到位。内饰用料扎实，做工精细， 星际座舱设计看着宽敞又通透，没有传统大车的压抑感。六座布局，每一排空间都很快，不管是家用还是商务都很体面。开起来最精细的是操控，完全不像大车，车长超五米二，但一点不顿 准，原声线控转向手感很精准，虚位特别小，齿打打打，搭配后轮转向，转弯半径九点四米， 双车道一把掉头毫无压力。底盘舒适性真的超出预期，双枪中气悬架过滤颠簸很彻底，过减速带坑洼路面干脆利索， 车身姿态平稳，不晃不颠。车内静谧性做的很好，深海级主动降噪不是噱头，风噪胎噪控制的很到位，正常交谈不用提高音量，行车听歌聊天都很舒服。 座椅舒适度拉满，零重力座椅支撑性、包裹性很好，久坐开车不腰酸。二排尊享座椅体验感极佳，三排也不是应季水平， 成年人坐久也不拘束，动力输出平顺又有劲，提速勤快不突兀，日常超车随踩随有。重点说下这台车的支架，搭载最新的小鹏，能拉二点二级第二代，端到端，支架体验真的是迈进了绝。 他最核心的升级是砍掉语言转移环节，直接从视觉信号生成动作指令，角色延迟仅八十毫秒，比眨眼还快。传统智驾要论剑翻译再难拉，二点二智联感知与角色反 应快三倍，而且彻底摆脱高精度依赖，无导航也能自动辅助驾驶程序， 红绿灯、斑马线、交警手势都能识别，左转环岛丝滑不犹豫，驾驶感受特别像十年老司机，重刹减少百分之九十九及加速减少百分之九十 八，顿挫感直接减少百分之八十九。跟车如行，限性顺滑，不点头不窜，遇到突发情况，比如电动车窜出不会生硬急刹，而是限性减速，平稳避让，全程几乎零接管，行车效率更高。这套老二点二之家， 真的让大车也能好开又安全，家用出行更省心。

前面我们已经分别学了前端、后端、数据库和编程语言，今天就把它们全部组合起来，带大家看懂一个完整的 web 应用到底是怎么工作的。 目前最主流的开发模式就是前后端分离架构，他的核心思想特别简单，前端专门负责展示和交互，就是我们在浏览器里看到的所有界面。后端专门负责数据处理和业务逻辑，在服务器上默默运行， 而前后端之间靠 api 来沟通，相当于两者的沟通桥梁。给大家画个简单的架构图，一看就懂。最上层是用户，然后是前端运行在浏览器，靠 html、 css、 js 实现， 前端通过 api 请求和后端通信，后端运行在服务器，用 python、 java、 go 等语言在和数据库存储数据，比如 my、 sql、 mongod、 db 交互，这就是完整的 web 应用。三层架构缺一不可， 光说架构太抽象，我们拿淘宝下单这个场景看看数据到底是怎么流动的，每一步都很清晰。第一步，你打开商品详情页，前端会向后端发请求要这个商品的信息， 后端去数据库查询，把商品名称、价格、库存返回给前端，前端再渲染成你看到的页面。第二步，你点击立即购买， 前端会先检查你有没有选规格，填地址，验证通过后就向后端发送创建订单的请求，带上商品 id、 数量、收货地址这些信息。 第三步，后端开始处理订单，先验证你是不是登录状态，再检查库存够不够，计算最终价格，然后生成订单号。 第四步，后端会把订单数据写入数据库，同时扣减商品库存记录操作日记，然后告诉后端订单创建成功。第五步，后端把订单信息返回给前端，前端跳转到订单成功页面，显示订单号，预计送达时间。 之后你支付商家发货，你确认收货。都是同样的流程，数据在这条链路上来回传递。 总结一下，数据流向请求链路是从上到下，用户操作前端后端数据库响应链路是从下到上数据库后端、前端用户每次你点击一下数据都要跑这样一个来回。 要理解这个架构，关键是分清每一层的职责。前端是展示层，负责把数据变成我们看得懂的界面，接收我们的操作，发送、请求、处理、响应。 核心是用户体验好不好，交互流不流畅。后端是业务逻辑层，负责接收前端的请求，执行核心业务规则，比如计算价格、验证权限，还要操作数据库，保障系统安全稳定。 核心是响应快不快，能不能扛住高并发数据库是数据层，负责持久保存所有数据，比如订单、商品、用户信息。核心是查询快，存储安全，数据准确。 而前后端协助的关键就是 api， 就 像餐厅菜单，前端只能按菜单接口定义点单，不用管后端怎么做菜，实现细节对前端是透明的。 不同项目会选不同的技术站组合。给大家举几个常见的经典全站用 react， node js、 my school， 前后端都用 javascript， 开发效率高。企业级应用用 view 加 java 加 oracle， 稳定可靠。创业公司快速开发用 html css、 python plus， post gre， sql， 开发速度快。高并发症场景用 react plus、 go plus、 mexico plus、 radius， 性能拉满。选技术站没有最好的，只有最适合的，优先选团队熟悉的、符合项目需求的，还要考虑生态成熟度和长期可维护性。 最后，我们用一张图总结整个架构，用户通过浏览器访问，前端负责展示交互，通过网络协议传输请求，后端处理业务逻辑、数据库存储数据，还可以对接支付、 短信等第三方服务，数据在其中循环流转，就构成了我们每天使用的各种 web 应用。 再快速回顾一下核心概念，前端是用户看到的部分，后端处理业务逻辑、数据库存储数据，编程语言是编写程序的工具， api 是 前后端的沟通桥梁，服务器是后端的运行载体，这些概念不是孤立的，组合起来才是一个完整的 web 应用系统。 总结一下，前后端分离架构的核心就是前端管展示，后端管逻辑，通过 api 写作数据，在用户前端、后端、数据库之间流转，构成完整的交互。

最近有一个学生给我分享了一个他在答辩时候的事情，老师就跟他说，你介绍一下自己的项目，然后这个学生就说我这个项目后端是 spring boot 的， 然后前端是 vue 的 一个前后端分离的项目，然后老师就说是前后端分离的项目，你这个后端在 idea 里面是非常清楚的，那么前端在哪里呢？ 然后学生就开始犯懵，不知道怎么回答，最后只能不得而二变。其实很多同学他都分不清楚什么是前后端分离的一个项目，什么又是一个前后端没有分离的一个项目。我见了很多同学，他的项目就是把前端全部打包，打包成放在一个 desk 文件里面，为什么这样做呢？因为这样做能更方便的启动这个项目，它不用去像传统的跑一个后端，再去单独的跑一个前端，一个一个跑八零八零，一个跑八零八一嘛，这样这样做就是比较方便，我们也可以来展示一下，我们现在只跑一个后端 看，这就非常的方便，单独跑一个后端就可以进项目，而不用像传统那样跑一个后端，再跑一个前端。 但是如果这时候你说漏嘴了，说，哎，我的项目就是前后端分离的一个项目，但是呢，你又把你的后端跟前端集成在一起，那这个时候有什么办法就挽回呢？总不能因为说错了二病吧。有的你想一下，既然可以把前后端放在一个文件里面，那自然也可以把前端的资源文件给拆分出去， 那么怎么去拆分呢？我们直接来到这个文件夹 在这个里面，在这个里面新建一个前端，在这个里面新建一个前端的文件夹，就叫放着放着，然后去把刚刚的刚刚的那个，嗯，那个后端放到这个文件夹里面来，我们再 找到刚刚后端的那个，我们先来，这样吧。 好，就是把这个文件夹直接 移到移到刚刚的创建的那个前端文件夹里面，直接拖到这个里面来。好，这个时候老师说让我们来展示一下前端的一个代码嘛，我们直接用这个在 windows 里面给它打开。 好，那这样我们就已经完成了把一个前后端杂揉在一起的一个 idea 里面的文件给它拆分出来了。那么这拆分出来的就是我们一个单独的一个前端的文件，那么就像传统的一样，直接把它启动就好了。 好，那这就是我们单独启动前端，做到了一个前后端分离的效果，可以直接访问，是吧？ 这就把一个原来揉在一起的项目把它拆分成了一个前后端分离的项目。那老师说啊，那你为什么要把它揉在一起呢？就是你刚刚之前说的不太对吗？你就说因为方便启动，然后便于展示，这样就没有问题了。如果你还有什么不懂的问题啊，你也可以在评论区里提问，我看到的话都会尽快的回答。

大家好，今天我想和大家分享一下杯子的前后端分离重回全站开发的故事。在过去，我们常常使用前后端分离的开发模式，这种模式可以让前后端分别负责不同的功能，使得系统的开发更加高效。但是，随着技术的不断发展，我们发现这种模式存在一些问题。 首先，前后端分离会导致代码偶和度高，当需要修改一个功能时，需要同时修改前后端代码，从而增加了开发的复杂度。其次，前后端分离使得系统的维护变得更加困难。当需要修改一个功能或修复一个错误时，需要同时修改前后端代码， 从而增加了维护的复杂度。为了解决这些问题，微软推出了 blazer 技术。 blazer 是一种基于内扩的开发技术，它支持前后端混合开发，可以让 开发者直接在页面上编写 javascript 代码，从而减少代码偶和度，提高系统的可维护性。那么为什么要重回全站开发呢？首先，全站开发可以更好地满足未来的需求。随着技术的不断发展， 未来可能还需要增加新的功能或进行系统升级，全站开发可以更好地适应这种变化。其次，全站开发可以更好地满足用户的需求。 全站开发可以让开发者更加深入的了解用户需求，从而更好的满足用户的需求。总之， vaser 和前后端分离开发模式不同， 它支持前后端混合开发，可以让开发者更加轻松地编写高性能、可维护的网站或应用程序。如果您想了解更多关于 base 的信息，欢迎关注我们。

当您准备部署前后端分离的项目时，一般会有以下步骤，一、部署后端代码，将后端代码推送到服务器上，您可以使用 gp 等工具来进行部署，确保您已经安装并配置了服务器上需要的相关软件和依赖库， note， python， job 等。如果您的后端代码需要使用数据库，请确保您已经在服务器上安装了相关的数据库软件，如 missco 等。确认服务器上的防火墙和端口配置是否允许后端代码可以正常响应 aptp 求。二、部署前端代码，将前端代码推送到外服服务器上，您可以使用这 stp 的工具来进行部署，确保您的前端代码已经构建。打包生成了可在外服浏览器中运行的静态文件。配置外服 服务器，将前端静态文件的目录映射到一个可以通过外部浏览器访问的 url 路径上。三、连接前后端，通过一家比赛等艺术前端向后端发送 aptg 请求获取数据，后端响应请求 回几本合适的数据，前端接收到数据后进行渲染和呈现。四、配置反向代理配置反向代理将前端请求通过外引服务器转发到后端服务器上，可以使用任何 开始等返账代理服务器配置返账代理，将后端响应通过外服服务器返回给前端浏览器。五、 配置 ssl 证书获取和配置 ssl 证书可以使用 lives， increase 等免费证书服务商或者购买商业 ssl 证书。配置 ys 服务器，将 https 都通过 sso 证书进行加密和解密。六、部署数据库如果您的后端代码需要使用数据库，您需要在服务器上安装和配置数据库软件。配置数据库的连接信息，确保后端代码可以通过正确的方式连接到数据库。安装和配置数据库管理工具。如 以上是一些常见的详细部分步骤，具体步骤会根据您的项目而有所不同。建议您详细了解您的项目和服务器环境，并参考相关文档和教程来完成部署。

这台车是沃尔沃在国内豪华中大型轿车市场最具代表性的旗舰车型，凭借极致的安全素养、低调的北欧豪华质感和超高的终端性价比，在 bba 垄断的豪华轿车市场稳稳立足， 常年稳居二线豪华中大型轿车销冠梯队，它就是沃尔沃 s 九零。作为沃尔沃品牌的旗舰燃油轿车， s 九零拥有深厚的车型底蕴，是无数追求安全质感与低调 家用商务用户的首选豪华座驾。二零一六年，沃尔沃 s 九零以进口标轴版的身份首次正式登陆中国市场。这一代海外原版 s 九零彻底颠覆老款复古方正的造型， 开启了沃尔沃全新的北欧极简豪华设计语言，标志性的直铺式镀铬中网搭配悬浮式车标，搭配享誉全球的雷神之锤 led 大 灯，前脸精致大气，气场端庄。车身侧面线条修长流畅，简约高级， 整车没有一丝浮夸设计，豪华质感浑然天成。动力方面，进口版 s 九零搭载顶配 t 六二点零 t 双增压发动机，最大马力三百二十匹， 零百加速仅五点九秒，匹配爱信八 at 变速箱，同时配备四驱系统，动力储备充沛，行驶稳定性极强。但受制于七十余万的高昂定价、进口身份和狭小的后排空间，这一代车型在国内市场销量惨淡，保有量极低。二零一七年， 国产加长版沃尔沃 s 九零正式重磅上市，也是国内消费者真正熟知的第一代 s 九零。整车轴距加长至三千零六十一毫米，车长超五千零八十三毫米， 一跃成为标准中大型豪华轿车，彻底解决海外版经典设计，雷 神之锤大灯、围巾之福尾灯成为家族经典标识。整车造型中庸大气，商务气息浓厚，同时极简的设计风格不过时， 居家商务代步场景全部适配受众群体及其广泛。内饰主打北欧极简轻奢风格，大面积真皮包覆原木纹理饰板，搭配细腻的软性材质，无多余繁杂按键，布局规整清爽，自带高端素雅的豪华氛围， 区别于德系豪车的奢华设计。动力配置，二零一七款 s 九零搭载高低两款二点零 t 涡轮增压发动机，分别为 t 四低功率与 t 五高功率版本， 全系匹配爱信八 a t 手自一体变速箱，其中 t 四版本最大马力一百九十匹， t 五版本最大马力两百五十四匹。 但这一代一七款早期出代国产 s 九零存在明显通病，也是选购避坑重点。早期发动机活塞环设计存在缺陷，普遍存在轻微烧机油现象，同时部分车型存在车机卡顿、 中控异响、低速轻微顿挫的问题。不推荐入手二零一七款初代车型预算有限，可优先选择二零一八到二零一九款改款 t 五致源及以上配置版本，优化了发动机工艺，稳定性更强。二零二零年沃尔沃 s 九零迎来重大年度改款，本次改款最大核心升级 是全系搭载四十八伏清混系统，彻底取代纯燃油 t 四 t 五动力系列，动力代号更新为 b 四 b 五二点零 t 发动机加四十八伏清混电机的组合，这套动力总成稳定性非常的差， 最主要的问题就是早期混动系统不成熟，问题频繁，而且修起来也比较贵。这里最推荐购买的是二零款末代的 t 五纯燃油车型， 发动机优化了之前的小毛病以及变速箱的换挡逻辑，是稳定性和驾驶感受最好的一代车型。同时，沃尔沃核心的 c d c f t 城市智能安全系统，前方碰撞预警、 主动刹车、车道保持盲区预警、全车多气囊、高强度笼式车身等安全配置，全系标配，安全优势碾压同级竞品。沃尔沃 s 九零始终坚守纯粹燃油豪华的初心，以极致安全、 低调质感、稳定耐造、高性价比的核心优势陪伴无数家庭与商务用户，没有浮夸的品牌溢价，凭借扎实的做工，独树一格的北欧豪华风格屹立不倒。如今，你还会偏爱这台安全至上、 温润儒雅、省心耐造、独树一格的经典豪华中大型燃油轿车沃尔沃 s 九零吗？

我们来看一下一个前后端分离的网站项目的一个代码结构。前后端分离的网站项目，首先他有三个文件夹， 一个前端用户端的一个代码，一代码文件，然后一个针对于后端开发的后端语言开发的代码文件，然后还有一个后端管理员端的一个前端的代码文件，然后就是一个文，一个数据库的文件，这几个文件缺一不可。 然后我们用 idea 把我们的后端后端接口文件打开，这里我们是用的佳瓦斯 bingbot 框架进行开发的后端，然后这是他的一个目录结构，打开我们的后端开发 代码，一定要先看他的数据库连接部分，在这里在因为硕士的这个 opticsdev 这个文件 里面，然后这一块就是他数据库连接部分，如果你不知道数据库连接的代码在哪里，可以用 i d e a 的这个查询工具， 不知道他在哪个菜单，我们就用快捷键 ctrl shift 加二调出我们的查询替换，替换的这个框，然后我们就搜索卖烧烤，然后就会相应的就会搜索到相关的文件，然后这是只卖烧烤的一个版本，然后我们往下看看这里这个文件 就是我们数据库的连接部分，项目打开一定要先看数据库的连接部分，有的代码他可能和他数据库的配置和你本地安装的配置不一样， 那么你就要去这个地方相应的去进行更改，更改了之后才能访问我们的数据库，不然项目代码运行起来看不了数据。而且加瓦是不是木头框架他比较严， 连接不上数据库，他在运行的时候就是点击这里，他会进行一个报错。当数据库连接部分核对无误之后，我们就打开，用这个打开相应的代码文件，打开我们的前端 h t m 没有，我们不用 list 加问的，刚刚把那个覆盖了，打开我们后端这里用新的窗口把我们这三个端的文件都打开， 然后看它的前端到底是用什么框架来写的。你先要看看它的目录结构，你看这个目录结构，它有 park a 几点儿 jason 就说明它是用 v u e 框架进行编写的，然后用 v u e 框架进行编写的话，你就必须要下载它相应的一个管理管理 包的工具 note， 然后还必须从文档里面知晓它所它使用 note 的一个版本。不同的， 现在的漏斗他高版本可能兼容不了低版本，低版本也兼容不了高版本，所以拿到项目要必须要先清楚他漏斗的使用版本，然后相应的进行安装。安装好了之后，这有一个 turmino 使用漏斗的秘密。 note 里面包含 n p m 就是一个包管理工具 d e v n p m run d e v 运行这一步的前提是我们要已经安装了 note 的一个插件，就是 load model 这个组件，你看这个木木结构里面没有，所以我们要先进行安装 好。我们这一节就主要讲 mac 口数据库，一个连接核对的核对的一个讲解。下一节我们就在讲 note 怎么去安装运行 v u e 框架的前端代码。