当前位置： 首页 > news >正文

vite + react + typescript + uni-app + node 开发一个生态系统

news 2026/3/29 1:20:36

简介

  • 使用 vite + react + typescript + uni-app + node 来开发一个简易的生态系统案例，包含 APP，H5，微信小程序，控制台，服务端

开发

admin

  • 技术栈：vite + react + typescript
  • 初始化控制台项目
  • 选择自定义预设，例如: react + npm
npm create mine

mobile

  • 技术栈：vite + uni-app + vue3.x + typescript
  • 初始化移动端项目
  • 包含 APP，H5，微信小程序
  • 选择自定义预设，例如: uni-app + npm
npm create mine

server

  • 技术栈：vite + node + typescript + express + mysql + sequelize
  • 初始化服务端项目
  • 选择自定义预设，例如: node + npm
npm create mine

源码简介

  • 一个简单的生态系统，包含 APP，H5，微信小程序，控制台，服务端 😄
  • 源码地址 ecosystem

项目目录结构

  • admin: vite + react 控制台
  • mobile: vite + uni-app 包含 APP, H5, 微信小程序
  • server: vite + node 服务端，包含控制台和 APP 的接口

演示地址

  • 控制台

  • APP

  • 服务端接口文档

  • 微信小程序: 微信开发者工具本地运行

  • H5

    • 浏览器浏览请开启：Toogle device toolbar
    • 手机浏览请扫描下方二维码

二维码

总结

  • 总体来说都是一些基础的知识，没有什么难度，但是对于新手来说，还是有一定的难度的，需要多多练习，多多思考，多多总结，加油！😄
  • 如何有什么项目上的问题，可以提 issue，我会尽快回复的，希望对你有所帮助

相关文章：

vite + react + typescript + uni-app + node 开发一个生态系统

简介 使用 vite react typescript uni-app node 来开发一个简易的生态系统案例，包含 APP，H5，微信小程序，控制台，服务端 开发 admin 技术栈：vite react typescript初始化控制台项目选择自定义预设…...

编程日记 2023/9/16 15:44:23

python pdf文件转图片

在Python中，有很多的第三方库可以用于PDF文件的转换，比如PyPDF2和pdf2image。 其中PyPDF2可以从PDF文件中提取每一页并将其保存为图像文件，需要安装Pillow库。 pdf2image则直接将PDF文件转换为PNG或JPEG图像文件，可以使用ImageM…...

编程日记 2023/9/16 15:43:22

牛客: BM7 链表中环的入口结点

