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

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

news 文章来源：https://blog.csdn.net/biao_feng/article/details/132829682 2024/11/19 17:26:23

简介

  • 使用 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

用c++实现五子棋小游戏

五子棋是一款经典小游戏&#xff0c;今天我们就用c实现简单的五子棋小游戏 目录 用到的算法&#xff1a; 思路分析 定义变量 开始写代码 完整代码 结果图&#xff1a; 用到的算法&#xff1a; 合法移动的判断&#xff1a;isValidMove 函数通过检查指定位置是否在棋盘范…...

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

Android 12.0 SystemUI下拉状态栏定制化之隐藏下拉通知栏布局功能实现(二)

1.前言 在12.0的系统定制化开发中，由于从12.0开始SystemUI下拉状态栏和11.0的变化比较大，所以可以说需要从新分析相关的SystemUI的 布局，然后做分析来实现不同的功能，今天就开始实现关于隐藏SystemUI下拉状态栏中的通知栏布局系列二，去掉下拉状态栏中 通知栏部分 白色的…...

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

通过finalshell快速在ubuntu上安装jdk1.8

这篇文章主要介绍一下怎么通过finalshell连接ubuntu&#xff0c;然后在ubuntu上安装jdk1.8&#xff0c;让不熟悉linux操作系统的童鞋也能快速地完成安装。 目录 一、准备一台虚拟机 二、安装finalshell远程连接工具 三、获取ubuntu虚拟机的ip地址 四、通过finalshell连接u…...

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

【Linux从入门到精通】多线程 | 线程互斥（互斥锁）

上篇文章我们对线程 | 线程介绍&线程控制介绍后&#xff0c;本篇文章将会对多线程中的线程互斥与互斥锁的概念进行详解。同时结合实际例子解释了可重入与不被重入函数、临界资源与临界区和原子性的概念。希望本篇文章会对你有所帮助。 文章目录 引入 一、重入与临界 1、1 可…...

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

Echarts 散点图的详细配置过程

文章目录 散点图 简介配置步骤简易示例 散点图 简介 Echarts散点图是一种常用的数据可视化图表类型&#xff0c;用于展示两个或多个维度的数据分布情况。散点图通过在坐标系中绘制数据点的位置来表示数据的关系。 Echarts散点图的特点如下&#xff1a; 二维数据展示&#xff…...

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

Nginx详解 五：反向代理

文章目录 1. 正向代理和反向代理1.1 正向代理概述1.1.1 什么是正向代理1.1.2 正向代理的作用1.1.3 正向代理的基本格式 1.2 反向代理概述1.2.1 什么是反向代理1.2.2 反向代理可实现的功能1.2.3 反向代理的可用模块 2. 配置反向代理2.1 反向代理配置参数2.1.1 proxy_pass2.1.2 其…...

编程日记 2023/9/16 14:58:42

【PDF密码】PDF文件打开之后不能打印，怎么解决？

正常的PDF文件是可以打印的&#xff0c;如果PDF文件打开之后发现文件不能打印&#xff0c;我们需要先查看一下自己的打印机是否能够正常运行&#xff0c;如果打印机是正常的&#xff0c;我们再查看一下&#xff0c;文件中的打印功能按钮是否是灰色的状态。 如果PDF中的大多数功…...

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

深入解析 qsort 函数（下），用冒泡排序模拟实现 qsort 函数

前言&#xff1a;对于库函数有适当了解的朋友们&#xff0c;对于 qsort 函数想必是有认知的&#xff0c;因为他可以对任意数据类型进行排序的功能属实是有点厉害的&#xff0c;本次分享&#xff0c;笔者就给大家带来 qsort 函数的全面的解读 本次知识的分享笔者分为上下俩卷文章…...

编程日记 2023/9/16 14:56:39

Azure + React + ASP.NET Core 项目笔记一：项目环境搭建（二）

有意义的标题 pnpm 安装umi4 脚手架搭建打包语句变更Visual Studio调试Azure 设置变更发布 pnpm 安装 参考官网&#xff0c;或者直接使用npm安装 npm install -g pnpmumi4 脚手架搭建 我这里用的umi4&#xff0c;官网已附上 这里需要把clientapp清空&#xff0c;之后 cd Cl…...

编程日记 2023/9/16 14:55:38

Vmware通过VMware tools设置共享文件夹

步骤说明&#xff1a; 先安装VMware tools&#xff0c;再设置共享文件夹即可。 写在前面&#xff1a; 刚安装虚拟机时&#xff0c;窗口可能显得太小&#xff0c;这是窗口分辨率没有调整导致的。 点击设置->显示->分辨率调整即可 一、安装VMware tools 1.1 点击虚拟机…...

编程日记 2023/9/16 14:54:37

申请商标注册/搜素引擎优化

Map<Long, List<LogDataVo>> corpIdMap list.stream().collect(Collectors.groupingBy(LogDataVo::getCorpId));转载于:https://www.cnblogs.com/yqlwl66/p/9475039.html...

编程日记 2024/11/19 15:26:44

网站怎么做漂亮点/绍兴seo网站管理

在Python的交互式命令行写程序&#xff0c;好处是一下就能得到结果&#xff0c;坏处是没法保存&#xff0c;下次还想运行的时候&#xff0c;还得再敲一遍。 所以&#xff0c;实际开发的时候&#xff0c;我们总是使用一个文本编辑器来写代码&#xff0c;写完了&#xff0c;保存为…...

编程日记 2024/11/19 12:41:30

网站制作的流程包括哪些/互联网营销推广渠道

开发环境(蓝色粗体字为特别注意内容) 1、软件环境&#xff1a; Win7 Ultimate sp1、jdk7u45 2、参考文献&#xff1a;https://www.cnblogs.com/jack1208-rose0203/p/5713210.html private static final byte[] ARRAY_CIRCLE { 0x3c, 0x7e, 0xff, 0xff, 0xff, 0xff…...

编程日记 2024/11/19 11:33:08

网络工作室是什么行业/北京seo分析

文章简介&#xff1a;由浙江卫视和创客星球联合出品、葡萄积木冠名播出的详情>>作者&#xff1a;飞鸟2020-10-28 14:42整理铁甲犀牛多42级后就可以进化了&#xff0c;可以进化为铁详情>>阅读: 8日期: 2020-10-28原标题&#xff1a;铁甲威虫之骑刃王&#xff0c;龙尊…...

编程日记 2024/11/19 11:05:44

上海市网站公安备案电话/seo入门版

1、开发环境 顾名思义&#xff0c;开发同学开发时使用的环境&#xff0c;每位开发同学在自己的dev分支上干活&#xff0c;提测前或者开发到一定程度&#xff0c;各位同学会合并代码&#xff0c;进行联调。 2、测试环境 也就是我们测试同学干活的环境啦&#xff0c;一般会由测…...

编程日记 2024/11/19 10:22:55

网站 外包方案/怎么创建网站平台

题目描述 小明很喜欢3和5这两个数字&#xff0c;他将能被3或5整除的数叫做美丽数。现在给你一个整数N&#xff08;1<N<100000&#xff09;&#xff0c;你能告诉小明第N个美丽数是多少吗&#xff1f; 输入 输入包含多组测试数据。每组输入一个整数N&#xff08;1<N<…...

编程日记 2024/11/19 10:11:44