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

news/2024/11/19 21:19:18/

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

【项目专栏】
【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.ppmy.cn/news/1260390.html

相关文章

解决方案 | 法大大电子签约加速农牧业数字化进程

近年来&#xff0c;我国农业技术得到快速发展&#xff0c;并开发出一批实用的数字农业技术产品&#xff0c;建立了专用网络数字农业技术平台。数字农业是农业现代化的高级阶段&#xff0c;是创新推动农业农村信息化发展的有效手段&#xff0c;也是我国由农业大国迈向农业强国的…

1466. 重新规划路线 --力扣 --JAVA

题目 n 座城市&#xff0c;从 0 到 n-1 编号&#xff0c;其间共有 n-1 条路线。因此&#xff0c;要想在两座不同城市之间旅行只有唯一一条路线可供选择&#xff08;路线网形成一颗树&#xff09;。去年&#xff0c;交通运输部决定重新规划路线&#xff0c;以改变交通拥堵的状况…

Shopify 开源 WebAssembly 工具链 Ruvy

最近,Spotify 开源了Ruvy,一个 WebAssembly 工具链,能够将 Ruby 代码转换为 Wasm 模块。Ruvy 基于ruby.wasm, 用 Rust 实现,提升了性能并简化了 Wasm 模块的执行。 Ruvy 利用了ruby.wasm提供的 Ruby 解释器模块,并使用wasi-vfs (WASI 虚拟文件系统)将其与所有指定的 Rub…

iOS 跳转安装应用最新版本

设置中的安装最新版本&#xff0c;最简单的实现方式&#xff0c;让应用跳转到APP Store安装最新版本。实际就是让你的应用打开一个连接而已。 NSURL *appURL [NSURL URLWithString:"https://apps.apple.com/cn/app/你的应用ID"]; // 判断设备是否能够打开该链接 if…

Java项目学生管理系统六后端补充

班级管理 1 班级列表&#xff1a;后端 编写JavaBean【已有】编写Mapper【已有】编写Service编写controller 编写Service 接口 package com.czxy.service;import com.czxy.domain.Classes;import java.util.List;/*** author 桐叔* email liangtongitcast.cn* description*/ p…

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

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

外网的maven项目转移到内网操作的步骤

1、新起一个仓库路径testRep&#xff0c;idea 引用的maven里的setting.xml里仓库配置修改成刚才建的路径&#xff0c;目的把需要的jar全部下载到那个文件夹里 2、项目打压缩包&#xff0c;刚才仓库文件夹打压缩包&#xff0c;并复制到内网电脑 3、内网电脑idea引入项目 4、修改…

第三章 React之JSX、TSX语法

一、专栏介绍 &#x1f95a;&#x1f95a; 欢迎加入本专栏&#xff01;本专栏将引领您快速上手React&#xff0c;让我们一起放弃放弃的念头&#xff0c;开始学习之旅吧&#xff01;我们将从搭建React项目开始&#xff0c;逐步深入讲解最核心的hooks&#xff0c;以及React路由、…