开源项目 `interest` 使用教程

开源项目 interest 使用教程

interest 项目地址: https://gitcode.com/gh_mirrors/int/interest

1. 项目的目录结构及介绍

interest 项目是一个基于 Vue 和 Spring Boot 的前后端分离项目。项目的目录结构如下：

interest/
├── interest-server/
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   └── resources/
│   │   └── test/
│   └── pom.xml
├── interest-web/
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   ├── components/
│   │   ├── router/
│   │   ├── store/
│   │   ├── views/
│   │   └── main.js
│   └── package.json
├── .gitignore
├── LICENSE
├── README.md
└── nginx.conf

目录结构说明

• interest-server/: 后端代码目录，包含 Spring Boot 项目的源码和配置文件。

  • src/: 源码目录。
    • main/: 主代码目录。
      • java/: Java 源码目录。
      • resources/: 资源文件目录，包含配置文件、静态资源等。
    • test/: 测试代码目录。
  • pom.xml: Maven 项目配置文件。

• interest-web/: 前端代码目录，包含 Vue 项目的源码和配置文件。

  • public/: 公共资源目录，包含 HTML 文件等。
  • src/: 源码目录。
    • assets/: 静态资源目录。
    • components/: Vue 组件目录。
    • router/: Vue 路由配置目录。
    • store/: Vuex 状态管理目录。
    • views/: 页面视图目录。
    • main.js: 前端项目的入口文件。
  • package.json: 前端项目的依赖配置文件。

• .gitignore: Git 忽略文件配置。

• LICENSE: 项目许可证文件。

• README.md: 项目说明文件。

• nginx.conf: Nginx 配置文件。

2. 项目的启动文件介绍

后端启动文件

后端的启动文件位于 interest-server/src/main/java/ 目录下，通常是一个包含 main 方法的 Java 类。例如：

package com.example.interest;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class InterestApplication {
    public static void main(String[] args) {
        SpringApplication.run(InterestApplication.class, args);
    }
}

前端启动文件

前端的启动文件是 interest-web/src/main.js，它是 Vue 项目的入口文件。内容如下：

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app');

3. 项目的配置文件介绍

后端配置文件

后端的配置文件主要位于 interest-server/src/main/resources/ 目录下，常见的配置文件包括：

• application.properties 或 application.yml: Spring Boot 项目的配置文件，包含数据库连接、端口配置等。

前端配置文件

前端的配置文件主要是 interest-web/package.json，它包含了项目的依赖和脚本配置。例如：

{
  "name": "interest-web",
  "version": "1.0.0",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-service": "~4.5.0",
    "vue-template-compiler": "^2.6.11"
  }
}

Nginx 配置文件

Nginx 配置文件 nginx.conf 用于配置反向代理、负载均衡等。例如：

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    location /api/ {
        proxy_pass http://localhost:8080/;
    }
}

以上是 interest 项目的目录结构、启动文件和配置文件的详细介绍。

interest 项目地址: https://gitcode.com/gh_mirrors/int/interest