UiAdmin 开源项目使用教程

UiAdmin 开源项目使用教程

uiadmin UiAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能；我们按照统一的API风格，开发了支持spring-boot3.0、Flask、Express、thinkphp6.0、laravel9.0、Hyperf3.0版本的后端实现。 项目地址: https://gitcode.com/gh_mirrors/ui/uiadmin

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

UiAdmin 是一个渐进式模块化开源后台，采用前后端分离技术，支持多种后端框架。项目的目录结构如下：

uiadmin/
├── front-end/
│   ├── uiadmin-uniapp/
│   ├── uiadmin-vue/
│   └── uiadmin-flutter/
├── back-end/
│   ├── back-end-dotnet/
│   ├── back-end-java/
│   ├── back-end-js/
│   ├── back-end-php/
│   └── back-end-python/
├── LICENSE
└── README.md

目录结构介绍

• front-end/: 前端代码目录，包含多个前端实现，如 uiadmin-uniapp、uiadmin-vue 和 uiadmin-flutter。
• back-end/: 后端代码目录，包含多个后端实现，如 back-end-dotnet、back-end-java、back-end-js、back-end-php 和 back-end-python。
• LICENSE: 项目许可证文件。
• README.md: 项目介绍文件。

2. 项目的启动文件介绍

前端启动文件

以 uiadmin-vue 为例，启动文件通常位于 front-end/uiadmin-vue/ 目录下。主要的启动文件是 main.js 或 main.ts。

// front-end/uiadmin-vue/src/main.js
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

createApp(App).use(router).use(store).mount('#app');

后端启动文件

以 back-end-java 为例，启动文件通常位于 back-end/back-end-java/ 目录下。主要的启动文件是 Application.java。

// back-end/back-end-java/src/main/java/com/example/Application.java
package com.example;

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);
    }
}

3. 项目的配置文件介绍

前端配置文件

以 uiadmin-vue 为例，主要的配置文件是 vue.config.js。

// front-end/uiadmin-vue/vue.config.js
module.exports = {
  devServer: {
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
      },
    },
  },
};

后端配置文件

以 back-end-java 为例，主要的配置文件是 application.properties 或 application.yml。

# back-end/back-end-java/src/main/resources/application.yml
server:
  port: 8080
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/uiadmin
    username: root
    password: root

通过以上配置，您可以启动并配置 UiAdmin 项目的前端和后端服务。

uiadmin UiAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能；我们按照统一的API风格，开发了支持spring-boot3.0、Flask、Express、thinkphp6.0、laravel9.0、Hyperf3.0版本的后端实现。 项目地址: https://gitcode.com/gh_mirrors/ui/uiadmin