整个demo由两个项目组成，后端项目基于springboot，前端项目基于vue-cli。整个demo基于idea。后端项目前置操作：配置maven。maven可以用来管理jar包。虽然不太准确，但萌新暂时可以把maven与python的pip、nodejs的npm类比。先咕着吧~配置好maven，就开始创建项目。File==>New==>Project，创建一个Spring Boot
转载
2023-12-02 22:27:59
355阅读
老实说，前后端分离其实并不难，前后端分离之后，Java 工程师只需要专心写接口就可以了，在我看来工作可比以前轻松多了。如果让一个专业的前端工程师来写前端页面，其实也不难，Vue 算是三大前端框架中最容易上手的了。那怎么样就有难度了呢？让同一个人既写前端又写后端！我知道很多小伙伴在这里总是想不通，前后端是怎么通信的？跨域是怎么解决的？刚好最近在这里踩了个坑，就来和大家聊一聊这个问题。不是跨
转载
2024-07-02 21:44:07
29阅读
项目背景刚刚参加完一个项目，背景：后端是用java，后端服务已经开发的差不多了，现在要通过web的方式对外提供服务，也就是B/S架构。后端专注做业务逻辑，不想在后端做页面渲染的事情，只向前端提供数据接口。于是协商后打算将前后端完全分离，页面上的所有数据都通过ajax向后端取，页面渲染的事情完全由前端来做。另外还有一个紧急的情况，项目要紧急上线，整个web站点的开发时间只有两周，两周啊！于是在这样的
1：idea open 项目2：Front下node_modules.zip解压到当前文件3：node_modules.zip再次解压到当前文件，覆盖刚才的（不知原因，但是必须这样）4：在idea 下的 Terminal 下 cd到
原创
2022-08-22 12:25:10
1556阅读
网站开发历程1、杂合模式早期的asp开发网站时期大多是如此，一个asp文件混合业务处理，页面显示，js动态交互；完全杂合在一起；一个请求对应一个asp文件，业务逻辑解析，动态输出html内容。后期的php、早期的jsp也是如此模式； 2、webform模式这个是微软asp.net时期的一个方式，本质上是封装html为服务器控件，动态生成html及相关提交和状态保持；前后端分离，事件触发模
转载
2024-06-25 20:24:26
44阅读
现在主要流行的开发模式为前后端分离，前端运行在一个独立的工程项目下与后端服务进行REST API模式数据交互，在REST API数据通信的时候需要使用到token数据令牌来进行服务器之间安全验证。现在常用的token技术手段有 jwt 和 oauth2 ，它们两种技术手段都有各自的特点与使用场景，jwt 更适合体积小业务逻辑简单的系统，在没有和其他web 系统的REST API数据交互太多的交互业
转载
2024-04-11 12:56:37
65阅读
先上成品图image本次项目搭建参考了: SpringBoot - 多模块项目的搭建,并在他的基础上增加了mybatis以及layui项目.本项目在码云上, 如有需要请点传送门1. 搭建父工程 1. 创建一个基础的spring lnitializr项目,父工程中不需要添加任何依赖image 2. 删除除了.idea,.iml,以及pom.xml文件之外的所有文件image2. 创建子模块 创建五个
转载
2023-09-11 08:16:13
147阅读
前端环境准备1、Node.js下载node.js下载地址 下载方式可参考博客Node.js最新最详细安装教程（2020）2、安装vue-cli参考文档npm install -g @vue/cli安装成功后，运行cmd输入vue -V查看版本，此时有可能提示无法使用该命令3、以上全部环境安装后，即可创建vue项目 以管理员身份运行cmd， 输入命令vue create “项目名称” 然后按照下图方
转载
2024-01-10 20:52:07
123阅读
理论上你可以把你的数据库+应用服务+消息队列+缓存+用户上传的文件+日志+等等都扔在一台主机上，但是这样就好像是你把鸡蛋都放在一个篮子里，隐患非常大。正常的分布式架构，是都要拆开的，你的应用服务器集群（前，后）+文件服务器集群+数据库服务器集群+消息队列集群+缓存集群等等。下面步入正题，首先以后的java web项目都尽量要避免使用jsp，要搞前后台解耦，玩分布式架构，这样我们的应用架构才更强。J
后端创建一个Spring Initializr项目，选择web环境就OK。前端创建一个Vue项目，建议用命令行的方式创建完之后，用idea打开吧动手操作之前，我跟大家科普一下 “前后端分离” ， “单页面应用” 。前后端分离：前端页面通过 ajax 调用后端的 restuful api 进行数据交互。我在知乎上看到了一个比较好的解释是这样的：如果前端和后端只通过简单的 API 文档就能进行数据交流
转载
2024-03-28 13:11:20
93阅读
前后端分离是现在主流的架构设计模式，它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。Awesome GitHub Repo 是逛逛 GitHub 创建的开源项目，会收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类。该开源项目集不是简单的按照编程语言来分类，而是按照更有趣的分类方式，比如：有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。
转载
2024-03-13 23:05:16
157阅读
导语： 随着不同终端的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本，为了提升开发效率，前后端分离的需求越来越被重视，前端主要负责页面的展现和交互逻辑，后端主要负责业务和数据接口，同一份数据接口，我们可以定制开发多个版本。分离前在之前的开发方法，jsp代码写在HTML中，不存在纯粹的jsp文件和HTM
转载
2024-02-26 22:57:39
172阅读
一般来说，要实现前后端分离，前端就需要开启一个本地的服务器来运行自己的前端代码，以此来模拟真实的线上环境，并且，也是为了更好的开发。因为你在实际开发中，你不可能要求每一个前端都去搭建一个java(php)环境，并且在java环境下开发，这对于前端来说，学习成本太高了。但如果本地没有开启服务器的话，不仅无法模拟线上的环境，而且还面临到了跨域的问题，因为你如果写静态的html页面，直接在文件目录下打开
转载
2024-08-07 09:37:15
73阅读
在前后端分离开发时为什么需要用户认证呢？原因是由于 HTTP 协议是不储存状态的(stateless)，这意味着，当我们通过帐号密码验证一个用户时，当下一个 request 到达时，服务端就把刚刚的用户给忘了。于是服务端就不知道谁是谁，就要再验证一次。所以为了保证系统安全，我们就需要验证用户否处于登录状态。传统方式前后端分离通过 Restful API 进行数据交互时，如何验证用户的登录信息及权限
转载
2023-09-17 09:58:27
6阅读
文章目录1. bug出现的场景2. 选择 debug 工具3. 前端post数据给后端4. 在前端添加断点5. 后端返回response6. 利用console调试 在 Django 的一个项目中，出现一个 bug ，借着这个问题，记录一下调试的过程。 1. bug出现的场景在“新建接口集”时，输入正确格式的数据时，点击“确定”后，返回的数据有问题，与预期不符合。问题截图：2. 选择 debu
转载
2023-10-24 00:06:18
113阅读
一、实现文章发布需要使用富文本编辑框安装富文本编辑框1、npm安装npm install vue-quill-editor //富文本编辑器npm install quill //依赖项2、创建Write.vue<template>
<div style="width: 90%; background-color: #99a9bf;margin:
转载
2023-06-15 09:09:21
325阅读
前言前后端分离是现在主流的架构设计模式，它初衷是用单一职责原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。本文推荐五个前后端分离的开源项目，都是采用最流行的技术栈。 01 微人事 Star：20.7k微人事是一个基于前后端分离架构的的人力资源管理系统，项目涉及的后端技术栈有：Spring Boot、Spring Security、MyBatis、M
转载
2023-06-09 09:52:06
240阅读
Vue实现前后端分离项目的初体验经过之前学习的Vue的知识：vue基本指令vue组件vue-resourcevue路由其实我们已经可以开始实战运用到实际的Web项目中了，由于本人是Java后端开发的，所以后端是基于SpringMVC的。以下我们将演示如何使用Vue组件实现一个用户登录系统。<!--more-->介绍后端后端基于spring、springMVC、mybatis框架对后端
转载
2024-08-24 20:43:13
41阅读
简介SpringSecurity属于Spring家族中的一款安全管理框架，，它提供了一套Web应用安全性的完整解决方案。主要的功能是认证和授权。认证 :验证当前访问系统的是不是本系统的用户，并且要确定具体是哪个用户。授权 :经过认证后判断当前用户是否有权限进行某个操作。1、快速入门1.1、创建一个SpringBoot工程1、先创建一个最基本的SpringBoot工程，配置好相关数据库，并且编写一个
转载
2024-09-06 15:26:58
140阅读
在开发中大型的JavaEE项目时，前后端分离的框架逐渐成为业界的主流，传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构，后端会被分解为诸多个小项目，然后使用dubbo+zookeeper或者springCloud来构建微服务，前端则会是一个单独的项目，前台的请求通过微服务来调用。但是，不同与传统的web项目，这类前后端分离的项目如何在开发中部
转载
2023-10-08 16:14:04
60阅读
