天工
1、介绍
源码地址
JS
项目仓库,感兴趣的可以给个star，或者加我微信，拉你进技术群交流！
【GIthub地址】 https://github.com/lintaibai/TG
【Gitee地址】 https://gitee.com/lintaibai/TG项目介绍
天工项目，旨在为开发者提供一套完整的多端开发框架（Web(Vue、React)、API、App），本地化构建完整组件库，帮助开发者快速搭建项目，提高开发效率。
天工开源项目采用MIT开源协议
有些版本暂时没有放出来，需要的可以联系我star换取
下面是我的支付宝红包，扫码领取红包使用就可以帮助到我！
👉Nexus-Monorepo 项目介绍
| 文件 | 相关技术栈 | 开发状态 | 备注 |
|---|---|---|---|
| NexusVue（Vue侧重） | Vue3/Vite/Element Plus/TS/tailWindCss | 迭代更新 | 端口号 8081 |
| NexusReactShadcn（React侧重） | React19/Vite/Antd/Zustand/TS/Shadcn/tailWindCss | 迭代更新 | 端口号 8086 |
其他部分
| 项目文件 | 相关技术栈 | 开发状态 | 备注 |
|---|---|---|---|
| NexusRustApi（Rust后端-侧重） | （Rust/Cargo/Mysql） | 更新中 | 端口号 3300 |
| NexusReactAntd（前端React） | React19/Vite/Antd/Zustand/TS/tailWindCssAnt design/ | 迭代更新 | 端口号 8082 |
| NexusUapp（移动端） | （Uniapp/Vue3） | 更新中 | - |
| NexusUniAppX（移动端-UniAppX） | （uni-app x / UTS / Vue3 / TS） | 迭代更新 | 基于 uni-app x 二次封装 |
| NexusNodeApi（Node后端侧重） | （Node/Express/Mysql） | 迭代更新 | 端口号 3200 |
👉文件介绍
| 文件 | 技术栈 | 描述 | 备注 |
|---|---|---|---|
| NexusMonorepo | Monorepo结构项目 | 包含Vue和React开源项目以及对应的封装UI组件库 | -- |
| NexusCss | css | css原子化样式 | 更新中 |
其他
| 文件 | 技术栈 | 描述 | 备注 |
|---|---|---|---|
| NexusNpmM（多个multiple组件库） | Vue3 +ts | npm多组件库源码 | 更新中 |
| NexusNpmS（单个single组件库-提供给从视频进来学习的伙伴） | Vue3 +js | npm单组件库源码 | -- |
| NexusDemo（Demo案例仓库-供视频学习） | HTML\css\js | 学习案例库 | -- |
👉端口对照表（部署环境：39.102.58.130）
📔 笔记
| 项目 | 地址 | 说明 |
|---|---|---|
| 笔记项目 | http://39.102.58.130:8089/ | NexusNote（VitePress） |
🖥️ 前端项目（使用）
| 项目 | 地址 | 技术栈 | 状态 |
|---|---|---|---|
| 前端-Vue | http://39.102.58.130:8081/ | Vue3+Vite+ElementPlus | 使用 |
| 前端-React | http://39.102.58.130:8082/ | React+Antd+Vite+TS | 使用 |
| 前端-ReactShadcn | http://39.102.58.130:8086/ | React+Antd+shadcn | 推进过程中 |
🧪 前端项目（延用/测试）
| 项目 | 地址 | 技术栈 | 状态 |
|---|---|---|---|
| 前端-Vue3JS | http://39.102.58.130:8080/ | Vue3+JS | 测试版本已部署 |
| 前端-ReactWebpack | http://39.102.58.130:8082/ | React+Antd+Webpack | 废弃 |
| 前端-Vue2 | http://39.102.58.130:8083/ | Vue2+Webpack | 测试版本 |
| 前端-Nuxt | http://39.102.58.130:8087/ | Nuxt | 测试版本 |
| 前端-NestJS | http://39.102.58.130:8088/ | NestJS | 测试版本 |
🔌 后端接口
| 项目 | 地址 | 技术栈 | 状态 |
|---|---|---|---|
| 后端-Rust | http://39.102.58.130:3300/ | Rust | 推进 |
| 后端-NodeExpress | http://39.102.58.130:3200/ | Node=Express | 推进 |
| 后端-NestJS | http://39.102.58.130:3100/ | Node=NestJS | 延缓 |
2、环境
| 版本 | 环境 |
|---|---|
| 👉 Mysql 8.3.0 | 数据库环境 |
| 👉 Node v22.16.0 | Node环境 |
| 👉 rustc 1.87.0 | Rust环境 |
3、功能模块
| 功能模块 | 操作 | 👉状态 |
|---|---|---|
| 用户登录 | 用户登录 | 🔺完成 |
| 用户注册 | 用户注册 | 🔺完成 |
| 用户管理模块 | 增加、搜索、详情、编辑、删除、禁用用户 | 🔺完成 |
| 角色模块 | 增加、搜索、详情、编辑、删除、禁用 | 🔺完成 |
4、运行项目
👉mysql（启动mysql）
bash
# 新建Mysql数据库Nexus并导入Mysql文件下的nexus.sql文件
net start mysql //启动mysql
mysql -u root -p //登录mysql👉NexusVuePro（前端Vue3）
bash
# 克隆项目
git clone https://gitee.com/lintaibai/TG.git
# 进入项目目录
cd NexusVuePro
# 安装依赖
yarn
# 启动服务
yarn dev
# 打包
yarn build
# 打包（测试环境）
yarn build:stage
# 打包（线上环境）
yarn build:prod👉NexusReactVite（前端React）
bash
# 克隆项目
git clone https://gitee.com/lintaibai/TG.git
# 进入项目目录
cd NexusReact
# 安装依赖
yarn
# 启动服务
yarn start
# 打包
yarn build👉ApiNodeExpress（Node后端-采取Express技术）
端口：3200
bash
# 确保你有用Node环境
# 确保你安装了Mysql数据库并导入Mysql文件下的nexus.sql文件
# 启动服务
🍓全局安装nodemon
npm install -g nodemon
nodemon app
🍓未安装nodemon
node app详细配置请参考：ApiNodeExpress
👉NexusRust（Rust后端）
bash
# 确保你有用Rust环境
# 确保你安装了Mysql数据库并导入Mysql文件下的nexus.sql文件
# 启动服务
cargo run
# 启动并监听
cargo run watch -x👉NexusUniAppX（移动端-UniAppX）
bash
# 确保你有 HBuilderX 或 uni-app 开发环境
# 克隆项目
git clone https://gitee.com/lintaibai/TG.git
# 进入项目目录
cd NexusUniAppX
# 安装依赖
npm install
# 运行到 H5
npm run dev:h5
# 运行到微信小程序
npm run dev:mp-weixin
# 运行到 App（需要 HBuilderX）
# 通过 HBuilderX 打开项目，点击运行到手机或模拟器5、关于我（作者林太白）
👉个人博客主页
JS
https://nexuslin.github.io/更加希望有新文章出来的时候大家给点个赞，一个努力的小菜鸡！
以下是特别友情赞助的朋友，感谢他们！ ....
赞助100以上小伙伴可以留下个人联系方式享受对应的每年VIP课程以及VIP文章和模块代码，具体可以Call Me！
技术交流拉你进TG交流群，一起学习交流
理财闲聊可以加我微信，我会拉你进黄金基金股票技术交流群！
收款码
👉相关链接
掘金博客（https://juejin.cn/user/1874034273300919）
个人博客（林太白 https://lintaibai.github.io/）