前言虽然现在很多开发，都采用了前后端完全分离的模式，即后端只提供数据接口，前端通过AJAX请求获取数据，完全不需要用到模板引擎。这种方式的优点在于前后端完全分离，并且随着近几年前端工程化工具和MVC框架的完善，使得这种模式的维护成本相对来说也更加低一点。但是这种模式不利于SEO，并且在性能上也会稍微差一点，还有一些场景，使用模板引擎会更方便，比如说邮件模板。这篇文章主要讨论Spring boot与
转载
2024-03-13 17:16:21
111阅读
前后端分离打包、运行(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的static目录下；然后打成镜像，k8s部署；技术栈前端 vue 2.6.11后端 spring boot 2.3.12.RELEASEjenkins构建docker 打包镜像k8s部署步骤前端项目执行npm run build命令，文件会打包到dist文件夹下；后端项目 在项目的resour
转载
2023-10-27 06:47:10
505阅读
前几天看[小猪课堂发布的nginx部署](https://zhuanlan.zhihu.com/p/431796992)，跟着做了一遍，由于本人是第一次尝试，遇见了很多问题。经过查阅和搜索，终于解决掉了。下面给大家介绍一下我的流程和遇见的问题，我们可以多讨论。
项目打包部署1.准备工作 完整的Vue项目 一台服务器 准备工作很简单，只需要一个项目和一台服务器即可，项目甚至可以只是一个html
转载
2024-07-20 07:30:28
735阅读
前提全局环境下安装 nodejs使用1、安装依赖包如果项目没有npm管理，即没有package.json文件初始化项目为nodejs项目npm init输入必要信息生成package.json文件安装webpack依赖cnpm install webpack --save -dev–save：表示在安装的同时，将依赖包写入package.json中-dev:表示将依赖写在devDependency
转载
2024-05-28 20:53:50
182阅读
spring boot介绍Spring Boot目前流行的java web应用开发框架，相比传统的spring开发，spring boot极大简化了配置，并且遵守约定优于配置的原则即使0配置也能正常运行，这在spring中是难以想象的。spring boot应用程序可以独立运行，框架内嵌web容器，使得web应用程序可以像本地程序一样启动和调试，十分的方便，这种设计方式也使得spring boot
转载
2024-04-18 13:16:34
98阅读
1. 前言1.1 Webpack是什么可能有很多的小伙伴对于这个Webpack既熟悉又陌生，有一些刚开始接触vue的小伙伴在对项目进行打包的时候经常会使用到npm run build来进行打包，但是却不了解Webpack里面复杂的配置和功能。Webpack是一种前端资源构建工具，一个静态模块打包器，在Webpack看来，前端所有资源文件都会作模块处理，它将根据模块的依赖关系进行静态分析，打包生成对
转载
2024-05-21 17:06:05
92阅读
当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。 如果是 vue-cli (非 simple 脚手架)，这篇文章可能有点帮助。地址链接：vue-cli 如何打包上线 先来描述一下期间遇到的问题
这篇文章介绍一下 Spring Boot 如何开发、调试、打包到最后的投产上线。开发阶段单元测试在开发阶段的时候最重要的是单元测试了， Spring Boot 对单元测试的支持已经很完善了。1、在 pom 包中添加 spring-boot-starter-test 包引用<dependency>
<groupId>org.springframew
转载
2024-07-03 10:25:05
301阅读
本文主要介绍如何利用Electron将前端代码打包成exe文件。其实如何通过Electron将前端代码打包成exe文件，其入门教程讲的挺详细的，但是浏览一遍下来还是不太清楚到底该怎么操作，这里只是将其细化分解。首先，我们需要确保我们的电脑上已经配置好了Node.js环境，如果没有的话，请到Node.js下载并安装配置。其次，我们需要有一个写好的Electron应用，如果你不嫌麻烦的话，可以按照入门
转载
2023-09-25 13:02:50
236阅读
一、搭建项目环境1、安装node.js在网上找到nodejs压缩包，下载解压后安装node-v8.9.3-x64.msi文件。安装完毕后，在windows的cmd控制台输入node -v或node --version命令，测试是否安装成功，如图1.1，出现版本号就是成功了。或图1.1 测试nodejs图2、安装npmnpm（Node Package Manager）的安装，其实新版本的node已经
转载
2023-11-14 09:41:34
379阅读
1、springboot项目lib包、config配置文件打包配置。 maven其实是由各种插件组成的，执行mvn 命令时，都是调用的对应的maven插件来原型的，如mvn compile、mvn install等调用的是maven-compiler-plugin、maven-install-plugin插件。打包使用的插件是在pom文件中配置
转载
2024-06-24 13:25:41
44阅读
前端资源打包在每个项目中都会有涉及，每位开发者都希望打包是用最少的时间构建出最小的代码，这不仅能提高团队中的效率，也能提高页面的访问性能，以下会从如何优化构建速度和优化构建输出代码来说明一些方法。
1. 速度优化
日常开发打包配置
项目背景：某项目需要，找了网上的一个大数据的模板做了一个人模人样的前端。用了一些Echarts的东西，项目的GPU使用率很高，CPU占用率也不小。现要求将项目demo打包发布出来，代码什么的全部隐藏掉，发布出一个桌面应用程序。项目结构如下图： 打包项目使用的工具：nwjs（链接：https://nwjs.org.cn/）第一步准备打包工具：下载nwjs工具，官方提供的有两个版本，一个是正
转载
2023-07-18 21:32:00
147阅读
微服务和VUE：VUE前端工程打包1. 介绍在我们完成代码编写之后，肯定是要把前端和后端 部署到服务器上面的，因此在部署之前，我们需要先打包我们的项目文件。VUE工程打包很方面，在工程目录下运行： npm run build 若不报错，就成功了。一般不会报错，当然第一次打包的时候，我也遇到了一些错误，笨笨的我不知道如何解决，直接重新建了一个新的工程，把原来的文件该复制的复制，很神奇的就ok了。在打
转载
2023-11-30 11:57:31
128阅读
为提高前端工程webpack打包速度，对工程进行改造第一部分：vue-cli2工程可以采用js分包+压缩混淆升级+CDN加速+gzip压缩等手段进行加速（1）分包，在webpack的配置中添加module.exports = {
externals: {
vue: 'Vue',
moment: 'moment',
rxjs: 'Rx',
ramda: 'R',
转载
2024-01-17 12:14:06
110阅读
最近项目打包的时候发现打包后的文件夹占用内层巨大，项目的加载速度也是有可见的延迟，于是想尽办法优化包，最终从几十M压到了几M，趁此机会总结一波优化方法，仅供参考。
最近项目打包的时候发现打包后的文件夹占用内层巨大，项目的加载速度也是有可见的延迟，于是想尽办法优化包，最终从几十M压到了几M，趁此机会总结一波优化方法，仅供参考。# 前端优化
## 优化
转载
2024-02-20 19:31:47
583阅读
概述眼下wepack似乎已经成了前端开发中不可缺少的工具之一，而他的一切皆模块的思想随着webpack版本不断的迭代（webpack 4）使其打包速度更快，效率更高的为我们的前端工程化服务相信大家使用webpack已经很熟练了，他通过一个配置对象，其中包括对入口，出口，插件的配置等，然后内部根据这个配置对象去对整个项目工程进行打包，从一个js文件切入(此为单入口，当然也可以设置多入口文件打包),将
转载
2023-12-28 12:34:10
110阅读
1.异步路由加载 import Vue from 'vue'
import Router from 'vue-router'
// 之前的方案
// import Index from '@/pages/index/'
// import ChooseUser from '@/pages/detail/chooseUser'
// 异步加载方案
const Index = r =>
转载
2024-05-16 08:19:19
47阅读
基于SpringBoot+Vue前后端分离的智能教室管理系统（毕业设计/结课作业）【完整项目源代码】一、平台简介二、内置功能三、源代码下载地址：项目下载地址：[]()
基于SpringBoot+Vue前后端分离的智能教室管理系统 一、平台简介项目下载地址：基于SpringBoot和Vue的前后端分离项目是一种基于Web技术的教育管理系统，通过前后端分离的方式，将前端和后端分别处理，提高了
转载
2024-06-08 19:15:03
25阅读
