【java+vue+微信小程序项目】从零开始搭建——健身房管理平台(1)spring boot项目搭建、vue项目搭建、微信小程序项目搭建

项目笔记为项目总结笔记,若有错误欢迎指出哟~

【项目专栏】
【java+vue+微信小程序项目】从零开始搭建——健身房管理平台(1)项目搭建
持续更新中…

java+vue+微信小程序项目】从零开始搭建——健身房管理平台

  • 项目简介
  • Java项目搭建(IDEA)
    • 1.新建项目
    • 2.项目类型
    • 3.项目设置
    • 4.项目的存储位置和项目名称
    • 5.idea中安装Lombok插件
    • 6.项目结构
    • 7.修改Maven项目配置文件pom.xml
    • 8.修改应用程序的配置文件application.yml
    • 9.启动Spring Boot应用程序
    • 9.测试是否成功启动
  • Vue项目搭建
    • 1.确保vue环境已经安装
    • 2.启动vue可视化界面
    • 3.创建项目
    • 4.添加依赖
    • 5.启动项目
    • 6.项目结构
    • 7.在visual studio运行项目
    • 8.重命名项目(打错)
    • 9.修改依赖版本
  • 微信小程序项目搭建(微信开发者工具)
    • 1.微信公众平台获取AppID
    • 2.创建项目
    • 3.传统微信小程序项目结构
  • 项目技术栈介绍
    • vue前端技术栈
      • vuex
      • Axios
      • element ui
      • router
      • less
    • java后端技术栈
      • SpringBoot
      • lombok
      • MySQL
      • MyBatis

项目简介

项目基于B/S架构的系统,采用Java面向对象编程思想。主要依托SpringBoot、Vue、微信小程序开发等技术,将系统用户划分为管理员和客户两类,分别通过电脑浏览器和手机微信小程序的方式登录系统。
在这里插入图片描述
在这里插入图片描述

Java项目搭建(IDEA)

1.新建项目

在这里插入图片描述

2.项目类型

在这里插入图片描述

3.项目设置

  • Group:项目的Group ID,一般是公司域名的反转,比如 com.example
  • Artifact:项目的Artifact ID,即项目名称。
  • Type:选择 “Maven” 或 “Gradle” 作为构建工具。
  • Language:选择 “Java”。
  • Packaging:选择 “Jar”。
  • Java Version:选择你希望使用的Java版本。
  • Version:选择Spring Boot的版本。

安装的IDEA版本支持的Java版本只包括17和21,先选择,之后更改pom.xml文件
在这里插入图片描述

  • Dependencies:选择你需要的依赖,比如 “Spring Web” 用于构建Web应用。在这里插入图片描述

4.项目的存储位置和项目名称

在这里插入图片描述

5.idea中安装Lombok插件

idea中:file——>settings——>plugins(插件)
在这里插入图片描述

6.项目结构

Spring Boot 的标准目录结构如下:

my-spring-boot-project/
├── src/
│   ├── main/
│   │   ├── java/                   # Java 源代码目录
│   │   │   └── com/
│   │   │       └── example/
│   │   │           └── myapp/
│   │   │               ├── config/          # 自定义配置类目录
│   │   │               ├── controller/      # 控制器类目录
│   │   │               ├── model/           # 实体类目录
│   │   │               ├── repository/      # 数据访问层目录
│   │   │               ├── service/         # 业务逻辑层目录
│   │   │               ├── util/         	# 工具类目录
│   │   │               └── MySpringBootApplication.java    # Spring Boot 应用程序入口
│   │   └── resources/              # 资源文件目录
│   │       ├── static/              # 静态资源目录
│   │       ├── templates/           # 模板文件目录
│   │       ├── application.properties            # 应用程序配置文件
│   │       └── logback.xml          # 日志配置文件
│   └── test/                       # 测试代码目录
│       └── java/
│           └── com/
│               └── example/
│                   └── myapp/
│                       ├── controller/          # 控制器类测试目录
│                       ├── repository/          # 数据访问层测试目录
│                       └── service/             # 业务逻辑层测试目录
├── pom.xml                         # Maven 项目配置文件
└── README.md                       # 项目说明文档

其中,src/main 目录包含主要的 Java 代码和资源文件。src/test 目录包含测试用例代码和资源文件。

