LitoMusic 项目启动与配置教程

1. 项目目录结构及介绍

LitoMusic项目的目录结构如下所示：

LitoMusic
│
├── README.md
├── pom.xml
├── litomusic-ui   # 前端项目目录
│   ├── public
│   ├── src
│   │   ├── api
│   │   ├── assets
│   │   ├── components
│   │   ├── layout
│   │   ├── pages
│   │   ├── plugins
│   │   ├── router
│   │   ├── store
│   │   ├── styles
│   │   ├── utils
│   │   └── App.vue
│   ├── .babelrc
│   ├── .eslintrc.js
│   ├── .gitignore
│   ├── .travis.yml
│   ├── package.json
│   ├── package-lock.json
│   └── ...
│
├── litomusic-server   # 后端项目目录
│   ├── src
│   │   ├── main
│   │   │   ├── java
│   │   │   │   ├── com
│   │   │   │   │   ├── litomusic
│   │   │   │   │   │   ├── common
│   │   │   │   │   │   ├── config
│   │   │   │   │   │   ├── controller
│   │   │   │   │   │   ├── entity
│   │   │   │   │   │   ├── mapper
│   │   │   │   │   │   ├── service
│   │   │   │   │   │   └──LitomusicApplication.java
│   │   │   ├── resources
│   │   │   └── test
│   ├── pom.xml
│   └── ...
│
└── ...

• README.md：项目说明文件，介绍项目相关信息。
• pom.xml：Maven项目配置文件，定义项目依赖、构建配置等信息。
• litomusic-ui：项目的前端部分，使用Vue框架构建。
• litomusic-server：项目的后端部分，基于Spring Boot框架。

2. 项目的启动文件介绍

前端启动

前端项目使用npm进行管理。在litomusic-ui目录下执行以下命令启动项目：

npm install # 安装依赖
npm run serve # 启动开发服务器

启动后，前端项目将在本地开发服务器上运行，默认端口为8080。

后端启动

后端项目使用Maven进行构建。在litomusic-server目录下执行以下命令启动项目：

mvn clean # 清理项目
mvn package # 打包项目
java -jar target/litomusic-server-x.x.x.jar # 运行打包后的jar文件

启动后，后端项目将在默认端口8080上运行。

3. 项目的配置文件介绍

前端配置

前端项目的配置主要位于litomusic-ui目录下的vue.config.js文件中，该文件用于配置Vue CLI的行为。以下是常见的配置选项：

module.exports = {
  // 基本路径
  publicPath: '/',
  // 构建时的输出目录
  outputDir: 'dist',
  // 放置静态资源的目录
  assetsDir: 'static',
  // ...
};

后端配置

后端项目的配置文件位于litomusic-server/src/main/resources目录下，主要包括application.properties或application.yml文件。

以下是application.properties文件的一个示例：

server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/litomusic
spring.datasource.username=root
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
# ...

在application.properties文件中，可以配置数据库连接信息、服务器端口等参数。根据实际需要修改这些配置，以满足项目的运行要求。