Spring boot + Vue2小项目基本模板

Spring boot + Vue2小项目基本模板

    • 基本介绍
    • 基本环境安装
    • 项目搭建
    • 最终效果展示

基本介绍

项目来源哔哩哔哩的青戈,跟着学习搭建自己的简单vue小项目;看别人的项目总觉得看不懂,需要慢慢打磨
这里目前只简单的搭建了菜单导航和表格页面,还未搭建登录页面,待补充

视频链接

基本环境安装

需要安装node.js(自带npm),然后配一下镜像npm config set registry https://registry.npm.taobao.org安装Vue@cli,Vue的脚手架进行项目的创建npm install -g @vue/cli采用Vue create demo01,进行项目的基本创建,这里采用的是Vue2版本这个项目里面使用了基本的组件,包括路由、element-ui,安装如下:npm i element-ui -Snpm install vue-router@3开发环境采用的是VS Code,比较容易配置,安装组件需要在创建项目的目录内

安装示例:在这里插入图片描述

项目搭建

安装好环境,创建了基本模板后,需要修改(替换)一下原有内容

vue.config.js的内容(增加一句 lintOnSave: false(对组件名称定义不进行限制))

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,lintOnSave: false
})

替换自动生成的public和src目录

gitee的链接https://gitee.com/anxwefndu/springboot-vue2demo01.git

最终效果展示

当前简单的菜单和表格,还没有加上登录与具体各栏目分类在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/60545.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

“箱体分析”,箱体支撑压力位,分析市场方向 通达信主图 源码

使用技巧 该指标用于在通达信的K线图上绘制箱体分析图形,主要通过支撑位、波浪顶、箱体上下限等多个技术指标来识别股票的支撑和压力区域。 支撑位分析:可以帮助用户识别股价的支撑区域,并判断是否会反弹。 箱体震荡区间识别:通…

PostgreSQL 锁判断

我们在使用 PostgreSQL 的时候经常会遇到有关锁的信息。那么如何判断是否有死锁或者锁等待呢&#xff1f; WITH lock_pid AS ( SELECT DISTINCT pid FROM pg_locks WHERE pid <> pg_backend_pid() ) SELECT psa.* FROM pg_stat_activity psa INNER JOIN lock_pid lp ON …

hadoop大数据平台

java环境 java-1.8.0-openjdk-devel jvm虚拟机 hadoop软件解压即可用 JAVA_HOME是java的安装路径 hadoop对主机名强依赖&#xff0c;意思是主机名hostname要能ping通 jar命令 是运行一个jar文件 hadoop要运行&#xff0c;主要依赖两个的配置 JAVA_HOME HADOOP_CONF_DIR hadoop里…

深入Zookeeper节点操作:高级功能与最佳实践

Zookeeper之节点基本操作&#xff08;二&#xff09; 在《Zookeeper之节点基本操作&#xff08;一&#xff09;》中&#xff0c;我们介绍了如何创建、读取、更新、删除节点的基本操作。接下来将进一步探讨Zookeeper中节点的进阶操作和更多细节&#xff0c;包括节点的监视&…

PICO+Unity MR视频透视

官方链接&#xff1a;视频透视 | PICO 开发者平台 在 PXR_Manager (Script) 面板上&#xff0c;勾选 Video Seethrough 选框 2.将 Clear Flags 设置为 Solid Color。颜色设置为黑色&#xff0c;Alpha 通道设置为完全透明 3.在代码中开启透视 using System.Collections; usin…

Linux系统中,列出当前目录下所有文件和文件夹的大小,并按大小从大到小排序

du -sh * | sort -nr用于列出当前目录下所有文件和文件夹的大小&#xff0c;并按大小从大到小排序。 du -sh *&#xff1a;du&#xff08;disk usage&#xff09; 是一个用于检查文件和目录在磁盘上占用空间的命令。 -s&#xff08;summarize&#xff09; 选项意味着只显示每个…

单例模式详解:如何优雅地实现线程安全的单例

一、什么是单例模式&#xff1f; 单例模式是一种常用的设计模式&#xff0c;目的就是确保某个类在程序中只有一个实例&#xff0c;并且提供一个全局访问入口。通过这个模式&#xff0c;我们能够保证全局共享同一个对象实例&#xff0c;避免了多次实例化同一个对象&#xff0c;…

如何对PHP的API接口权限认证