牛客: BM7 链表中环的入口结点 文章目录 牛客: BM7 链表中环的入口结点题目描述题解思路题解代码 题目描述 题解思路 用一个哈希表存储链表节点,遍历链表,将节点加入哈希表,如果该节点在哈希表中出现过,意味着该节点是入口节点 题解代码 package mainfunc EntryNodeOfLoop(p…...

编程日记 2023/9/16 15:39:19

SpringMVC系列（七）之自定义注解

目录 一. Java注解简介 1.1 Java注解分类 1.2 JDK基本注解 Override Deprecated SuppressWarnings 1.3 JDK元注解 从 Java 7 开始，额外添加了 3 个注解: 1.4 自定义注解 如何自定义注解？ 二. 自定义注解示例 枚举类： 示例一&…...

编程日记 2023/9/16 15:37:17

MongoDB的搭建 和crud操作

MongoDB docker 下载 docker run --restartalways -d --name mongo -v /docker/mongodb/data:/data/db -p 27017:27017 mongo:4.0.6使用navcat工具使用MongoDB Crud操作 jar包 <dependency><groupId>org.projectlombok</groupId><artifactId>lom…...

编程日记 2023/9/16 15:36:16

软件设计师考试学习1

前言 计算机组成原理及体系结构 数据的表示 进制的转换 原码反码补码移码 最高位是符号位&#xff0c;负数符号位为1 反码补码正数和原码一样&#xff0c;负数有区别 反码符号位不动&#xff0c;其他位置取反 补码在反码基础上加1 移码是将补码的符号为取反 在原码和反码中…...

编程日记 2023/9/16 15:30:10

【云计算】虚拟私有云 VPC

虚拟私有云 VPC 1.前言1.1 基本介绍1.2 VPC 的作用1.3 VPC 的适用人群 2.VPC 基本概念2.1 VPC 相关基本概念2.2 其他相关基本概念 3.VPC 通信场景3.1 VPC 内部互通3.2 VPC 间互通3.2.1 对等连接3.2.2 Transit Gateway 或者云联网 3.3 访问 Internet3.3.1 Internet 网关3.3.2 NA…...

编程日记 2023/9/16 15:29:09

@EventListener 监听事件 ，在同一个虚拟机中如何保证顺序执行

文章目录 前言EventListener 监听事件 &#xff0c;在同一个虚拟机中如何保证顺序执行1. 设计原理2. 具体编码2.1. 编码事件监听器2.2. 制作一个生成序号方法2.3. 制作测试代码2.4. 测试结果 前言 如果您觉得有用的话&#xff0c;记得给博主点个赞&#xff0c;评论&#xff0c;…...

编程日记 2023/9/16 15:28:08

数据结构入门 — 树的概念与结构

本文属于数据结构专栏文章&#xff0c;适合数据结构入门者学习&#xff0c;涵盖数据结构基础的知识和内容体系&#xff0c;文章在介绍数据结构时会配合上动图演示&#xff0c;方便初学者在学习数据结构时理解和学习&#xff0c;了解数据结构系列专栏点击下方链接。 博客主页&am…...

编程日记 2023/9/16 15:27:07

linux驱动开发day6--(epoll实现IO多路复用、信号驱动IO、设备树以及节点和属性解析相关API使用)

一、IO多路复用--epoll实现 1.核心&#xff1a; 红黑树、一张表以及三个接口、 2.实现过程及API 1&#xff09;创建epoll句柄/创建红黑树根节点 int epfdepoll_create(int size--无意义&#xff0c;>0即可)----------成功&#xff1a;返回根节点对应文件描述符&#xf…...

编程日记 2023/9/16 15:26:07

9月15日作业

Qt代码 #include "mywnd.h"//构造函数的定义 mywnd::mywnd(QWidget *parent): QWidget(parent) //显性调用父类的有参构造完成对子类从父类继承下来成员的初始化工作 {//窗口设置this->resize(QSize(500, 433));this->setWindowTitle("Widget&quo…...

编程日记 2023/9/16 15:24:05

关于Java多线程的那些事

多线程 多线程1. 关于多线程的理解1.1 进程和线程1.2 并行和并发1.3 线程调度 2. 创建多线程的方式创建线程有哪几种方式&#xff1f;2.1 通过继承Thread类来创建并启动线程的步骤如下&#xff1a;2.2 通过实现Runnable接口来创建并启动线程的步骤如下&#xff1a;2.3 通过实现…...

编程日记 2023/9/16 15:22:03

信息化项目验收的依据、内容和验收测评报告

随着信息系统业务覆盖率的提高和深度整合创新的逐步提高&#xff0c;信息系统运行阶段的复杂性和资源比例逐渐增加。一方面&#xff0c;信息已成为业务创新、技术应用和运营服务的综合体&#xff0c;而不仅仅是技术平台建设。另一方面&#xff0c;信息采购是技术平台建设。另一…...

编程日记 2023/9/16 15:19:00

解决IntelliJ IDEA执行maven打包，执行java -jar命令提示jar中没有主清单属性

问题场景 IDEA执行mvn clean package -DskipTesttrue命令或者借助工具的Maven菜单进行打包操作&#xff0c;然后执行java -jar app.jar命令后&#xff0c;提示jar中没有主清单属性 D:\WorkSpace\demo\target>java -jar demo-SNAPSHOT.jar demo-SNAPSHOT.jar中没有主清单属性…...

编程日记 2023/9/16 15:16:58

Python--文件和异常

目录 1、读取文件 1.1 读取文件的全部内容 1.2 相对路径和绝对路径 1.3 访问文件中的各行 1.4 使用文件中的内容 1.5 包含100万位的大型文件 1.6 圆周率中的生日 2、写入文件 2.1 写入一行 2.2 写入多行 3、异常 3.1 处理ZeroDivisionError 异常 3.2 使用try-exce…...

编程日记 2023/9/16 15:15:58

IDEFICS 简介: 最先进视觉语言模型的开源复现

我们很高兴发布 IDEFICS ( Image-aware Decoder Enhanced la Flamingo with Ininterleaved Cross-attention S ) 这一开放视觉语言模型。IDEFICS 基于 Flamingo&#xff0c;Flamingo 作为最先进的视觉语言模型&#xff0c;最初由 DeepMind 开发&#xff0c;但目前尚未公开发布…...

编程日记 2023/9/16 15:14:57

玩转Mysql系列 - 第20篇：异常捕获及处理详解

这是Mysql系列第20篇。 环境&#xff1a;mysql5.7.25&#xff0c;cmd命令中进行演示。 代码中被[]包含的表示可选&#xff0c;|符号分开的表示可选其一。 需求背景 我们在写存储过程的时候&#xff0c;可能会出现下列一些情况&#xff1a; 插入的数据违反唯一约束&#xff…...

编程日记 2023/9/16 15:13:56

一些工具类

1、字符串处理工具类 1.1、StrUtils package com.study.java8.util;/*** Classname&#xff1a;StrUtils* Description&#xff1a;字符串工具类* Date&#xff1a;2023/9/9 9:37* Author&#xff1a;jsz15*/import org.apache.commons.lang.text.StrBuilder; import org.apa…...

编程日记 2023/9/16 15:12:56

20230916后台面经整理

1.面对抢优惠券这样的高负载场景&#xff0c;你从架构、负载均衡等方面说一下你的设计&#xff1f; 答了参考Nginx进行负载均衡&#xff0c;然后在每台服务器怎么怎么弄&#xff08;架构每一层怎么设计&#xff09; 参考https://toutiao.io/posts/6z3uu2m/preview&#xff0c;h…...

编程日记 2023/9/16 15:11:55

如何通过快解析测试接口内外网？本地内网ip让外网访问连接

接口调试测试是网络技术员经常工作内容之一。如在公司内部api项目webserver测试&#xff0c;在公司内办公室个人电脑是正常用内网IP访问连接测试的&#xff0c;但在外网电脑需要远程测试时需要怎么测试呢&#xff1f;这里提供一种内网地址让外网访问的通用方法&#xff1a;快解…...

编程日记 2023/9/16 15:10:54

QSS样式表避坑指南：为什么你的Qt界面美化总是不生效？

QSS样式表深度解析&#xff1a;从失效原理到高效美化实战 在Qt界面开发中&#xff0c;QSS&#xff08;Qt Style Sheets&#xff09;作为界面美化的核心工具&#xff0c;其重要性不亚于CSS之于网页设计。然而许多开发者在使用过程中常遇到样式失效、优先级混乱等问题。本文将系统…...

编程新知 2026/3/29 0:27:07

FastAPI JWT刷新令牌：安全存储的完整指南

FastAPI JWT刷新令牌&#xff1a;安全存储的完整指南 【免费下载链接】fastapi FastAPI framework, high performance, easy to learn, fast to code, ready for production 项目地址: https://gitcode.com/GitHub_Trending/fa/fastapi 在前100个字内&#xff0c;FastAP…...

编程新知 2026/3/28 23:08:22

Spring Boot 与 Prometheus 监控实战

Spring Boot 与 Prometheus 监控实战 引言 大家好&#xff0c;今天想和大家聊聊 Spring Boot 与 Prometheus 的监控实践。作为一名 Java 架构师&#xff0c;我深知监控对于生产环境的重要性。Prometheus 作为云原生监控的事实标准&#xff0c;与 Spring Boot 的集成非常顺畅。让…...

编程新知 2026/3/28 22:32:13

Nanbeige4.1-3B vLLM模型水印：输出内容可追溯的版权保护技术实现

Nanbeige4.1-3B vLLM模型水印&#xff1a;输出内容可追溯的版权保护技术实现 1. 引言&#xff1a;当AI生成内容遇上版权难题 你有没有想过&#xff0c;如果AI帮你写了一篇文章、一段代码或者一个创意方案&#xff0c;这份成果的“所有权”到底归谁&#xff1f;随着像Nanbeige…...

编程新知 2026/3/28 21:27:49

OpenCore Legacy Patcher：3大突破让旧Mac重获新生的系统兼容性优化指南

OpenCore Legacy Patcher&#xff1a;3大突破让旧Mac重获新生的系统兼容性优化指南 【免费下载链接】OpenCore-Legacy-Patcher 体验与之前一样的macOS 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher OpenCore Legacy Patcher&#xff08;O…...

编程新知 2026/3/28 21:25:47

java毕业设计基于springboot+vue的滑雪场雪具租赁服务系统

前言 随着滑雪运动的普及和滑雪场规模的扩大&#xff0c;滑雪场对雪具租赁服务的需求日益增加。传统的租赁方式存在管理效率低下、用户体验不佳等问题&#xff0c;无法满足现代滑雪场的需求。因此&#xff0c;开发一个基于Spring Boot的滑雪场雪具租赁服务系统&#xff0c;旨在…...

编程新知 2026/3/28 20:55:34

Agent入门指南：从概念到实战，小白也能掌握AI新范式！

本文深入浅出地介绍了AI Agent的概念、原理和应用&#xff0c;帮助读者理解Agent并非简单的LLM调用&#xff0c;而是一种系统设计范式。文章详细阐述了Agent的核心要素&#xff0c;包括目标、决策、工具、反馈和停止条件&#xff0c;并探讨了Agent与传统自动化、RPA和聊天机器人…...

编程新知 2026/3/28 20:25:20

代码重构美学

代码重构美学大赛技术文章大纲大赛背景与意义代码重构的定义及其在软件开发中的重要性美学在代码重构中的体现&#xff1a;可读性、简洁性、可维护性大赛的宗旨&#xff1a;推动高质量代码实践&#xff0c;提升开发者审美与工程能力参赛作品评审标准功能性&#xff1a;重构后代…...

编程新知 2026/3/28 18:20:21

如何构建终极智能电池管理系统：DIY爱好者的完整解决方案

如何构建终极智能电池管理系统&#xff1a;DIY爱好者的完整解决方案 【免费下载链接】SmartBMS Open source Smart Battery Management System 项目地址: https://gitcode.com/gh_mirrors/smar/SmartBMS 在当今能源转型的时代&#xff0c;锂电池已成为从电动汽车到家庭储…...

编程新知 2026/3/28 18:10:17

浮点数精度问题实战：如何用eps避免3.8的小数部分变成0.799999？

浮点数精度陷阱&#xff1a;从3.8的0.799999现象到工业级误差控制方案 当你在金融交易系统中发现0.01元的差额&#xff0c;或在游戏物理引擎中看到角色卡进墙壁&#xff0c;背后可能都是浮点数精度问题在作祟。最近团队在开发高频交易系统时&#xff0c;一个简单的价格计算3.8…...

编程新知 2026/3/28 17:56:13