天工开源

1、天工介绍

🍓 TG(Tiangong天工开源项目)

天工项目	地址
(🍓Github)	迁移
(Gitee)	迁移

🧨 Concept(理念初衷)

Simple
Simple and good-looking
Simple and easy to use

理念-最简单的便是最好的初衷-最简单的便是最好的

🍓项目环境依赖

项目	环境
(数据库环境)	Mysql 8.3.0
(后端Tapi环境)	Node v20.12.0
(前端环境)	Node v20.12.0
Rust模块	rustc 1.87.0

🍓 项目模块与技术栈

项目	模块	相关技术栈	开发状态	备注
👉 NexusApi（后端开发）	Node后端	Node.js, Express, Mysql,JWT, WebSocket,MongoDB	完成（废弃不再更新-迭代为NestJS版本）
👉 NexusVuePro	Vue3+TS前端	Vue3,VueRouter@5, Composition API, vite,TypeScript	模块迭代中
👉 NexusReact（前端开发）	React 前端	React,React 18, React Router 6, Redux,JSX,	开发中
👉 NexusVue	Vue3+js前端	Vue 3, Vite, JavaScript	Composition API, ES Modules	极简版Vue（废弃不再更新）
👉 NexusApp	小程序端	微信小程序 SDK,uniapp,微信开发者工具	开发中
👉 NexusNest	Nest版本		开发中
👉 NexusNext	Next版本	SSR、SSG	开发中
👉 NexusNuxt	Nuxt版本	SSR、SSG	开发中
👉 NexusTaro(移动端开发)	UniappTaro端	京东架构	微信小程序, 安卓, iOS	开发中
👉 NexusAppMobile	安卓,iOS (Java, Kotlin, Swift) 采取Flutter	Java, Kotlin, Swift	开发中
👉 NexusApiJava	Java 后端	Java, SpringBoot, MySQL,Redis	Spring Security, JPA, Hibernate	搁置
👉 NexusRust	Rust 后端	Rust, Actix, PostgreSQL	WebAssembly, Tokio	开发中
👉 NexusRN	React Native	React Native, Expo, Redux	Navigation, AsyncStorage	搁置中
👉 NexusHarmony (系统开发)	鸿蒙端	HarmonyOS SDK, 鸿蒙系统	ArkTS, UI Framework	开发中（暂搁置）
👉 NexusElectron（桌面应用开发）	Electron端	Electron, React, Node.js	Webpack, Electron API	开发中

🍓端口信息

👉Tapi	端口
api 后台接口端口号	8888
ws服务器日志端口号	3000
ws服务器通告端口号	3001

2、run

👉NexusVuePro（前端Vue3）

bash

# 克隆项目
git clone https://gitee.com/lintaibai/TG.git

# 进入项目目录
cd NexusVuePro

# 安装依赖
yarn 

# 启动服务
yarn dev

👉NexusReactVite（前端React）

bash

# 克隆项目
git clone https://gitee.com/lintaibai/TG.git

# 进入项目目录
cd NexusReact

# 安装依赖
yarn 

# 启动服务
yarn start

# 打包
yarn build

👉NexusApi（Node后端）

🍓全局安装nodemon
npm install -g nodemon
nodemon app

🍓未安装nodemon
node app

👉NexusRust（Rust后端）

bash

# 启动服务
cargo run

👉mysql（启动mysql）

net start mysql //启动mysql
mysql -u root -p //登录mysql

👉NexusVue（启动前端）

yarn 
或者 
yarn install

//How to start
yarn dev

//How to pack部署
yarn build

👉yarn build:stage // 测试（开发环境）

👉yarn build:prod // 线上（生产环境）

👉Nexusapp

// the app part
导入HbuildX运行即可

👉NexusNext（the next part PC）

介绍

基于Next.js构建的官网

环境

nvm 20.12.0
node版本 v20.12.0
npm版本 10.2.3

运行

// 安装依赖
yarn

// 启动
yarn dev

// 打包
yarn build

// 预览
npm install -g http-server
http-server -p 3000

3、Function（功能部分）

🧨 TG（天工）-Module-introduce and function

🌂Modularization

功能模块	操作	👉状态
用户登录注册	用户登录注册	🔺完成
用户管理模块	增加、搜索、详情、编辑、删除、禁用用户	🔺完成

内置功能

用户管理：用户是系统操作者，该功能主要完成系统用户增删改查

模块功能

🔺

4、Theme（主题部分）

紫色主题

紫色
#8F41E9

灰色主题

### 深灰
#8A8A8A

浅灰
#f6f6f6

蓝色主题

蓝色
#0066FF

浅蓝
#DFECFC

👉 关于作者

About Me Links

WARNING

🚀 Summarize all the technical and related articles under the current blog (like, collect, and constantly update) (点赞收藏+不断更新)

(给个star⭐️ba！)

天工开源 ​

1、天工介绍 ​

🧨 Concept(理念初衷) ​

🍓项目环境依赖 ​

🍓 项目模块与技术栈 ​

🍓端口信息 ​

2、run ​

👉NexusVuePro（前端Vue3） ​

👉NexusReactVite（前端React） ​

👉NexusApi（Node后端） ​

👉NexusRust（Rust后端） ​

👉mysql（启动mysql） ​

👉NexusVue（启动前端） ​

👉Nexusapp ​

👉NexusNext（the next part PC） ​

介绍 ​

环境 ​

运行 ​

3、Function（功能部分） ​

🌂Modularization ​

内置功能 ​

模块功能 ​

4、Theme（主题部分） ​

紫色主题 ​

灰色主题 ​

蓝色主题 ​

👉 关于作者 ​

About Me Links ​

天工开源

1、天工介绍

🧨 Concept(理念初衷)

🍓项目环境依赖

🍓 项目模块与技术栈

🍓端口信息

2、run

👉NexusVuePro（前端Vue3）

👉NexusReactVite（前端React）

👉NexusApi（Node后端）

👉NexusRust（Rust后端）

👉mysql（启动mysql）

👉NexusVue（启动前端）

👉Nexusapp

👉NexusNext（the next part PC）

介绍

环境

运行

3、Function（功能部分）

🌂Modularization

内置功能

模块功能

4、Theme（主题部分）

紫色主题

灰色主题

蓝色主题

👉 关于作者

About Me Links