当前位置：首页 > news >正文

前端项目从开发到部署全流程介绍

news 来源：原创 2025/5/9 3:55:59

一、项目初始化

创建项目目录
- 首先创建一个新的项目目录，例如my - front - end - project。
- 使用命令mkdir my - front - end - project && cd my - front - end - project。
初始化项目
- 使用npm init或yarn init来初始化项目，这会生成一个package.json文件，用于管理项目的依赖和脚本。
- 在初始化过程中，你需要填写项目的名称、版本、描述、入口文件、测试命令、仓库地址、关键字和作者等信息

二、安装依赖

基础依赖
- 根据项目所使用的技术栈安装相应的依赖。
- 如果是基于React的项目，安装react和react - dom：
  - 使用npm install react react - dom或yarn add react react - dom。
- 如果是Vue项目，安装vue：
  - 使用npm install vue或yarn add vue。
开发依赖
- 安装开发过程中需要的工具，如Babel用于转换 ES6 + 代码：
  - npm install - D @babel/core @babel/preset - env @babel/preset - react（对于React项目）或@babel/preset - vue（对于Vue项目）
- 安装Webpack及其相关插件：
  - npm install - D webpack webpack - cli html - webpack - plugin
- 安装CSS处理相关的依赖，如style - loader和css - loader：
  - npm install - D style - loader css - loader

三、配置开发环境

1.Babel 配置

在项目根目录创建.babelrc文件（如果使用Babel 7），内容如下：

