加入「」知识星球，获取一对一交流、简历优化与求职解惑，探索国产 Star 破 10w+ 的开源项目

2025-2-10

现在开源项目的发展态势非常强劲，国产项目中有很多达到了10万以上的Star数量。下面我来为大家详细介绍一下，一个既涵盖前端管理后台又包括微信小程序，后端既支持单体架构也兼容微服务架构的开源项目是如何搭建的，整个过程都是满满的实用内容！

开源项目特点

这些国产项目超过10万Star，功能十分全面。它们采用Boot、Plus、Vue等技术构建的后台管理系统和用户小程序，能实现RBAC动态权限、多租户、数据权限等功能。此外，基于Cloud、Nacos等技术的组合，也提供了丰富的实用功能，包括三方登录、支付、短信、商城等，满足各种业务场景的需求。

多样化的架构设计让开发者有了更多挑选空间。无论是计划打造简单的单体项目，还是着手复杂的微服务项目，都能挑选到合适的框架，从而在搭建过程中节省时间和成本。

Nginx 下载安装

要建立个人服务器，首先得安装 Nginx。可以访问 Nginx 的官方网站下载，或者直接通过特定链接获取 1.23 版本。下载完毕后，就可以着手安装了。安装过程不算复杂，但要注意安装路径不能含有中文字符等特殊符号，以免后续出现麻烦。

Nginx功能众多，而我们这次建服务器只需用到其中一小部分。不过，这些基础功能至关重要，为后续搭建提供了稳固的基础。通常，安装完毕后，我们会进入安装目录检查是否已正确解压，这样便于后续的配置操作。

配置 Nginx 文件

安装Nginx完毕后，需进入conf文件夹，然后打开nginx.conf文件进行编辑。该文件中配置项众多，但只需关注关键部分。文件中带有“#”号的部分代表配置尚未实际写入，若想启用相应功能，只需移除“#”号即可。

例如，对于某些端口设置、虚拟主机设置等，需根据具体需求进行调整。对这些参数进行细致配置，Nginx方能按预期运行，从而为服务器搭建提供有利条件。完成配置后，记得保存文件并退出编辑模式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html {
            height: 100%;
        }
        body {
            height: 100%;
        }
        .container {
            height: 100%;
            background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
        }
        .login-wrapper {
            background-color: #fff;
            width: 358px;
            height: 588px;
            border-radius: 15px;
            padding: 0 50px;
            position: relative;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .header {
            font-size: 38px;
            font-weight: bold;
            text-align: center;
            line-height: 200px;
        }
        .input-item {
            display: block;
            width: 100%;
            margin-bottom: 20px;
            border: 0;
            padding: 10px;
            border-bottom: 1px solid rgb(128, 125, 125);
            font-size: 15px;
            outline: none;
        }
        .input-item:placeholder {
            text-transform: uppercase;
        }
        .btn {
            text-align: center;
            padding: 10px;
            width: 100%;
            margin-top: 40px;
            background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);
            color: #fff;
        }
        .msg {
            text-align: center;
            line-height: 88px;
        }
        a {
            text-decoration-line: none;
            color: #abc1ee;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="login-wrapper">
            <div class="header">Login</div>
            <div class="form-wrapper">
                <input type="text" name="username" placeholder="username" class="input-item">
                <input type="password" name="password" placeholder="password" class="input-item">
                <div class="btn">Login</div>
            </div>
            <div class="msg">
                Don't have account?
                <a href="#">Sign up</a>
            </div>
        </div>
    </div>
</body>
</html>

启动 Nginx 服务

安装好 Nginx，回到 Nginx 的主目录，找到 nginx.exe 文件，然后点击它来启动。启动过程中会迅速出现一个黑色的小窗口，这表明 Nginx 已经启动成功了。但为了确认无误，你可以打开任务管理器，检查是否有相应的进程在运行。

打开浏览器，输入主机名及监听端口（即刚才设置的信息），按下回车键。若出现预期网页，则表示 Nginx 服务运行正常，能够支持网站搭建。若未出现网页，需核对配置是否存在错误。

创建网页文件

Nginx启动正常后，前往刚才设置的文件夹。在此文件夹内创建一个txt文档，打开文档并录入必要的代码，这些代码构成了网页展示的基本信息。录入完毕后，将文档重命名为index.html并予以保存。

重新启动浏览器，输入虚拟主机的名字以及它所监听的端口号，按下回车键，就能看到更新后的网页内容。这样一来，我们的基础网页就算制作完成了。但这个页面还比较基础，我们可以根据实际需要，进一步进行更加复杂的设计和编写。

实现内网穿透

服务器和网页都已搭建完成，然而，只有局域网内的用户能够访问。若要实现远程访问，必须借助内网穿透技术。内网穿透，即让局域网内的设备能通过公网IP地址进行访问，便于远程操控。

注册步骤先走一遍，注册成功后，点击“开通隧道”按钮。这里可以选择“免费节点”，或者根据自身实力选择更高级的选项。接下来，填写相关信息，记得自定义前置域名，同时确保本地 ip 端口设置为内网 ip 和配置好的端口号。按照提示一步步操作，复制指令并输入。最后，在浏览器中输入开通隧道的地址，如果看到之前编写的网页，那就说明成功了。