src/main/java 目录下,通常包含启动应用程序的 MySpringBootApplication 类及其它相关的业务逻辑代码,包括控制器、服务、实体等。

src/main/resources 目录下,通常包含应用程序的配置文件,比如 application.propertiesapplication.yml。此外,这里也可以存放一些静态资源文件(如 HTML、CSS 和 JavaScript 文件)以及模板文件(如 Thymeleaf 模板)。

src/test/java 目录下,通常包含应用程序的测试用例代码。这些测试类通常与被测试的类位于相同的包中,并且名称以 xxxTests.java 结尾。

src/test/resources 目录下,通常包含测试用例所需的资源文件。

pom.xml 是 Maven 项目的配置文件,包含了项目的依赖、插件等信息。

以上只是 Spring Boot 的标准目录结构,你可以根据实际需要进行修改或扩展。
在这里插入图片描述

7.修改Maven项目配置文件pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.6.2</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.hui</groupId><artifactId>java-fitnesscenter</artifactId><version>1.0.0-SNAPSHOT</version><name>java-fitnesscenter</name>

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

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

相关文章

react native 环境准备

一、必备安装 1、安装node 注意 Node 的版本应大于等于 16&#xff0c;安装完 Node 后建议设置 npm 镜像&#xff08;淘宝源&#xff09;以加速后面的过程&#xff08;或使用科学上网工具&#xff09;。 node下载地址&#xff1a;Download | Node.js设置淘宝源 npm config s…

【T+】畅捷通T+软件安装过程中停留在:正在配置产品位置或进度80%位置。

【问题描述】 畅捷通T软件在安装过程中&#xff0c; 进度条一直停留在【正在配置产品…】位置。 【解决方法】 打开【任务管理器】&#xff0c;想必这个如何打开&#xff0c;大家应该都会。 在【进程】中找到【DBConfig.exe】或者【Ufida.T.Tool.SM.DBConfig.exe】进程并结束…

【keil备忘录】2. stm32 keil仿真时的时间测量功能

配置仿真器Trace内核时钟为单片机实际的内核时钟&#xff0c;需要勾选Enable设置&#xff0c;设置完成后Enable取消勾选也可以&#xff0c;经测试时钟频率配置仍然生效&#xff0c;此处设置为48MHZ: 时间测量时必须打开register窗口&#xff0c;否则可能不会计数 右下角有计…

基于瑞芯微rk3588+寒武纪 | 38TOPS INT8算力的AI边缘计算盒子,智能安防、智慧工地、智慧城管、智慧油站

边缘计算盒子 瑞芯微rk3588寒武纪 | 38TOPS INT8算力 ● 采用 Big-Little 大小核架构&#xff0c;搭载四核 A76四核 A55&#xff0c;CPU主频高达 2.4GHz &#xff0c;提供1MB L2 Cache 和 3MB L3 &#xff0c;Cache提供更强的 CPU 运算能力。 ● 高性能四核 Mali-G610 GPU&a…

DAPP开发【06】nodejs安装与npm路径更换

windows系统在执行用户命令时顺序 windows系统在执行用户命令时&#xff0c;若用户未给出文件的绝对路径&#xff0c; 则 &#xff08;1&#xff09;首先在当前目录下寻找相应的可执行文件、批处理文件等&#xff1b; &#xff08;2&#xff09;若找不到&#xff0c;再依次在系…

uni-app 微信小程序之自定义navigationBar顶部导航栏

文章目录 1. 实现效果2. App.vue3. pages.json 配置自定义4. 顶部导航栏 使用 微信小程序自定义 navigationBar 顶部导航栏&#xff0c;兼容适配所有机型 1. 实现效果 2. App.vue 在App.vue 中&#xff0c;设置获取的 StatusBar&#xff0c;CustomBar 高度&#xff08;实现适配…

Stm32_串口的帧(不定长)数据接收

目录标题 前言1、串口中断接收固定帧头帧尾数据1.1、任务需求1.2、实现思路1.3、程序源码&#xff1a; 2、串口中断接收用定时器来判断帧结束3、串口中断接收数据空闲中断3.1、串口的空闲中断3.2、实现思路3.3、程序源码 4、串口的空闲中断DMA转运4.1、DMA简介4.2、DMA模式4.3、…

基于ssm人事管理信息系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本人事管理信息系统就是在这样的大环境下诞生&#xff0c;其可以帮助管理者在短时间内处理完毕庞大的数据信息…

