Spring Boot 笔记 022 前端环境准备

这篇具有很好参考价值的文章主要介绍了Spring Boot 笔记 022 前端环境准备。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.1环境准备vue

1.1.1 安装vuw

npm init vue@latest

1.1.2 安装element-plus并修改main.js导入element-plus

npm install element-plus --save
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'


const app = createApp(App);
app.use(ElementPlus,{locale});
app.mount('#app')

1.1.3 安装axios

npm install axios

1.1.4 安装sass

npm install sass -D

1.2 目录调整

1.2.1 删除components下自动生成的内容

Spring Boot 笔记 022 前端环境准备,Spring Boot,spring boot,笔记,前端

1.2.2 新建api,utils,views

Spring Boot 笔记 022 前端环境准备,Spring Boot,spring boot,笔记,前端

1.2.3 拷贝request.js到utils目录下

Spring Boot 笔记 022 前端环境准备,Spring Boot,spring boot,笔记,前端

1.2.4 拷贝静态资源到assets目录下

Spring Boot 笔记 022 前端环境准备,Spring Boot,spring boot,笔记,前端

1.2.5 删除App.vue中自动生成的内容

Spring Boot 笔记 022 前端环境准备,Spring Boot,spring boot,笔记,前端

1.3 修改main.js并启动项目测试

1.3.1 修改main.js

import './assets/main.scss'

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'


import App from './App.vue'


const app = createApp(App);
app.use(ElementPlus);
app.mount('#app')

1.3.2 测试

Spring Boot 笔记 022 前端环境准备,Spring Boot,spring boot,笔记,前端

1.4 其他

1.4.1 vs code中使用markdown

简介:如何在vscode下使用markdown - 知乎文章来源地址https://www.toymoban.com/news/detail-825423.html

到了这里,关于Spring Boot 笔记 022 前端环境准备的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Spring Boot 多环境配置

    在实际开发中,应用程序通常需要部署到不同的运行环境中,例如开发环境、测试环境、生产环境等。不同的环境可能需要不同的环境配置,针对这种情况,不可能手动变更配置文件来适应不同的开发环境,通常需要对项目进行多环境配置,Spring Boot框架提供了两种多环境配

    2024年02月08日
    浏览(34)
  • Spring Boot多环境配置

    Spring Boot的针对不同的环境创建不同的配置文件, 语法结构:application-{profile}.properties profile:代表的就是一套环境 application-dev.yml 开发环境 端口8090 application-test.yml 测试环境 端口8091 application-prod.yml 生产环境 端口8092 application-dev.yml文件 application-test.yml application-prod.yml 在appli

    2024年01月17日
    浏览(36)
  • Spring Boot 开发环境热部署

    Spring Boot 项目无法像前端项目那样,修改源代码后刷新网页就能即时看到效果,需要先暂停运行,再重新启动,最后刷新网页。 为了避免这一麻烦的操作,我们可以设置热部署, 启动服务后不论怎么修改源码,只需要在浏览器刷新一下就能出现修改后的界面。 如果使用ecl

    2024年02月07日
    浏览(41)
  • 【Spring boot 读取系统环境变量】

    Spring boot 读取系统环境变量 凡是被 Spring 管理的类,实现接口 EnvironmentAware 重写方法 setEnvironment 可以在工程启动时,获取到 系统环境变量和 application 配置文件中的变量。 com.hpit.sb.environment.MyEnvironment import org.apache.log4j.Logger; import org.springframework.beans.factory.annotation.Value; impor

    2024年02月06日
    浏览(33)
  • Android前端+Spring Boot后端 登录功能实现

    创建项目后,自己添加包,框架如下   userController里的一些内容,只供参考,代码不全,无法实现 数据库是直接在社区版IDEA里连接Mysql,在控制台端创建的数据库和user表,用于数据交互。 Activity包里是Activity Java类,主要响应layout包里activity_login.xml等页面布局内的按钮响应 a

    2024年02月12日
    浏览(65)
  • spring boot中的多环境配置

    的作用是为了启动某个环境,两个作用基本一致, 环境定义如下: 或者是查找application-dev.yml这个文件的所有配置 加载问价,使用的是import,注意语法:

    2024年02月06日
    浏览(36)
  • Spring Boot高阶篇笔记

    JSR-107、Spring缓存抽象、整合Redis 1、JSR107 Java Caching定义了5个核心接口,分别是CachingProvider, CacheManager, Cache, Entry 和 Expiry。 • CachingProvider定义了创建、配置、获取、管理和控制多个CacheManager。一个应用可 以在运行期访问多个CachingProvider。 • CacheManager定义了创建、配置、获取

    2024年02月11日
    浏览(41)
  • 解决前端传给Spring Boot的中文数据乱码问题

    解决前端传给Spring Boot的中文数据乱码问题,可以按照以下几个方法进行操作: 在前端的请求头(Request Header)中设置字符集编码为UTF-8: Content-Type: application/x-www-form-urlencoded; charset=UTF-8 1.在Spring Boot的后端接收中文数据的Controller中,添加注解@RequestBody,并设置编码为UTF-8:

    2024年03月25日
    浏览(69)
  • 带有 Spring Boot 后端的 Vue.js 前端

    概述 在开始本教程中,先推荐1个SpringBoot+Vue前后端分离Java项目,本项目是一个大型互联网金融项目,采用Spring Boot , Dubbo 微服务的架构,包括多个独立的微服务,micr-common个公共服务,micr-web服务,micr-database数据库服务,micr-pay支付服务 ,micr-task定时任务。 前端技术栈:Vue,

    2024年02月11日
    浏览(41)
  • Spring Boot中处理前端的POST请求参数

    在Spring Boot中处理前端的POST请求参数可以使用@RequestParam注解或@RequestBody注解。 @RequestParam注解用于获取请求参数的值,可以用于处理GET和POST请求。它可以指定参数的名称、是否必须、默认值等属性。 例如,假设前端发送了一个POST请求,请求参数为name和age,可以使用@Request

    2024年02月15日
    浏览(95)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包