对PHP的API接口进行权限认证是确保只有授权的用户或应用程序可以访问特定API资源的重要环节。以下是一些常用的PHP API接口权限认证方法&#xff1a; 一、API密钥&#xff08;API Key&#xff09; API密钥是一种简单的鉴权方式&#xff0c;通常用于限制对API的访问。每个用户…

git config 保存密码

在 Git 中保存密码可以通过几种不同的方式来实现&#xff0c;这样可以避免每次与远程仓库交互时都需要输入用户名和密码。以下是一些常用的方法&#xff1a; 使用 credential.helper Git 提供了 credential.helper 功能&#xff0c;可以用来存储和自动填充用户名和密码。 对…

大学生福音!用gpt-4o和o1大模型拿捏大学化学作业

文章目录 零、前言一、使用GPT操作指导作业拍照使用o1-preview大模型小结 二、感受 零、前言 昨天发了gpt-4o拿捏大学物理作业&#xff0c;群友说&#xff0c;急需要一位化学老师指导 虚竹哥是宠粉的&#xff0c;连夜请了一位博士级的化学老师~ 一、使用GPT 操作指导 ChatG…

2024-11-12 学习人工智能的Day25 scikit-learn库初见

简简单单的数据集 from sklearn.datasets import load_iris/fectch 简单的引用世界数据集和玩具数据集方式 #下面是在获取数据集后常用的值 feature feature_names DESCR target target_names filename from sklearn.datasets import load_iris import numpy as np import…

容器技术在持续集成与持续交付中的应用

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 容器技术在持续集成与持续交付中的应用 容器技术在持续集成与持续交付中的应用 容器技术在持续集成与持续交付中的应用 引言 容器…

【项目场景】请求数据时测试环境比生产环境多花了1秒是怎么回事?

威哥&#xff0c;第一次给你发消息就是求教一个问题呢&#xff0c;近期我在优化系统查询的时候&#xff0c;在测试环境优化达标&#xff0c;但是发布到生产后&#xff0c;发现从客户端发起请求到接收响应&#xff0c;多花了1秒&#xff08;测试环境的库数据量和生产一致&#x…

zookeeper之节点基本操作

ZooKeeper是一个分布式协调服务,它的节点操作包括创建、查询、更新、删除等,以下是ZooKeeper节点的基本操作介绍: 1. 创建节点 持久节点(Persistent Node) 含义:持久节点是ZooKeeper中最基本的节点类型。创建后,除非显式删除,否则它将一直存在于ZooKeeper树中,即使创…

C++20新特性的补充讲解

C20 标志着 C 语言的一次重要更新&#xff0c;除了 Concepts、Ranges、协程等被广泛讨论的特性外&#xff0c;还有许多值得注意的改进。本文将详细探讨其他一些核心新特性&#xff0c;包括 constexpr 扩展、新增的 std::format、std::span、std::bit 操作、原子智能指针、char8…

Docker无缝更新Zentao

在现代软件开发中,保持项目管理工具的更新对于提高团队效率至关重要。对于使用Docker部署Zentao(禅道)的团队来说,如何在不影响日常业务的情况下进行更新是一个常见挑战。本文将基于一个实际的Docker Compose配置,详细介绍如何在Docker环境中实现Zentao的无缝更新。 1. 当…

2024 年将 Postman 文档导出为 HTML 或 Markdown

2024 年将 Postman 文档导出为 HTML 或 Markdown

Jsp的内置对象及方法

JSP&#xff08;JavaServer Pages&#xff09;是一种动态网页技术&#xff0c;它允许开发人员在HTML页面中嵌入Java代码。JSP内置对象提供了一系列预定义的方法和属性&#xff0c;这些方法和属性可以直接在JSP页面中使用&#xff0c;无需额外的Java代码。 request对象&#xff…

微服务架构面试内容整理-API 网关-Gateway

Spring Cloud Gateway 是一个用于构建 API 网关的框架,它为微服务架构提供了灵活的路由和过滤功能。作为 Spring Cloud 生态的一部分,Gateway 提供了易于使用的 API 和强大的功能,适合用于现代微服务架构中的请求管理和服务交互。以下是 Spring Cloud Gateway 的主要特点、工…

通过命令学习k8s

1、kubectl 命令可以列出所有命令 2、kubectl version 命令可以查看版本号 3、kubectl cluster-info命令可以查看集群信息&#xff08;192.168.218.136:6443 即为kube-apiserver的IP和端口。&#xff09; [rootk8s-master ~]# kubectl cluster-info Kubernetes master is run…