{"presets": ["@babel/preset - env","@babel/preset - react" // 或 "@babel/preset - vue"]
}

2.Webpack 配置（基础版）

在项目根目录创建webpack.config.js文件，内容如下：

const path = require('path');
const HtmlWebpackPlugin = require('html - webpack - plugin');
module.exports = {entry: './src/index.js',output: {path: path.resolve(__dirname, 'dist'),filename: 'bundle.js'},module: {rules: [{test: /\.js$/,exclude: /node_modules/,use: {loader: 'babel - loader'}},{test: /\.css$/,use: ['style - loader', 'css - loader']}]},plugins: [new HtmlWebpackPlugin({template: './src/index.html'})],devServer: {contentBase: path.resolve(__dirname, 'dist'),port: 3000}
};

此配置指定了入口文件为src/index.js，输出文件为dist/bundle.js，并处理JS和CSS文件，同时配置了html - webpack - plugin用于生成HTML文件和devServer用于开发服务器。

四、开发阶段

创建项目结构
- 在src目录下创建项目文件结构，例如：
  - src/index.html：项目的主HTML文件。
  - src/index.js：项目的入口JavaScript文件。
  - 根据需要创建components、styles、utils等文件夹，并在其中编写相关代码。
开发和调试
- 使用npm start（在package.json中配置"start": "webpack - dev - server --mode development"）或yarn start启动开发服务器，在浏览器中访问http://localhost:3000查看项目效果，并进行代码的开发和调试。

五、打包构建

1.生产环境配置

为了优化生产环境的构建，需要对Webpack进行生产环境配置。
通常会添加UglifyJS等插件用于代码压缩，Mini - CSS - Extract - Plugin用于提取CSS文件等。
修改webpack.config.js：

const path = require('path');
const HtmlWebpackPlugin = require('html - webpack - plugin');
const MiniCssExtractPlugin = require('mini - css - extract - plugin');
const TerserPlugin = require('terser - js - plugin');
module.exports = {mode: 'production',entry: './src/index.js',output: {path: path.resolve(__dirname, 'dist'),filename: 'bundle.[contenthash].js'},module: {rules: [{test: /\.js$/,exclude: /node_modules/,use: {loader: 'babel - loader'}},{test: /\.css$/,use: [MiniCssExtractPlugin.loader, 'css - loader']}]},plugins: [new HtmlWebpackPlugin({template: './src/index.html',minify: {collapseWhitespace: true,removeComments: true}}),new MiniCssExtractPlugin({filename: 'styles.[contenthash].css'})],optimization: {minimizer: [new TerserPlugin()]}
};

2.执行构建命令

运行npm run build（在package.json中配置"build": "webpack --mode production"）或yarn build，Webpack会根据配置将项目代码进行打包、压缩、合并等操作，生成可用于生产环境的文件，存放在dist目录下

六、部署

1.选择部署方式

静态服务器部署
- Nginx 部署
  - 安装Nginx服务器。
  - 配置Nginx，修改nginx.conf文件，设置server块：

server {listen       80;server_name  example.com;root   /path/to/your/dist;index  index.html;location / {try_files $uri $uri/ /index.html;}
}

重启Nginx服务使配置生效。

Apache 部署

安装Apache服务器。
将dist目录下的文件复制到Apache的DocumentRoot目录下，通常是/var/www/html（配置可能因系统而异）。
确保Apache的mod_rewrite模块开启，用于处理单页应用的路由问题

云服务部署

AWS S3 部署
- 创建AWS账号并登录AWS Management Console。
- 创建S3存储桶，设置存储桶的权限为公共可读（如果是公开网站）。
- 使用AWS CLI或S3管理界面上传dist目录中的文件：
  - 使用AWS CLI：aws s3 cp --recursive dist/ s3://your - bucket - name
Azure Blob Storage 部署
- 创建Azure账号并登录Azure Portal。
- 创建Blob Storage容器，设置容器的访问级别。
- 使用Azure Storage Explorer或Azure CLI上传文件

容器化部署（如Docker）

创建Dockerfile
- 在项目根目录创建Dockerfile，内容如下：

FROM nginx:latest
COPY dist/ /usr/share/nginx/html

构建和运行Docker容器

构建Docker镜像：docker build -t your - front - end - image.
运行Docker容器：docker run -d -p 80:80 your - front - end - image

2.持续集成 / 持续部署（CI/CD）

选择 CI/CD 工具
- 如Jenkins、GitLab CI/CD、Travis CI等。
配置 CI/CD 流程（以GitLab CI/CD为例）
- 在项目根目录创建.gitlab - ci.yml文件，内容如下：

stages:- build- test- deploy
build:stage: buildscript:- npm install- npm run build
test:stage: testscript:- npm test
deploy:stage: deployscript:- rsync -avz --delete dist/ user@your - server:/var/www/html

每次代码推送到仓库时，GitLab CI/CD会自动触发构建、测试和部署流程，确保项目的更新能够快速、准确地发布到生产环境。

前端项目从开发到部署全流程介绍

一、项目初始化创建项目目录首先创建一个新的项目目录，例如my - front - end - project。使用命令mkdir my - front - end - project && cd my - front - end - project。初始化项目使用npm init或yarn init来初始化项目，这会生成一个packag…...

编程日记 2025/5/9 3:55:59

Vue3.0组件之间通信（defineProps 和 defineEmits 及 defineExpose）

前言： 一、父传子 defineProps二、子传父 defineEmits三、子组件暴露属性和方法给父组件 defineExpose四、依赖注入Provide / Inject 在 <script setup> 中必须使用 defineProps 和 defineEmits API 来声明 props 和 emits ，它们具备完整的类型推…...

编程日记 2025/5/1 20:41:41

多种平台上安装部署调试Open5GS（四）

OpenWRT 源码安装 UERANSIM 安装依赖openwrt源码安装cmake其他依赖准备UERANSIM安装测试验证Open5GS 是一个功能完善的开源5G项目，具备5G、4G核心网功能，最新代码支持R17标准，本系列文章介绍Open5GS在x86、ARM平台上的安装部署方法，并通过搭建UERANSIN、商用5G基站和终端两…...

编程日记 2025/5/8 8:13:00

KST-3D01型胎儿超声仿真体模、吸声材料以及超声骨密度仪用定量试件介绍

一、KST-3D01型胎儿超声仿真体模 KST—3D01型胎儿超声体模，采用仿羊水环境中内置胎龄为7个月大仿胎儿设计。用于超声影像系统3D扫描演示装置表面轮廓呈现和3D重建。仿羊水超声影像呈暗回声（无回波）特性，仿胎儿超声影像呈对比明显…...

编程日记 2025/5/8 20:01:33

论文笔记-WWW2024-ClickPrompt: CTR Models are Strong Prompt Generators for Adapting Language Models to CTR Prediction ClickPrompt: CTR模型是大模型适配CTR预测任务的强大提示生成器摘要1.引言2.预备知识2.1传统CTR预测2.2基于PLM的CTR预测 3.方法3.1概述3.2模态转换3.…...

编程日记 2025/5/9 3:16:41

VTK中对于相机camera的设置

1. 相机的核心属性在 VTK 中，vtkCamera 的核心属性有默认值。如果你不设置这些属性，相机会使用默认值来渲染场景。 Position（默认值：(0, 0, 1)）： 默认情况下，相机位于 Z 轴正方向的 (0, 0, 1)…...

编程日记 2025/5/9 3:22:43

小程序解决大问题-物流系统磁盘爆满问题处理

晚上七点，煤矿调运的物流调度系统突然磁盘报名导致服务崩溃。系统用的是微服务，没有详细操作说明，也不敢动，运煤车辆排起了长队，只能联系厂家处理。好在经过30多分钟的处理，服务终于启动，系统运…...

编程日记 2025/5/9 3:47:27

OGRE 3D----5. OGRE和QML事件交互

在现代图形应用程序开发中，OGRE（Object-Oriented Graphics Rendering Engine）作为一个高性能的3D渲染引擎，广泛应用于游戏开发、虚拟现实和仿真等领域。而QML（Qt Modeling Language）则是Qt框架中的一种声明式语言，专注于设计用户界面。将OGRE与QML结合，可以充分利用OGR…...

编程日记 2025/5/9 3:19:45

docker搭建nginx

一. 直接启动nginx镜像 1. 下载nginx镜像 docker pull nginx 2. 运行镜像 docker run -p 8080:80 --name web -d nginx 3. 网址查看 xx.xx.xx.xx:8080 二. 挂在文件启动nginx镜像 1. 拷贝docker文件到本地 docker cp web:/etc/nginx/nginx.conf /root/data/config/nginx…...

编程日记 2025/5/4 17:33:15

Qt之样式表设置总结。。。持续更新

参考文章链接如下： Qt样式表之一：Qt样式表和盒子模型介绍 Qt样式表之二：QSS语法及常用样式 Qt样式表之三：实现按钮三态效果的三种方法 Qt样式表之一：QSS名词解释 Qt样式表之二：常用控件qss Qt样式表之三：QSS奇技淫巧样式表介绍 Qt样式表是一个可以自定义部件外观的十…...

编程日记 2025/5/9 3:50:07

若依项目源码阅读

源码阅读前端代码分析代码生成器生成的前端代码有两个，分别是course.js用于向后端发送ajax请求的接口代码，另一个是index.vue，用于在浏览器展示课程管理的视图组件。前端的代码是基于vue3elementplus。 template用于展示前端组件别的标签…...

编程日记 2025/5/3 22:01:48

Ubuntu20.04运行R-VIO2

目录 1.环境配置2.构建项目3. 运行 VIO 模式4.结果图 1.环境配置 CMakeLists.txt中 C 使用 14、opencv使用4 2.构建项目克隆代码库： 在终端中执行以下命令克隆项目：git clone https://github.com/rpng/R-VIO2.git编译项目： 使用 catkin_m…...

编程日记 2025/5/9 3:19:45

【Python运维】容器管理新手入门：使用Python的docker-py库实现Docker容器管理与监控

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界随着容器技术的广泛应用，Docker已经成为开发和运维中的标准工具之一。使用Python语言管理Docker容器，不仅可以自动化繁琐的容器操作，还能…...

编程日记 2025/5/4 7:37:03

SQL基础入门——SQL基础语法

1. 数据库、表、列的创建与管理在SQL中，数据库是一个数据的集合，包含了多个表、视图、索引、存储过程等对象。每个表由若干列（字段）组成，表中的数据行代表记录。管理数据库和表的结构是SQL的基础操作。 1.1 创建数据…...

编程日记 2025/5/8 10:09:00

Lumos学习王佩丰Excel第十八讲：LOOKUP函数与数组

一、回顾统计函数 1、使用SUMIF函数 sumif(条件区域,求和条件,求和区域) 2、使用SUMIFS函数 SUMIFS(求和范围, 条件范围1, 条件1, 条件范围2, 条件2, ...) 二、认识数组 1、数组生成原理所谓数组，是有序的元素序列。组成数组的各个变量称为数组的元素。对于Ex…...

编程日记 2025/5/4 17:17:49

第二节——计算机网络（四）物理层

车载以太网采用差分双绞线车载以太网并未指定特定的连接器，连接方式更为灵活小巧，能够大大减轻线束重量。传统以太网一般使用RJ45连接器连接。车载以太网物理层需满足车载环境下更为严格的EMC要求，100BASE-T1\1000BASE-T1对于非屏蔽双绞线的传…...

编程日记 2025/5/9 3:03:33

【接口封装】——11、Qt 的单例模式

宏定义： Q_GLOBAL_STATIC(NotifyManager,theInstance) 函数定义： class NotifyManager : public QObject {Q_OBJECTpublic:NotifyManager(QObject *parent nullptr);~NotifyManager();static NotifyManager*getInstance(); //单例模式 } 源代码&#…...

编程日记 2025/5/9 3:22:43

理解字母形状，从而获得含义

英文字母，都是象形符号，所以，理解其形象，所象之形，是一项重要的工作，和非常有意义事情。也是我们快速记住大量单词，将单词从底层逻辑开始理清，融会贯通扩展记忆容量的重要办法之一。…...

编程日记 2025/5/6 14:01:17

redis揭秘-redis01-redis单例与集群安装总结

文章目录【README】【1】安装单机【1.1】安装环境【1.2】安装步骤【2】redis集群主从模式配置【2.1】集群架构【2.2】redis集群主从模式搭建步骤【2.3】redis集群主从模式的问题（单点故障问题） 【3】redis集群哨兵模式配置【3.1】集群架构【3.2】redis…...

编程日记 2025/5/9 3:23:58

mini-spring源码分析

IOC模块关键解释 beanFactory：beanFactory是一个hashMap, key为beanName, Value为 beanDefination beanDefination: BeanDefinitionRegistry，BeanDefinition注册表接口，定义注册BeanDefinition的方法 beanReference：增加Bean…...

编程日记 2025/5/1 10:36:57

RVO动态避障技术方案介绍

原文：RVO动态避障技术方案介绍 - 哔哩哔哩我们在开发游戏的时候经常会遇到这样的问题，当我们寻路的时候，其它人也在寻路，如何避免不从其它人的位置穿过。这个叫做动态避障，目前主流的解决方案就是RVO。本节我们来介绍…...

编程日记 2025/5/9 3:28:22

HTML CSS JS基础考试题与答案

一、选择题（2分/题） 1．下面标签中，用来显示段落的标签是（ d ）。 A、<h1> B、<br /> C、<img /> D、<p> 2. 网页中的图片文件位于html文件的下一级文件夹img中，…...

编程日记 2025/5/7 3:19:48

【C语言】二叉树（BinaryTree）的创建、3种递归遍历、3种非递归遍历、结点度的实现

代码主要实现了以下功能： 二叉树相关数据结构定义定义了二叉树节点结构体 BiTNode，包含节点数据值（字符类型）以及指向左右子树的指针。定义了顺序栈结构体 SqStack，用于存储二叉树节点指针，实现非递归遍历…...

编程日记 2025/5/5 17:58:09

MySQL Workbench 数据库建模详解：从设计到实践

目录数据库建模基础概念MySQL Workbench 简介与安装什么是 MySQL Workbench？安装与环境配置 MySQL Workbench 数据库建模功能详解 EER 图（实体关系图）数据库反向工程数据库正向工程模型同步与版本管理 MySQL Workbench 数据库建模实战教程…...

编程日记 2025/5/9 3:26:41

【字体】Fire Code连字效果开启

Vscode 开启方法 1、设置字体Fire Code 放在最前面的即可： 2、启用连字继续往下找到“在 settings.json 中编辑”，然后设置"editor.fontLigatures": true ： 保存即可。 Sublime 开启方法设置中设置字体后，启…...

编程日记 2025/4/22 8:17:13

springboot kafka在kafka server AUTH变动后consumer自动销毁

前言笔者使用了kafka用来传输数据，笔者在今年10月写了文章，怎么使用配置化实现kafka的装载：springboot kafka多数据源，通过配置动态加载发送者和消费者-CSDN博客不过在实际运行中，kafka broker是加密的&#xff0c…...

编程日记 2025/5/6 17:17:20

第六届国际科技创新（IAECST 2024）暨第四届物流系统与交通运输（LSTT 2024）

重要信息会议官网：www.lstt.org 大会时间：2024年12月6-8日大会地点：中国-广州简介第六届国际科技创新暨第四届物流系统与交通运输国际（LSTT 2024）将于2024年12月6-8日在广州举办，这是一个集中探讨…...

编程日记 2025/5/9 3:16:41

【Vue3】【Naive UI】＜ a ＞标签

【Vue3】【Naive UI】< a >标签超链接及相关属性其他属性【VUE3】【Naive UI】＜NCard＞ 标签【VUE3】【Naive UI】＜n-button＞ 标签【VUE3】【Naive UI】＜a＞ 标签 <a> 标签HTML中的一个锚&…...

编程日记 2025/5/5 0:58:41

Fortran mpi在Linux的安装

最近编译一个程序需要需要 Fortran mpi 编译器，则需要安装 Fortran编辑器和MPI库，以下是具体的安装步骤： 一、安装 Fortran 编译器（gfortran） 在conda环境中安装： conda install -c conda-forge gfortra…...

编程日记 2025/5/9 3:22:43

蓝桥-希尔排序模板题

第一眼看到这个题还在想希尔排序模板不记得了，于是去网上了搜了一个，但是考虑到这种题只看测试点能不能通过，于是用Arrays方法试了一下，发现也可以。 1.希尔排序模板ac代码 package yunkePra;import java.util.Scanner;public cl…...

编程日记 2025/5/5 7:22:37

深入学习指针（5）！！！！！！！！！！！！！！！

文章目录 1.回调函数是什么？2.qsort使用举例2.1使用qsort函数排序整形数据2.2使用sqort排序结构数据 3.qsort函数的模拟实现 1.回调函数是什么？ 回调函数就是⼀个通过函数指针调⽤的函数。如果你把函数的指针（地址）作为参数传递…...

编程日记 2025/4/28 10:23:03

windows 应用 UI 自动化实战

UI 自动化技术架构选型 UI 自动化是软件测试过程中的重要一环，网络上也有很多 UI 自动化相关的知识或资料，具体到 windows 端的 UI 自动化，我们需要从以下几个方面考虑： 开发语言毋庸置疑，在 UI 自动化测试领域&am…...

编程日记 2025/5/9 3:18:05

nodejs相关知识介绍

1、nodejs官方文档： https://nodejs.org/zh-cn nodejs可以用nvm进入安装； 2、npm说明： npm官方教程：https://npm.p2hp.com/ npm是 Node.js 的标准包管理器，也就是说nodejs安装好，npm也就安装好了&#…...

编程日记 2025/5/7 8:39:26

How to monitor Spring Boot apps with the AppDynamics Java Agent

本文介绍如何使用 AppDynamics Java 代理监视 Azure Spring Apps 中的 Spring Boot 应用程序。使用 AppDynamics Java 代理可以： 监视应用程序使用环境变量配置 AppDynamics Java 代理在 AppDynamics 仪表板中检查所有监视数据 How to monitor Spring Boot app…...

编程日记 2025/5/8 3:13:11

安装SQL Server 2022提示需要Microsoft .NET Framework 4.7.2 或更高版本

安装SQL Server 2022提示需要Microsoft .NET Framework 4.7.2 或更高版本。原因是：当前操作系统版本为Windows Server 2016 Standard版本，其自带的Microsoft .NET Framework 版本为4.6太低，不满足要求。根据报错的提示，点击链接…...

编程日记 2025/5/3 17:07:51

TypeScript核心语法（5）——函数

简介函数的类型声明，需要在声明函数时，给出参数的类型和返回值的类型。 function hello(a: string): void {console.log("hello " txt); } 上面示例中，函数hello()在声明时，需要给出参数a的类型（stri…...

编程日记 2025/5/9 3:31:08

【MyBatis】验证多级缓存及 Cache Aside 模式的应用

文章目录前言1. 多级缓存的概念1.1 CPU 多级缓存1.2 MyBatis 多级缓存 2. MyBatis 本地缓存3. MyBatis 全局缓存3.1 MyBatis 全局缓存过期算法3.2 CacheAside 模式后记MyBatis 提供了缓存切口， 采用 Redis 会引入什么问题？万一遇到需强一致场景&#x…...

编程日记 2025/5/9 3:29:44

ARIMA-神经网络混合模型在时间序列预测中的应用

ARIMA-神经网络混合模型在时间序列预测中的应用 1. 引言 1.1 研究背景与意义时间序列预测在现代数据科学中扮演着越来越重要的角色。从金融市场的价格走势到工业生产的需求预测,从气象数据的天气预报到用电量的负荷预测,时间序列分析无处不在。传统的统计方法和现代深度学习…...

编程日记 2025/5/4 14:46:02

Scala关于成绩的常规操作

score.txt中的数据： 姓名，语文，数学，英语张伟，87，92，88 李娜，90，85，95 王强，78，90，82 赵敏，92，8…...

编程日记 2025/5/9 3:23:58

【Maven】项目创建

3. Maven的应用本章主要内容： 使用 Maven 创建 JavaSE 项目使用 Maven 创建 JavaWeb 项目，在本地部署 Tomcat 测试导入 Maven 项目 3.1 基于Maven开发JavaSE的项目 3.1.1 流程 1、File—>new—>Project—>Empty Project Location&#xff1…...

编程日记 2025/5/9 3:31:08

基于 LlamaFactory 的 LoRA 微调模型支持 vllm 批量推理的实现

背景 LlamaFactory 的 LoRA 微调功能非常便捷，微调后的模型，没有直接支持 vllm 推理，故导致推理速度不够快。 LlamaFactory 目前支持通过 VLLM API 进行部署，调用 API 时的响应速度，仍然没有vllm批量推理的速度快。 …...

编程日记 2025/5/2 23:51:11

Vue进阶之单组件开发与组件通信

书接上篇，我们了解了如何快速创建一个脚手架，现在我们来学习如何基于vite创建属于自己的脚手架。在创建一个新的组件时，要在新建文件夹中打开终端创建一个基本的脚手架，可在脚手架中原有的文件中修改或在相应路径重新创建&#xf…...

编程日记 2025/5/9 2:48:04

HCIE IGP双栈综合实验

实验拓扑实验需求及解法本实验模拟ISP网络结构，R1/2组成国家骨干网，R3/4组成省级网络，R5/6/7组成数据中心网络。配置所有ipv4地址，请自行测试直连。 R1 sysname R1 interface GigabitEthernet0/0/0ip address 12.1.1.1 255.…...

编程日记 2025/5/9 3:32:20

Unity 超链接文本类

注：该脚本在文本显示不全时会有问题。 HyperlinkText.cs using System; using System.Text; using System.Collections.Generic; using System.Text.RegularExpressions; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems;namespace MYT…...

编程日记 2025/5/9 3:53:02

Vim小白学习指南

博客 Vim编辑器简介 Vim是一个非常高效的文本编辑器，最初源于Vi编辑器。它以其强大的文本编辑能力和快捷键而闻名于程序员和系统管理员。Vim的特别之处在于它提供了多种模式，每种模式都有不同的功能。 Vim的基本模式 1. 普通模式（Normal …...

编程日记 2025/5/8 15:32:37

【微服务】Nacos配置管理

一、统一配置管理 1、配置统一管理 2、微服务获取配置 ①引入Nacos的配置管理客户端依赖(usersevice下) <dependency><groupId>com.alibaba.cloud</groupId><artifactId>spring-cloud-starter-alibaba-nacos-confi…...

编程日记 2025/5/9 2:50:38

从单机缓存到分布式缓存那些事

作者：秦怀 1 缓存前世今生 1.1 故事从硬件开始 Cache 一词来源于 1967 年的一篇电子工程期刊论文。其作者将法语词“cache”赋予“safekeeping storage”的涵义，用于电脑工程领域。当时没有 Cache，CPU 和内存都很慢，CPU 直接访…...

编程日记 2025/5/9 3:40:24

华为新手机和支付宝碰一下带来更便捷支付体验

支付正在变的更简单。 11月26日，华为新品发布会引起众多关注。发布会上，华为常务董事余承东专门提到，华为Mate 70和Mate X6折叠屏手机的“独门支付秘技”——“碰一下”，并且表示经过华为和支付宝的共同优化，使用“碰…...

编程日记 2025/5/4 6:32:16

element ui select绑定的值是对象的属性时,显示异常.

需要声明 value-key"value",如果还不行可能是数据类型不一致数字0和字符串0是不一致的. el-select v-model"value" clearable placeholder"Select" value-key"value" style"width: 240px"><!-- <el-option v-for&…...

编程日记 2025/5/7 17:29:31

基于Springboot开发的时光兼职网

一、功能介绍时光兼职网包含管理员、用户、商家三个角色以及前后台系统。前台系统功能首页、兼职信息推荐、查看更多等职位申请、申请日期、上传简历、点击下载简历、留言反馈等个人中心、上传图片、更新信息等后台系统功能用户登录： 个人中心、修改密码…...

编程日记 2025/5/8 11:30:36

一、项目初始化

创建项目目录

初始化项目

二、安装依赖

基础依赖

开发依赖

三、配置开发环境

1.Babel 配置

2.Webpack 配置（基础版）

四、开发阶段

创建项目结构

开发和调试

五、打包构建

1.生产环境配置

2.执行构建命令

六、部署

1.选择部署方式

2.持续集成 / 持续部署（CI/CD）

相关文章：