当前，Spring毫无疑问已经成为java后台对象管理标准框架，除了通过IOC能够管理我们的自定义对象的生命周期之外还提供了众多功能繁复的可配置功能模块。但同时带来了复杂的配置项，这对初学者而言简直是一种灾难。于是SpringBoot应运而生，Springboot的出现大大简化了配置，主要表现在消除了web.xml和依赖注入配置的整合，处处遵循规约大于配置的思想，将初学者在繁杂的配置项中解放出来，
转载
2024-03-22 23:33:03
60阅读
前端页面的搭建 使用vue create XXX创建vue项目安装npm i element-ui -S目录如下所使用的资源文件如下gloable.css*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.ml-5 {
margin-left: 5px;
}
.mr-5 {
margin-r
第一部分：React入门系列文章目录第一章：React从入门到进阶之初识React第一章：React从入门到进阶之JSX简介第三章：React从入门到进阶之元素渲染第四章：React从入门到进阶之JSX虚拟DOM渲染为真实DOM的原理和步骤第五章：React从入门到进阶之组件化开发及Props属性传值第六章：React从入门到进阶之state及组件的生命周期第七章：React从入门到进阶之Reac
目前项目开发方式基本采用前后端分离的方式。前端作为一个独立的项目，一般是使用Webpack方式进行编译打包生成 dist 目录（特指vue项目），再通过Nginx单独进行部署。 为了和基于Docker的部署方式有个对比，我们先来说下服务器部署方式服务器部署方式一般来说，常规的部署方式的流程基本如下：服务器环境配置及安装 nginx将项目dist目录上传到服务器的指定位置修改 nginx安装目录/c
转载
2023-08-18 14:01:55
329阅读
一。我就简单记录一下我部署uniapp+nodejs+mysql的前后端项目吧1.准备好前端项目，如果是web端就准备好vue项目打包后的文件，我是uniapp做的app，就不用打包了。2.准备后端文件，nodejs对于前端来说上手速度应该是最容易的了，我使用的是express框架。3.购买阿里云ECS云服务器，我是新人免费领取一个月的服务器。二，简述我做的前端项目内容，与后端做了什么工作，前端项
转载
2023-11-07 11:19:37
25阅读
## Vue前端如何部署
### 1. 流程概述
在部署Vue前端项目时，一般需要将项目打包成静态文件，然后将这些文件部署到服务器上。下面是部署Vue前端项目的一般步骤：
| 步骤 | 描述 |
| ---------------------------------|
原创
2024-05-22 10:19:21
123阅读
文章目录1. 简介2. 部署2.1 源代码：2.2 开发环境准备2.3 编译3. 开发3.1 数据库表设计3.2 生成对应的前后端代码4.总结1. 简介renren-fast是一个轻量级的Spring Boot快速开发平台，能快速开发项目并交付完善的XSS防范及脚本过滤，彻底杜绝XSS攻击实现前后端分离，通过token进行数据交互2. 部署2.1 源代码：下载后端代码： https://gitee
有很多网友会时不时的问我，spring boot项目如何测试，如何部署，在生产中有什么好的部署方案吗？这篇文章就来介绍一下spring boot 如何开发、调试、打包到最后的投产上线。 开发阶段 单元测试 在开发阶段的时候最重要的是单元测试了，springboot对单元测试的支持已经很完善了。 1、在pom包中添加spring-boot-starter-test包引用 <dependenc
转载
2024-06-20 11:30:19
39阅读
前后端分离打包、运行(springboot+vue)一、本地打包运行在终端中运行程序前端：前提：已安装npm，编译环境为VS Code 1、跳转至Vue项目所在目录$ cd Vue项目所在的目录2、打包Vue文件，打包完成后会在当前目录下产生dist目录$ npm run build3、安装express-generator生成器$ npm install express-generator -g
转载
2024-01-01 19:32:08
194阅读
?博客主页：?不会压弯的小飞侠 ✨欢迎关注：?点赞?收藏⭐留言✒ ✨系列专栏：?SpringBoot专栏(每日更新) ✨如果觉得博主的文章还不错的话，请三连支持一下博主。 ?欢迎大佬指正，一起 学习！一起加油！ 目录?前言?为什么要使用热部署?手动启动热部署?导入坐标 - 启动开发者工具?修改数据?build project?测试?自动启动热部署?热部署范围配置?禁用热部署?方式一?方式二 ?前言
1.新建vue.config.js文件夹，输入以下代码：module.exports = {
assetsDir: 'static',
parallel: false,
publicPath: './'
}，注意将public目录下的图片放到static目录下。2.项目书写调试完成之后，使用npm run build 命令打包生成dist文件夹。可修改dist文件夹的名字。
转载
2023-07-13 20:42:21
152阅读
1、安装nginx安装nginx其实非常简单的，常见问题1：如果自己买的服务器使用apt-get命令报错，那么先输入 apt-get install update 命令，更新一下就行了。关于安装nginx，推荐这篇博文，我之前第一次安装找了很多文章，这篇非常棒：nginx安装2、前端上线写在前面，推荐大家安装MobaXterm，点击这里前往官网下载。下载免费版的就行，这个软件很好用，上传
转载
2024-03-10 10:55:06
374阅读
前言 在前后端还没有分离的时代下，前端项目通常是放在后端项目的静态资源目录下一起部署的，那个时候还没有专门的前端程序员，或者说前端程序员不需要自己部署网站.通常前端人员只需要把网站源文件如.html文件结尾的资源包发给后端或者运维即可，剩下的事情便交给后端或运维定了.但随着技术的发展,前后端分离开发后,前端项目也通常分离部署了，这个时候可能就需要前端人员自己部署前端项目，然而前端开发人员很少接触到
转载
2023-11-02 22:10:08
95阅读
一、多环境配置1、配置文件优先级配置文件可以放在哪些目录？加载优先级从高到低排序，file就是项目路径，classpath是resources路径 项目根目录下的config文件夹>项目根目录>resource目录下的config文件夹>resource路径下2、多环境配置1）多环境properties如果我们使用properties配置文件，想要哪个文件里的配置生效 使用spr
转载
2024-03-15 16:05:32
189阅读
# Docker Compose部署Spring Boot + Vue前后端分离项目
## 概述
Docker是一种轻量级的容器化技术，可以帮助开发人员将应用程序打包成容器，方便进行部署和管理。Docker Compose是Docker的一个工具，用于定义和运行多个容器的应用程序。
本文将介绍如何使用Docker Compose来部署一个基于Spring Boot和Vue的前后端分离项目。我
原创
2023-09-04 05:36:48
291阅读
项目背景在主文件index.vue中初始化页面相关的操作， 在mounted中放置用户权限判断并更新store中的权限值，当点击相应组件时mounted可正常工作， 但是在用户手动刷新时mounted内的函数并未执行，导致相应组件未获取到权限而显示异常问题解决首先，这跟vue生命周期有关，图就不贴了，直接说原因。 当用户f5刷新页面时，整个页面会重新去请求，js的状态变量消失，但是el节点并未重新
转载
2024-10-14 09:13:35
109阅读
前面记到数据库与模型（models）有联系，现在记录一下视图与模板，他们两个也有联系。个人理解：视图就好像一个cpu，比较核心，就是用来处理问题的，又叫业务逻辑处理，他把处理完的结果插入到模板里面，最后将模板返回给前端，进行展示。模板就好比一篇完形填空，留一些空等着视图插入数据。这里说明一下，django是根据url来选择视图的。（强大的url系统）写视图如下：def detail(request
前端部署其实也算前端工程化的一部分，这篇博客是我结合实际工作经验和业余探索，总结出的前端部署的一些尝试。一方面自己有所记录，另一方面也能给大家带来些启示。 部署到七牛云 部署到阿里云OSS，部署到腾讯云OSS 部署到腾讯云服务器并使用nginx做反向代理 总结与反思 前提条件： 通过npm run
转载
2020-10-13 17:18:00
718阅读
2评论
在K8S中部署前端项目通常会使用Nginx作为前端服务的代理，下面我将为你介绍如何在K8S中部署前端项目。
## 1. 准备工作
在开始之前，确保你已经安装了kubectl和helm，并且已经有一个运行的Kubernetes集群。如果还没有，你可以参考官方文档进行安装和配置。
## 2. 部署Nginx Ingress Controller
首先，我们需要部署一个Nginx Ingress C
原创
2024-05-23 10:48:39
150阅读
# jQuery前端如何部署Nginx
## 问题描述
在前端开发中，我们经常会使用jQuery来处理网页的动态交互。而为了让我们的网页能够正常运行，我们需要将前端代码部署到服务器上。在本文中，我们将介绍如何使用Nginx来部署jQuery前端代码。
## Nginx简介
Nginx是一款高性能的Web服务器，具有轻量级、高并发等特点，非常适合用来部署静态资源。在本方案中，我们将使用Nginx
原创
2024-01-30 11:19:37
334阅读
