- 综合排序
- 最热优先
- 最新优先
- 来自专栏HAUE_LYS'Blog
前后端分离项目模板
本文最后更新于 48 天前，其中的信息可能已经有所发展或是发生改变。 项目地址 功能简介-视频演示 ---- 功能概要 ---- 支持登录和注册功能。 支持密码找回和邮箱验证。 验证码发送有效期3分钟，发送一次后需要等待60秒。 ---- 密码找回 ---- 重置密码需要验证邮箱，发送验证码进行验证。 验证通过后才能进行重置。 ---- 快速开始 ---- 环境搭建 ---- 首先 Star 并且 Fork 本项目到你的 repo （bushi） 环境依赖：jdk17、node.js16+、SpringBoot3、Vue3、redis5.0.14.1 javax.net.ssl.SSLSocketFactory data: redis: database: 0 host: 127.0.0.1 port: 6379 ---- 启动项目 ---- 确认 mysql 数据库成功连接； 启动 redis 服务端； 最后启动前后端即可。
35020编辑于 2023-09-04 - 来自专栏java,hbase
前后端分离项目问题总结
这里记录一下，我在写一个自己设计的项目时遇到的几个问题！！！ 1、Session获取为null 需求：session保存验证码，在session中验证验证码是否正确 解释： 前端跨域访问后端接口, 在浏览器的安全策略下默认是不携带cookie的, 所以每次请求都开启了一次新的会话 它包括请求报头、请求行、请求体等所有的数据 3、前端跨域问题 在npm run server执行vue脚手架项目时，所有请求都是好的。 但是webpack打包后，在运行项目去请求，所有请求都失效了，在控制台报错 '跨域问题' 。 在将整个项目放到服务器后，需要在web服务器配置后端服务的代理。否则前端页面的请求不可用！！
38520编辑于 2023-10-15 - </template> <style> .el-header { background-color: #B3C0D1 tableData: null } } } </script> 说明： 页面一加载就会去默认执行created()方法获取后端服务数据 export default { name: "PageFour" } </script> <style scoped> </style> SpringBoot项目 Book.builder().id("2").name("21天精通Python").author("周海媚").build()) .add(Book.builder().id("3"来自专栏房东的猫
Vue 前后端分离项目（一）
简介 image.png Vue项目 启动项目：npm run serve Vue访问永远都是App.vue，然后用<router-view></router-view>开启了一个小窗口进行页面路由，相当于一个容器 </el-main> </el-container>
1.8K20发布于 2021-06-20
Doker部署前后端分离项目
其他服务安装 部署若依前后端分离版 需要安装 MySQL、Redis、Nginx # 2.1 Dcoker 安装 MySQL # 1. 拉取镜像 docker pull mysql:8.0 # 2. # 3. 部署若依 # 3.1 下载若依源码 若依前后端项目地址：https://gitee.com/y_project/RuoYi 将项目下载或者 git clone 到本地并解压 ruoyi-ui 文件夹是前端项目 尝试运行后端项目可以通过 InteliJ IDEA 或者 eclipse 软件来运行这个 java 后端项目，前提是你运行的本机上应该也具备一定的环境，jdk 至少是 1.8，以及本地 8080 端口（ 打包后端代码 jar 包 熟练 java 项目开发的，可以直接通过 InteliJ IDEA 或者 eclipse 软件打 jar 包。不熟悉的有第二种方法，是若依提供的。
jenkins部署前后端分离项目
local/node/node-v16.17.1/bin/npm /usr/local/bin Maven 安装 下载 wget https://dlcdn.apache.org/maven/maven-3/ sg.mirror.servanamanaged.com/jenkins/war/2.346/jenkins.war 安装 nohup java -jar jenkins.war --httpPort=6888 2>&1 & 插件 # maven项目插件 General 后端-XX系统-演示环境 源码管理 http://192.168.1.7:1234/mrfr/backend/mrfResource.git 构建环境 pom.xml clean package ENV=test #源jar路径，打包完成之后，target目录下的jar包名称 JAR_NAME=mrf-admin #target打包生成jar包的目录 # 以具体的打包位置为准，可以先构建一次项目 ，通过日志查看打包的目录 JAR_PATH=/home/maruifu/.jenkins/workspace/后端-XX系统-测试环境/mrf-admin/target #打包完成之后，把jar
原生部署前后端分离项目
还需安装其他软件 Java 项目管理器 (下载之后随便安装一个 Tomcat 即可获得 Java 环境) Redis 安装完毕之后配置 所有都可访问 0.0.0.0 以及配置 Redis 密码 (必需) Nginx 首先安装完毕 具体配置后面进一步概述 # 运行 jar 部署后端 打包后端代码 jar 包 熟练 java 项目开发的，可以直接通过 InteliJ IDEA 或者 eclipse 进入下载的项目文件夹中的 bin 目录下，直接双击执行 package.bat，它会直接在项目中生成 target 文件夹，里面包含以及打包好的 jar 包。 tail -f nohup.out 这里我们的后端就部署成功了 # 填写 NGINX 配置部署前端 打开 dos 窗口，进入 ruoyi-ui 文件夹，并对前端代码进行打包，生成一个 dist 文件夹
前后端分离博客小项目
文章目录 1、前言 2、技术栈 3、前后端项目结构 3.1 前端项目结构 3.2 后端项目结构 4、部分演示效果 5、下载链接： 1、前言 一个前后端分离的博客小项目，为了适合后续的拓展和微服务化体系等 ，选择SpringBoot作为后端开发框架。 作为一个项目骨架，权限也是我们不能忽略的，Shiro配置简单，使用也简单，所以使用Shiro作为我们的的权限。 考虑到项目可能需要部署多台，这时候我们的会话等信息需要共享，Redis是现在主流的缓存中间件，也适合我们的项目。 然后因为前后端分离，所以我们使用jwt作为我们用户身份凭证。 2、技术栈 3、前后端项目结构 3.1 前端项目结构 3.2 后端项目结构 4、部分演示效果 5、下载链接： https://download.csdn.net/download/qq_43753724
Vue 前后端分离项目（二）
简介 Vue项目 启动项目：npm run serve Router index.js import Vue from 'vue' import VueRouter from 'vue-router' } ] }); }) } } </script> SpringBoot项目 %2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%253A%252F%252Fimg3.tbcdn.cn%252Ftfscom%252Fi4%252F1598683295% 252FTB2NDtzpXXXXXXkXpXXXXXXXXXX_%2521%25211598683295.jpg%26refer%3Dhttp%253A%252F%252Fimg3.tbcdn.cn%26app %3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Djpeg%3Fsec%3D1627302208%26t%3D122db7d43a0e19080981c53e26c34539&
Python项目44-前后端分离项目(前戏)
git版本控制 第三方短信认证 接口缓存 - redis数据库 celery异步任务，接口缓存异步同步数据 支付宝支付 真实服务器项目上线 3、前台：页面现成的 防止出现包管理混乱及包版本冲突 windows ---- Windows安装 # 建议使用pip3安装到python3环境下 pip3 install virtualenv pip3 install ，后台项目一般叫api (luffy) MacBook-pro:luffy driverzeng$ django-admin startproject luffyapi 重构目录项目 ---- 重构前 项目选择内容如下： 1. $ npm install --save bootstrap@3 配置jQuery 在项目的根目录下创建vue.config.js const webpack = require("webpack");
前后端分离VUE3+Springboot项目集成PageOffice核心代码
本文描述了PageOffice产品在（VUE3+Springboot）前后端分离的项目中如何集成调用。 假设开发环境电脑IP为：192.168.1.100后端Springboot项目新建Springboot后端项目：springboot-back，在配置文件application.properties中设置项目端口为 *3.示例：*-前后端分离："前端域名地址,前端ip地址,后端地址"*(如"ui.example.com,192.168.1.1,localhost")*-单体多入口："域名,ip"*(如"www.oa.com 我们这里只用到了file_nameFileSaverfs=newFileSaver(request,response);fs.saveToFile(dir+file_name);fs.close();}}前端vue3项目新建 Vue3前端项目：vue-frontVue配置代理。
Vue + SpringCloud前后端分离项目3个月项目实战经验分享
1.前后端分离 去年项目组的项目是SpringMVC+Dwz实现的，由于业务增加，这样的一个SpringMVC项目已经很臃肿，一处出现问题，就导致服务崩溃，太不灵活。 今年年初，为了适应公司业务的发展，公司高层决定项目重构，采用前后端分离。今天先分享后端的开发。 前后端的好处显而易见： 前端JS可以做很大部分的数据处理工作，对服务器的压力减小到最小。 3.后端项目总结 项目微服务四个基础服务,其他就是业务服务。 Eurake：主要职责服务的注册和发现。 Admin：负责用户认证。 独立开发的springBoot项目 SpringBoot项目集成swagger是标配。 public Encoder feignFormEncoder() { return new SpringFormEncoder(); } } 3.
前后端分离之SpringBoot项目Token认证
—林徽因 前段时间，大体了解了一下前后端分离之Vue项目构建测试打包发布，并简单的记录了一下。 其实，如果单纯的前后端分离项目，大可不必使用Token，原始的session就可以解决问题，当然前提是要在一个域(域名、IP、端口必须保持一致)下，前后端开发人员可使用Nginx代理服务器进行测试。 项目涉及： SpringBoot的使用 JWT加密解密 Cors跨域访问配置 Interceptor拦截器配置 代码什么的就不在这里罗列了，详细见：前后端分离微服务认证之JWT 总结 优点 因为Token
Python53前后端分离项目上线
Nginx命令 了解：Nginx & uwsgi 运行Django 路飞项目部署：Nginx + uwsgi + django + vue 配置前台项目 上线前配置 assets ：Nginx + uwsgi + django + vue 配置前台项目 上线前配置 assets/settings.js base_url: 'http://39.98.144.221:8000', // 设置公网ip 上线 1）本地项目打包，前往luffycity项目目录下 >: cnpm run build 2）上传 >: scp -r dist root@39.98.144.221:~ 3 -- 日志文件 --> </uwsgi> ---- 3）配置上线项目的settings：见后台项目部署准备视频 4）去向Nginx配置目录，备份配置，完全更新配置：填入下方内容 >: vim /usr , brief) VALUES (2, 2, 1, 0, '2019-07-14 13:45:25.092902', '2019-07-14 13:45:25.092936', 'Mjj', 0, '前美团前端项目组架构师
Vue + SpringCloud前后端分离项目3个月项目实战经验分享(下)
1.前言 上篇文章总结了三个月的后端开发。本篇主要对3个个月前端开发做个总结。最开始我想着我主要负责好后端的开发。没后端接口开发完成与前台的同事调接口。 由于前端严重缺人，后端接口开发完成，没有可以和我调试接口的前端工作人员，于是我就想着不如自己来调前端页面吧！ Vue作为时下最流行的前端框架之一，我也想学习一下，于是开始一个人前后台的联调。 3.前端项目总结 组件的概念>>> 组件就是可以扩展HTML元素，封装可重用的HTML代码，可以将组件看作自定义的HTML元素。 $set(this.modelForm,'name','wangzg') 3.恰当的使用插糟。
Flask前后端分离实践：Todo App(3)
作者按: 几天前我收到一封邮件，有读者说看了我的前后端分离实践的文章获益很多。然而我却丧尽天良的断更了？不行不行，我不是这样的人，所以一年后，我再补上这个系列最后一篇文章吧。 那么我们来到前后端分离的世界，CSRF应该如何做呢？因为是前后端分离，所以服务端产生的CSRF值并不能实时更新到页面上，页面的更新全都要依赖客户端去主动请求。 ，但这种方法有一个很大的限制：前端页面必须至少由Flask应用渲染一次，这只能叫做半个前后端分离。 实际开发中，前端和后端可能完全是分离部署，通过nginx等其他web服务器返回的。这样一来，{{ csrf_token() }}就完全没机会透给前端。不要紧，我们还可以用Cookies嘛。 总结 好了，我想这三篇文章已经覆盖了前后端分离与传统MVC架构的主要区别和开发技巧，当然还有更多的点我没法覆盖到，欢迎到评论区或邮件骚扰我。
为什么前后端分离项目更爱反向代理后端api？
在前后端分离的项目中，很多开发者选择通过反向代理将前端和后端接口统一到一个域名下，而不是为后端接口使用一个新域名，主要是出于以下几个原因：1. 更便于配置 HTTPS，让前端和后端都支持安全传输协议，而不需要为每个域名分别申请和管理证书。3. 隐藏后端服务细节通过反向代理，可以隐藏后端服务的实际域名或 IP，避免暴露真实的后端地址，增加一定的安全性。此外，这样的方式也可以屏蔽后端的技术栈和架构实现细节。5. 通过统一域名，减少了维护多个域名的复杂度，尤其是对于中小型项目或团队而言，可以更高效地进行管理。6. 用户体验更好对用户而言，访问一个域名通常比多个域名更加直观。 证书管理麻烦、用户体验可能分散综上，使用反向代理更适合大多数前后端分离的场景。
前后端分离
前后端分离 前后端分离就是将一个应用的前端代码和后端代码分开写，为什么要这样做？ 如果不使用前后端分离的方式，会有哪些问题？ 前端–》HTML静态页面–》后端—》JSP 这种开发方式效率极低，可以使用前后端分离的方式进行开发，就可以完美解决这一问题。 前后端开发者只需要提前约定好接口文档（URL、参数、数据类型…），然后分别独立开发即可，完全不需要依赖后端，最后完成前后端集成即可，真正实现了前后端应用的解耦合，极大地提高了开发效率。 单体—》前端应用+后端应用 前端应用：负责数据展示和用户交互 后端应用：负责提供数据处理接口。 前端HTML—》Ajax—》RESTFUL后端数据接口。 (例：Java开发、spring boot开发) 传统单体应用 前后端分离的结构 前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。
Docker+Nginx打包部署前后端分离项目
Docker+Nginx打包部署前后端分离项目 1、问题描述 2、项目打包 2.1 前端项目打包 2.1.1 修改vue.config.js文件 2.1.2 router配置中添加base属性 2.1.3 打包前端项目 2.2 后端项目打包 2.3 将前端和后端的打包文件上传到服务器 3 nginx反向代理配置 4、后端通过Dockerfile打包成docker镜像 4.1 这里为什么使用docker 4.2 编写Dockerfile 4.3 构建Docker镜像 4.4 查看构建的镜像 4.5 运行容器 4.6 运行测试 1、问题描述 最近做了一个前后端分离的通用权限管理系统，今天想用自己的服务器部署下 执行命令：npm run build:prod 出现dist文件夹说明打包成功 2.2 后端项目打包 这里我跳过了test步骤 打包之后target文件夹下面会有jar包 2.3 将前端和后端的打包文件上传到服务器 guigu location /guigu { alias /opt/guigu-auth/guigu-front/; index index.html index.htm; } 第二部分是将后端请求指向后端项目
【玩转Lighthouse】搭建若依前后端分离项目
一、项目介绍 前景 一直想写一篇前后端分离项目的搭建教程，最近正好不是太忙，也是正好赶上轻量的创作者活动，所以就花点时间写了这篇文章。 官方文档 以下是官方的项目说明文档，有不懂的也可以去看看哦。 http://doc.ruoyi.vip/ruoyi/ 二、环境准备 如果没有轻量服务器，可以用本地的虚拟机。 (curl -sL https://gitee.com/upy/shell/raw/master/setup.sh) 安装完成 image.png 安装 mysql 5.7.31 执行如下脚本，选菜单3 如果不安装的话，可以自行下载代码，通过xftp上传的服务器中，也可以自己在本地编译好前后端代码后上传编译好的代码到服务器，都是可以滴。 npm install npm run build:prod 打包后的文件 image.png 复制代码到nginx路径下 cp -r dist /usr/local/nginx 六、部署启动 启动后端
前后端分离项目，如何优雅实现文件存储！
运行mall-admin-web项目，使用商品分类下的添加功能来测试下文件上传，发现已经可以成功上传，图片也已经可以正常回显： ? 后端项目地址 https://github.com/macrozheng/mall-learning/tree/master/mall-tiny-oss 前端项目地址 https://github.com
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号