部署方法一:前后端分开部署一、前端部署1、下载 nginx,官方网址如下:2、解压安装包到任意目录3、打开前端项目,执行` npm run build`4、进入本地项目的dist目录,把里面的文件都复制5、然后把它直接拷贝进` nginx\html` 下(注意:需要覆盖掉nginx\html 下的index.html)6、配置一下服务器的默认端口,打开 `nginx\conf\nginx.con
转载 2023-06-13 16:24:18
154阅读
一、项目简介项目名称:blc management system(blc MS) 基于Vue CLI4 + SpringBoot开发的前后端分离项目。 基本功能:对博客和书籍进行增删改查,在聊天室点对点聊天或者群发消息,支持发送文本消息以及图片消息,查看用户个人信息,在线预览聊天图片和用户头像。 特色功能:用户密码加密,页面访问控制,用户权限管理,Druid后台监控。参考项目: https://g
转载 2023-08-29 11:07:57
169阅读
基于springboot+vue的前后端分离后项目部署方案在传统模式下,项目部署只可能是后端开发人员的事,与前端开发人员没有什么关系。而前后端分离后,可能会有些许改变。常见的部署方案如下:一、前后端一起部署,前端打包成静态文件,拷贝到后端项目中,然后部署后端项目。二、前后端分开部署,前端使用nginx部署,后端单独运行,然后使用nginx反向代理。三、前后端分开部署,前端扔在cdn,后端单独运行。
转载 2023-06-16 15:42:57
387阅读
# 实现Spring Boot Vue前后端分离 ## 介绍 在实现Spring Boot Vue前后端分离之前,我们先了解一下整个流程。前后端分离是一种架构模式,它将前端和后端的开发分离,前端使用Vue进行开发,后端使用Spring Boot进行开发。前端和后端通过API进行通信,实现数据的传递和交互。 ## 整体流程 下面是Spring Boot Vue前后端分离的整体流程: ```m
原创 2023-08-23 04:09:28
106阅读
# 使用Spring Boot 实现前后端加密 在现代Web开发中,数据的安全性越来越重要。为了保护敏感数据,前后端加密变得非常重要。在本文中,我们将使用Spring Boot框架来实现前后端加密。 ## 什么是前后端加密? 前后端加密是指在前端和后端之间传输数据时对数据进行加密,防止数据在传输过程中被恶意截获或篡改。通过加密技术,可以保护数据的安全性,确保数据在传输过程中不被泄露。 ##
原创 2024-05-13 03:49:22
283阅读
目录1.工程建立2.springboot和vue介绍3.springboot和vue交互4.总结1.工程建立2.springboot和vue介绍通过前面的工程建立,我们分别实现了springboot对后台数据库的数据访问,vue实现基本的页面展示。关于springboot和vue,下面谈谈我自己的理解(刚刚接触,可能有不太正确的认识),一开始不太了解这些目录结构和功能实现,springboot和v
文章目录一、部署 Spring Boot 项目1、在服务器上部署数据库2、连接阿里云数据库3、项目上传并运行二、部署 Vue 项目三、配置 Nginx 基于 Spring Boot + Vue 的前后端分离项目的部署方式主要有如下两种: 前后端一起部署:将 Vue 项目打包后丢到 Spring Boot 项目的资源目录下,然后在服务器上部署 Spring Boot 项目即可前后端单独部署:将
转载 2023-08-07 22:47:33
124阅读
前端框架:Vue,相关网址:https://cn.vuejs.org/v2/guide/UI框架:Element,相关网址:https://element.faas.ele.me/#/zh-CN/component/installation后端框架:SpringBoot+Mybatis(数据库框架)+Redis(缓存数据库框架)数据库:MySql目标:前后端数据打通。搭建步骤:一、搭建Vue脚手架
前端使用thymeleaf模板引擎,后端使用Springboot,暂时没有加入数据库,使用map模拟数据库中的数据。此处关注点是前后端如何进行数据传输,暂时没有使用AJAX的方式。1.项目结构(spring-boot-04-web-restfulcrud):component包 :包括一个自定义的登录拦截器和国际化版本处理器config包:存放配置类,在配置类中注入了一个自定义的处理器映射器和注入
转载 2023-08-09 21:59:20
351阅读
简介该项目是基于SpringBoot与Vue的前后端完全分离项目,是小编的一个大作业考核,2个人共同完成的,耗时:10天。项目功能需求简介该项目主要是一个商城系统,参与者有游客、管理员(也是商家),普通用户。游客可以浏览商品详情,搜索商品,同时也可以访问新闻咨询等,游客可以通过注册成为普通用户。普通用户可以购买商品,也可以将商品加入收藏夹和购物车,用户可以在后台查看自己的订单和修改个人信息,修改收
转载 2023-08-10 13:59:08
191阅读
前言:最近自己想搞一个以springboot开发的web项目,由于页面布局问题,在前期开发的时候没有太注意,每天写一点现在开发到一半出现了一个大问题。 1、先说说整个网站框架搭建问题:(整个项目前后端不分离)  后端采用:springboot+mybatis+mysql  前端采用:layui+angularJS+jquery+thymeleaf  (由于自己是后端开发,虽然会点前端,以
转载 2023-07-05 21:11:57
161阅读
本文以腾讯微博为例,详细介绍OAuth2.0的认证过程。在使用腾讯微博平台提供的API前,您需要做以下两步工作:成为开发者,并申请appkey和appsecret授权获取accesstokenAccesstoken是第三方获得用户授权的凭证,是第三方访问api资源的票据。目前,腾讯微博采用Oauth2.0协议对第三方进行授权,相对Oauth1.0来说,Oauth2.0具有更加简单和安全特点。获取a
转载 2024-10-18 08:28:41
23阅读
手把手教你搭建前后端分离项目1.Vue下载安装具体教程技术标签: vue vue.js node.js对于我这种小白来说,安装个vue全局就绕了好几天。查阅API和不少vue全局安装的文档,各种尝试各种失败。使用webStorm创建vue项目时还是显示各种vue-cli的错误。终于这篇文章拯救了我,成功安装上了vue-cli,可以通过CLI来创建vue了!激动 以下是我结合文章的总结~下次安装就
转载 5月前
7阅读
1 传输的数据格式是json 1.1 前端ajax json的所有的key都必须是
转载 2018-11-01 21:35:00
150阅读
2评论
1.SpringBoot概述:Spring Boot 是在 spring 框架基础之上开发的框架, 其设计目的是用来简化应用的初始搭建以及开发过程。虽然 spring 的组件代码是轻量级的,但它的配置却是重量级的, 即使 spring 引入了注解功能,但是仍然需要编写大量的模板化配置文件. 项目的依赖管理也是一件耗时耗力的事情,在环境搭建时,需要分析要导入大量库的坐标,而且还需要分析导入
转载 2023-08-28 17:05:38
127阅读
# Spring Boot Shiro前后端分离实现教程 ## 1. 整体流程 下面是实现Spring Boot Shiro前后端分离的整体流程: ```mermaid flowchart TD A(前端发送登录请求) --> B(后端验证用户名和密码) B --> C{验证成功?} C -->|是| D(生成Token并返回给前端) C -->|否| E(返
原创 2023-11-30 13:22:07
391阅读
# 如何实现 Spring Boot 前后端不分离 在现代 web 开发中,很多开发者选择了前后端分离的架构,但对于初学者来说,理解和实现“前后端不分离”的架构可能更为简单。本篇文章将详细讲解如何使用 Spring Boot 实现前后端不分离,并给出相应的步骤和代码示例。 ## 整体流程 首先,让我们看一下整个实现过程的步骤,便于理解和跟踪。以下是实现流程的一个总结表格: | 步骤
原创 2024-10-02 05:04:33
1616阅读
前端和后端:前端和后端是针对于技术来说的。前端: 负责页面展示相关的技术,比如
原创 2022-08-22 06:51:21
1886阅读
文章目录前言一、HTTP请求和响应是什么?二、Springboot项目的使用步骤1.Springboot项目的简单了解2.简单了解Springboot项目所使用的标签:3.开始使用Springboot项目使用mybaits连接数据库创建三层架构的相关类创建相关数据库(选读)4.对代码进行验证总结 前言Spring Boot是一个快速开发框架,可以帮助开发者快速搭建Web应用。在Spring Bo
转载 2024-01-25 18:07:48
54阅读
springboot-整合vue,nginx前后端分离部署 文章目录springboot-整合vue,nginx前后端分离部署1.nginx1.1nginx的安装1.2nginx的基本配置1.3nginx配置多个端口,不同端口用于转发到不同项目1.4nginx配置1个端口,多个域名区分不同项目(1个后台多个前端)1.5nginx做负载均衡1.6nginx访问静态资源2.测试 完整代码下载链接:ht
  • 1
  • 2
  • 3
  • 4
  • 5