本篇文章我们来实现一个简单的前后端分离功能——学生系统，前端采用Vue+ElementUI，后端采用SpringBoot+MyBatis。文章里不会介绍相应的技术内容，而是阐述整个前后端开发的流程环境准备在正式开始开发之前，我们先来准备一下开发环境，为了避免一些错误的发生，请保持与我的环境版本一致。首先下载node.js，来到官网：https://nodejs.org/zh-cn/download
前端环境准备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阅读
报道登记管理系统 ✅ SSM + vue 的前后端分离练习项目 1、报道登记管理系统介绍后台技术栈：spring + spring mvc + mybatis + mysql8.0前台技术：vue + vuex + element-ui主要功能介绍1、用户登录(包括自动登录)、退出、权限拦截2、学生报道登记管理（列表、新增、编辑、删除、按条件查询、文件上传）2、页面展示管理员的主页显示填报界面
项目背景刚刚参加完一个项目，背景：后端是用java，后端服务已经开发的差不多了，现在要通过web的方式对外提供服务，也就是B/S架构。后端专注做业务逻辑，不想在后端做页面渲染的事情，只向前端提供数据接口。于是协商后打算将前后端完全分离，页面上的所有数据都通过ajax向后端取，页面渲染的事情完全由前端来做。另外还有一个紧急的情况，项目要紧急上线，整个web站点的开发时间只有两周，两周啊！于是在这样的
今天我们一起梳理下6个，比较受到大家欢迎的.NetCore+Vue前后端分离的开源项目。1、Vol .Net Core构建的简单、跨平台快速开发框架项目简介这是一个基于.Net Core构建的简单、跨平台快速开发框架。前后端封装了上千个常用类，方便扩展；集成了代码生成器，支持前后端业务代码生成，实现快速开发，提升工作效率；框架集成了表单、表格、图表等各种常用的Demo方便直接使用；后端框架支持Vu
转载
2024-03-05 09:04:53
146阅读
先上成品图image本次项目搭建参考了: SpringBoot - 多模块项目的搭建,并在他的基础上增加了mybatis以及layui项目.本项目在码云上, 如有需要请点传送门1. 搭建父工程 1. 创建一个基础的spring lnitializr项目,父工程中不需要添加任何依赖image 2. 删除除了.idea,.iml,以及pom.xml文件之外的所有文件image2. 创建子模块 创建五个
转载
2023-09-11 08:16:13
147阅读
前后端分离的问题一直是人们关注的话题，这里结合相关实例，一起来看看前后端分离的相关历程。一、起源（故事纯属虚构，如有雷同，纯属巧合）传说在很久很久以前，我们有志之士有了个创业的想法，于是乎开始了自己的创业之梦，但是人手不足啊，于是乎所有角色老子一个人全包了：Roles: PM, DBA, RD, FED, Designer, ...Skills: Linux, MySQL, JAVA, JavaS
总结：非前后端分离项目架构： 1，JSP+sevlet 这种架构JSP中有Java代码强侵入。 2，JSP+Spring 分层次（MVC）架构，JSP保留部分Java标签。 3，springboot + 模板 spring脚手架，第二种的变种。前后端分离项目架构： 1，Vue + springboot（前端项目+后台接口）前端
转载
2023-08-30 15:10:01
175阅读
几年前做前后端分离项目的原因，是node刚刚横空出世，业界开始考虑如何真正的用js去写后端服务，于是就借鉴阿里中途岛项目去尝试，主要还是用到了node的密集io场景下的转发。我们的新项目是采用前后端分离的方式进行开发，这一点主要是基于产品特点考虑而来，产品本身会有很强的富客户端的特点。我们后端服务面向的客户端包含：iOS，Android，iPad，H5，还有一些游戏场景。所以最好的方式就是后端提
转载
2023-08-24 11:06:15
90阅读
前后端分离是现在主流的架构设计模式，它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。Awesome GitHub Repo 是逛逛 GitHub 创建的开源项目，会收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类。该开源项目集不是简单的按照编程语言来分类，而是按照更有趣的分类方式，比如：有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。
转载
2024-03-13 23:05:16
157阅读
springboot-security学习
JWT 使用前面简单介绍了把默认的页面登录改为前后端分离的接口异步登录的方法，可以帮我们实现基本的前后端分离登录功能。但是这种基本的登录和前面的页面登录还有一个一样的地方，就是使用session和cookie来维护登录状态，这种方法的问题在于，扩展性不好。单机当然没有问题，如果是服务器集群，或者是跨域的服务导向
转载
2024-09-03 13:58:21
84阅读
后端创建一个Spring Initializr项目，选择web环境就OK。前端创建一个Vue项目，建议用命令行的方式创建完之后，用idea打开吧动手操作之前，我跟大家科普一下 “前后端分离” ， “单页面应用” 。前后端分离：前端页面通过 ajax 调用后端的 restuful api 进行数据交互。我在知乎上看到了一个比较好的解释是这样的：如果前端和后端只通过简单的 API 文档就能进行数据交流
转载
2024-03-28 13:11:20
93阅读
flask介绍 Flask是一个基于MVC设计模式的Web框架,因为设计非常简洁,只有两个依赖:werkzeug WSGI 工具包；jinja2模板引擎因而被称为”微框架”(Micro Framework) 与djiango比较 Flask与DjangoPython的Web框架对比中, Flask与Django是绕不过去的两个,他们分别走向了两个极端-精简与复杂Flask极度精简,仅依赖两个库,单
说明：本文档为前后端分离项目-后端开发（入门级）文档，仅供参考使用项目名称：myBlog环境：工具/IDEA | JDK/1.8 文章目录一、创建项目1. 新建maven项目2. 搭建SpringBoot3. 创建接口二、开发接口1. 创建数据库2. 创建接口a. 时间格式化b. 隐藏数据为空的属性3. 实现跨域4. 全局异常处理a. 报错日志b. 自定义异常5. 返回数据统一封装 一、创建项目1
转载
2023-07-21 08:42:55
114阅读
一、安装Node.js1. 关于npmnpm的全称是: Node Package Manager,可译为"Node包管理器"。在早期没有npm时，如果需要在前端工程中使用某些框架(例如jQuery，Bootstrap等) ，需要找到相关的官网或资源站点，要么下载这些框架的文件，要么使用cdn在线引用这些文件，其过程相对烦琐，因为这些框架的具体表现可能不只是一个文件，如果下载，只能下载打包后的文件并
转载
2023-12-26 13:59:24
107阅读
在前后端分离开发时为什么需要用户认证呢？原因是由于 HTTP 协议是不储存状态的(stateless)，这意味着，当我们通过帐号密码验证一个用户时，当下一个 request 到达时，服务端就把刚刚的用户给忘了。于是服务端就不知道谁是谁，就要再验证一次。所以为了保证系统安全，我们就需要验证用户否处于登录状态。传统方式前后端分离通过 Restful API 进行数据交互时，如何验证用户的登录信息及权限
转载
2023-09-17 09:58:27
6阅读
目录一、创新的主要内容二、创新的目的三、成效如何一、创新的主要内容在苏州股权融资平台(www.szgq.suzhou.gov.cn)项目中，引入了前后端分离策略。项目一般采用 Structs、Spring MVC 等后端 MVC 架构，出发点在后端。后端 MVC 是个好的协作模式，从架构层面让开发者懂得什么代码应该写在什么地方。前端通过 JSP，JS，HTML 以及 AJAX
转载
2024-08-18 09:47:09
71阅读
前言前后端分离是现在主流的架构设计模式，它初衷是用单一职责原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。本文推荐五个前后端分离的开源项目，都是采用最流行的技术栈。 01 微人事 Star：20.7k微人事是一个基于前后端分离架构的的人力资源管理系统，项目涉及的后端技术栈有：Spring Boot、Spring Security、MyBatis、M
转载
2023-06-09 09:52:06
240阅读
一、实现文章发布需要使用富文本编辑框安装富文本编辑框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阅读
网站开发历程1、杂合模式早期的asp开发网站时期大多是如此，一个asp文件混合业务处理，页面显示，js动态交互；完全杂合在一起；一个请求对应一个asp文件，业务逻辑解析，动态输出html内容。后期的php、早期的jsp也是如此模式； 2、webform模式这个是微软asp.net时期的一个方式，本质上是封装html为服务器控件，动态生成html及相关提交和状态保持；前后端分离，事件触发模
转载
2024-06-25 20:24:26
44阅读