c++函数模板STL详解

函数模板 函数模板语法 所谓函数模板&#xff0c;实际上是建立一个通用函数&#xff0c;其函数类型和形参类型不具体指定&#xff0c;用一个虚拟的类型来代表。这个通用函数就称为函数模板。 凡是函数体相同的函数都可以用这个模板来代替&#xff0c;不必定义多个函数&#xf…

外包干了3个月,技术倒退2年。。。

先说情况&#xff0c;大专毕业&#xff0c;18年通过校招进入湖南某软件公司&#xff0c;干了接近6年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测试&#xf…

轻量封装WebGPU渲染系统示例<40>- 多层材质的Mask混合(源码)

当前示例源码github地址: https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/MaskTextureEffect.ts 当前示例运行效果: 两层材质效果: 三层材质效果: 此示例基于此渲染系统实现&#xff0c;当前示例TypeScript源码如下&#xff1a; export c…

rename--统一的PRF

基本概念 将ARF/PRF进行合并&#xff0c;合同之后的不见&#xff0c;称之为统一的PRF(Physical Register File);存储的是speculative的&#xff0c;以及正确的&#xff08;retire&#xff09;寄存器值&#xff1b; 使用free list&#xff0c;存储PRF中&#xff0c;哪些寄存器是…

布隆过滤器及其在Java中的实际应用

前言 布隆过滤器一直是面试中的重点&#xff0c;本篇文章将深入探讨Java中的布隆过滤器的底层思想&#xff0c;包括它的工作原理、优缺点等。同时&#xff0c;我们将结合一个小实际案例&#xff0c;来给大家展示布隆过滤器在解决实际问题中的应用。 布隆过滤器简单介绍 在数…

一对一互相聊天

服务端 package 一对一用户;import java.awt.BorderLayout; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.net.ServerSocket; import java.net.Socket; import java.util.Vector;…

【自动化测试】pytest 用例执行中print日志实时输出

author: jwensh date: 20231130 pycharm 中 pytest 用例执行中 print 日志 standout 实时命令行输出 使用场景 在进行 websocket 接口进行测试的时候&#xff0c;希望有一个 case 是一直执行并接受接口返回的数据 def on_message(ws, message):message json.loads(message)…

计算UDP报文CRC校验的总结

概述 因公司项目需求&#xff0c;遇到需要发送带UDP/IP头数据包的功能&#xff0c;经过多次尝试顺利完成&#xff0c;博文记录以备忘。 环境信息 操作系统 ARM64平台的中标麒麟Kylin V10 工具 tcpdump、wireshark、vscode 原理 请查看大佬的博文 UDP伪包头定义&#x…

2023年第十六届山东省职业院校技能大赛中职组“网络安全”赛项竞赛正式试题

第十六届山东省职业院校技能大赛中职组 “网络安全”赛项竞赛试题 目录 一、竞赛时间 二、竞赛阶段 三、竞赛任务书内容 &#xff08;一&#xff09;拓扑图 &#xff08;二&#xff09;A模块基础设施设置/安全加固&#xff08;200分&#xff09; &#xff08;三&#xf…

Docker安装Elasticsearch以及ik分词器

Elasticsearch 是一个分布式、RESTful 风格的搜索和数据分析引擎&#xff0c;能够解决不断涌现出的各种用例。作为 Elastic Stack 的核心&#xff0c;Elasticsearch 会集中存储您的数据&#xff0c;让您飞快完成搜索&#xff0c;微调相关性&#xff0c;进行强大的分析&#xff…

C#图像处理OpenCV开发指南(CVStar,07)——通用滤波(Filter2D)的实例代码

1 函数定义 void Filter2D (Mat src, Mat dst, int ddepth, InputArray kernel, Point anchor Point(-1,-1), double delta 0, int borderType BORDER_DEFAULT ) 1.1 原型 #include <opencv2/imgproc.hpp> Convolves an image wit…

【msg_msg】corCTF2021-msgmsg 套题

前言 该套题共两题&#xff0c;一道简单模式 fire_of_salvation&#xff0c;一道困难模式 wall_of_perdition&#xff0c;都是关于 msg_msg 的利用的。这题跟之前的 TPCTF2023 core 的很像&#xff08;应该是 TPCTF2023 core 跟他很像&#xff0c;bushi&#xff09;。 其中 f…