Mini-GitHub 开源项目教程

Mini-GitHub 开源项目教程

mini-githubGitHub WeChat Mini Program项目地址:https://gitcode.com/gh_mirrors/mi/mini-github

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

Mini-GitHub 项目的目录结构如下：

mini-github/
├── README.md
├── mini-github-backend/
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   │   └── com/
│   │   │   │       └── kezhenxu94/
│   │   │   │           └── mini/
│   │   │   │               └── github/
│   │   │   │                   ├── Application.java
│   │   │   │                   └── ...
│   │   │   └── resources/
│   │   │       ├── application.yml
│   │   │       └── ...
│   │   └── test/
│   │       └── ...
│   ├── pom.xml
│   └── ...
├── mini-github-frontend/
│   ├── public/
│   │   └── ...
│   ├── src/
│   │   ├── assets/
│   │   │   └── ...
│   │   ├── components/
│   │   │   └── ...
│   │   ├── App.vue
│   │   ├── main.js
│   │   └── ...
│   ├── package.json
│   └── ...
└── ...

目录结构介绍

• mini-github-backend/: 后端代码目录，包含 Java 源码和资源文件。
  • src/main/java/com/kezhenxu94/mini/github/: 主要的 Java 代码目录。
    • Application.java: 后端应用的启动类。
  • src/main/resources/: 配置文件和其他资源文件。
    • application.yml: 后端应用的配置文件。
• mini-github-frontend/: 前端代码目录，包含 Vue.js 项目文件。
  • public/: 公共资源文件。
  • src/: 主要的 Vue.js 代码目录。
    • App.vue: 主应用组件。
    • main.js: 前端应用的入口文件。

2. 项目的启动文件介绍

后端启动文件

• mini-github-backend/src/main/java/com/kezhenxu94/mini/github/Application.java

这是后端应用的启动类，包含 main 方法，用于启动 Spring Boot 应用。

package com.kezhenxu94.mini.github;

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

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

前端启动文件

• mini-github-frontend/src/main.js

这是前端应用的入口文件，用于初始化 Vue 应用。

import { createApp } from 'vue';
import App from './App.vue';

createApp(App).mount('#app');

3. 项目的配置文件介绍

后端配置文件

• mini-github-backend/src/main/resources/application.yml

这是后端应用的主要配置文件，包含数据库连接、服务器端口等配置。

server:
  port: 8080

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/mini_github
    username: root
    password: root
    driver-class-name: com.mysql.cj.jdbc.Driver

  jpa:
    hibernate:
      ddl-auto: update
    show-sql: true

前端配置文件

• mini-github-frontend/package.json

这是前端项目的配置文件，包含项目依赖、脚本命令等。

{
  "name": "mini-github-frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-

mini-githubGitHub WeChat Mini Program项目地址:https://gitcode.com/gh_mirrors/mi/mini-github