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

从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(二)

news 来源：原创 2025/9/16 7:41:35

1.安装mogondb数据库

       参考MongoDB安装配置教程（详细版）_mongodb安装详细步骤-CSDN博客

        安装mondbcompass数据库连接工具      参考https://www.mongodb.com/zh-cn/docs/compass/current/connect/

2.后端服务

  1.创建src文件夹 并在src文件夹下创建 index.js 内容如下

import express from 'express'
import http from 'http'const app = express()const server = http.createServer(app)server.listen(3000, () => {console.log(`Server is running on port ${3000}`)
})

在packjson.json 加 配置 ES6引入 

scripts配置启动命令

然后在server目录下 执行npm run start  在浏览器访问http://localhost:3000/ 效果如下

说明后端服务启动成功

3.连接数据库

 新建.env 配置数据库连接地址  MONGODB_URI= mongodb://localhost:27017/chat

在src 文件夹下 新建lib文件夹 并创建db.js 代码如下

import mongoose from 'mongoose';
import { config } from "dotenv";
config()
export const connectDB = async () => {try {await mongoose.connect(process.env.MONGODB_URI);console.log('Connected to MongoDB');} catch (error) {console.error('Error connecting to MongoDB', error);}
}

并在index.js 引入

import express from 'express'
import http from 'http'
import {connectDB} from "./lib/db.js"
const app = express()const server = http.createServer(app)server.listen(3000, () => {console.log(`Server is running on port ${3000}`)connectDB();
})

再执行npm run start 命令显示

下篇  开发注册 登录 接口  敬请期待 谢谢！！

相关文章：

从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(二)

1.安装mogondb数据库 参考MongoDB安装配置教程（详细版）_mongodb安装详细步骤-CSDN博客 安装mondbcompass数据库连接工具 参考https://www.mongodb.com/zh-cn/docs/compass/current/connect/ 2.后端服务 1.创建src文件夹 并在src文件夹下创建 index…...

编程日记 2025/9/16 7:41:35

基于Spring Boot的党员学习交流平台设计与实现（LW+源码+讲解）

专注于大学生项目实战开发,讲解,毕业答疑辅导，欢迎高校老师/同行前辈交流合作✌。 技术范围：SpringBoot、Vue、SSM、HLMT、小程序、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、安卓app、大数据、物联网、机器学习等设计与开发。 主要内容：…...

编程日记 2025/9/12 0:41:14

Plantsimulation中机器人怎么通过阻塞角度设置旋转135°

创建一个这样的简单模型。 检查PickAndPlace的角度表。源位于180的角位置，而物料终结位于90的角位置。“返回默认位置”选项未被勾选。源每分钟生成一个零件。启动模拟时，Plant Simulation会选择两个位置之间的最短路径。示例中的机器人无法绕135的角位…...

编程日记 2025/9/14 18:14:41

2025.2.23机器学习笔记：PINN文献阅读

2025.2.23周报 一、文献阅读题目信息摘要Abstract创新点网络架构架构A架构B架构C 实验结论后续展望 一、文献阅读 题目信息 题目： Physics-Informed Neural Networks for Modeling Water Flows in a River Channel期刊： IEEE TRANSACTIONS ON ARTIFICI…...

编程日记 2025/9/12 23:11:34

关于Postman自动获取token

在使用postman测试联调接口时，可能每个接口都需要使用此接口生成的令牌做Authorization的Bearer Token验证，最直接的办法可能会是一步一步的点击，如下图： 在Authorization中去选择Bearer Token，然后将获取到的token粘贴…...

编程日记 2025/9/15 6:45:46

Android KMP初探

Android KMP初探 前言： 最近线上听了Kotlin官网举行的KMP会议，感觉听神奇的，于是就把官方demo下载下来尝试了一下，下载插件和所需要的依赖都用了很久，但是发现里面的代码很少，于是尝试自己手写了一下&…...

编程日记 2025/9/14 20:46:35

ncDLRES：一种基于动态LSTM和ResNet的非编码RNA家族预测新方法

现有的计算方法主要分为两类：第一类是通过学习序列或二级结构的特征来预测ncRNAs家族，另一类是通过同源序列之间的比对来预测ncRNAs家族。在第一类中，一些方法通过学习预测的二级结构特征来预测ncRNAs家族。二级结构预测的不准确性可能会导致…...

编程日记 2025/9/10 22:01:50

前端项目打包过滤指定icon文件

1.需求背景 项目中有部分功能需要vip权限才可以使用，所有部分筛选、按钮 等有vip的icon提示 如下图 此项目衍生出一个特殊版本，此版本无需登录且拥有最高权限，所以产品要求去除项目中的所有vip相关的提示。 2.解决思路 （1&am…...

编程日记 2025/9/13 6:34:46

蓝桥杯 Java B 组之最短路径算法（Dijkstra、Floyd-Warshall）

Day 2：最短路径算法（Dijkstra、Floyd-Warshall） 📖 一、最短路径算法简介 最短路径问题是图论中的经典问题，主要用于求解 单源最短路径 或 多源最短路径。在实际应用中，最短路径广泛应用于 导航系统、网络…...

编程日记 2025/9/12 14:21:49

科普：HTTP端口80和HTTPS端口443

你会发现，有的网址不带端口号，怎么回事？ HTTP协议默认端口：HTTP协议的默认端口是80。当用户在浏览器中输入一个没有指定端口的以http://开头的网址时，浏览器会自动使用80端口与服务器建立连接，进行超文本数…...

编程日记 2025/9/12 1:52:54

如何安装vm和centos

安装 VMware Workstation Pro 步骤 1：下载 VMware Workstation Pro 访问 VMware 官方网站（Desktop Hypervisor Solutions | VMware ），根据你的操作系统选择合适的版本进行下载。 步骤 2：运行安装程序 找到下载的安装…...

编程日记 2025/8/16 12:48:05

鸿蒙-验证码输入框的几种实现方式-上

文章目录 效果图、优缺点多TextInput多 TextCanvas 绘制 多个 TextInput 拼接放置四个输入框焦点移动输入时向后移动输入完成回调删除时向前移动 防止点击总结 最近在做应用鸿蒙化，说白了就是把原来Android、iOS的代码重新用ArkTS写一遍，我负责基础建设和…...

编程日记 2025/9/15 2:15:06

Vi 编辑器基本使用指南

一、Vi 编辑器的启动与退出 启动 Vi 编辑器 在终端中，输入vi加上要编辑的文件名，如vi example.txt，如果example.txt存在，Vi 编辑器会打开该文件；若不存在，则会创建一个新的空文件并打开。如果只输入vi&am…...

编程日记 2025/9/11 11:20:29

centos 7 安装python3 及pycharm远程连接方法

安装openssl 使用pip3安装 virtualenv的时候会提示WARNING: pip is configured with locations that require TLS/SSL, however the ssl module in Python is not available. 这是因为缺少openssl 2.0以上版本 解决办法： 一、先确认版本 openssl version 二、安…...

编程日记 2025/9/16 7:40:58

PostgreSQL 使用pgAdmin 4 数据库还原sql文件报错问题分析

sql执行报错问题： C:\Program Files\PostgreSQL\17\bin\pg_restore.exe --host "localhost" --port "5433" --username "postgres" --no-password --dbname "ry_postgresql-final" --verbose "E:\\PostgreSQLProject\\Ruoyi-Po…...

编程日记 2025/9/10 10:40:31

gihub上适合练手的Python项目

GitHub 上有许多适合练手的 Python 项目，涵盖了从初学者到中级开发者的不同难度级别。以下是一些推荐的项目类型和具体示例，帮助你提升 Python 编程技能： 1. 基础项目 适合初学者，帮助掌握 Python 基础语法和常用库。 示例项目&…...

编程日记 2025/9/11 8:01:48

3D Web轻量化引擎HOOPS Communicator如何赋能航空航天制造？

在当今航空航天制造领域，精确度、效率和协作是推动行业发展的关键要素。随着数字化技术的飞速发展，3D Web可视化开发包HOOPS Communicator 为航空航天制造带来了革命性的变化。它凭借强大的功能和灵活的应用，助力企业在设计、生产、培训等各个…...

编程日记 2025/9/13 21:44:53

AWQ和GPTQ量化的区别

一、前言 本地化部署deepseek时发现，如果是量化版的deepseek，会节约很多的内容，然后一般有两种量化技术，那么这两种量化技术有什么区别呢？ 二、量化技术对比 在模型量化领域，AWQ 和 GPTQ 是两种不同的量…...

编程日记 2025/9/11 7:08:58

通过恒定带宽服务器调度改进时间敏感网络（TSN）流量整形

论文标题 英文标题：Improving TSN Traffic Shaping with Constant Bandwidth Server Scheduling 中文标题：通过恒定带宽服务器调度改进时间敏感网络（TSN）流量整形 作者信息 作者：Benjamin van Seggelen 指导教师&am…...

编程日记 2025/9/11 13:30:01

气象干旱触发水文（农业）干旱的概率及其触发阈值的动态变化-贝叶斯copula模型

前言 在干旱研究中，一个关键的科学问题是：在某一地区发生不同等级的气象干旱时，气象干旱会以何种概率引发不同等级的水文干旱、农业干旱和地下水干旱？换句话说，气象干旱的不同程度会分别引发其他类型干旱的哪种等级&a…...

编程日记 2025/9/14 14:03:19

自定义Spring Boot Starter（官网文档解读）

摘要 本文将详细介绍自定义 Spring Boot Starter 的完整过程。要构建自定义 Starter，首先需掌握 Spring Boot 中 Auto-configuration 以及相关注解的工作原理，同时了解 Spring Boot 提供的一系列条件注解。在具备这些知识基础后，再按照特定步…...

编程日记 2025/9/12 1:52:37

开发 picgo-plugin-huawei 插件，解决华为云社区外链限制问题

开发 picgo-plugin-huawei 插件，解决华为云社区外链限制问题 在技术博客平台中，外链的使用常常受到限制，这给我们的写作和内容展示带来了一定的不便。为了应对这一问题，我开发了 picgo-plugin-huawei 插件，它能够有效…...

编程日记 2025/9/13 3:17:59

最长回文子串

标题 1.1 问题描述 给你一个字符串 s，找到 s 中最长的回文子串。 1.2 示例 1.2.1 示例1 输入：s “babad” 输出：“bab” 解释：“aba” 同样是符合题意的答案。 1.2.2 示例2 输入：s “cbbd” 输出：“bb…...

编程日记 2025/9/14 16:52:30

JavaSE学习笔记26-集合（Collection）

集合 Java 中的集合（Collection）是 Java 标准库中非常重要的一部分，用于存储和操作一组对象。Java 集合框架（Java Collections Framework）提供了一套丰富的接口和类，用于处理各种数据结构，如列…...

编程日记 2025/9/14 13:20:01

开源神器KRR：用数据驱动K8s资源优化

引言：云原生时代的资源管理之痛 在Kubernetes集群中，过度配置导致资源浪费与配置不足引发稳定性风险的矛盾始终存在。CNCF调研显示，企业平均有35%的云资源处于闲置状态。本文将揭秘开源神器KRR（Kubernetes Resource Recommender），通过数据驱动方式实现精准资源配置，实测…...

编程日记 2025/9/15 8:51:34

微信小程序:多菜单栏设计效果

一、实现效果 二、代码 wxml 编辑前端界面，步骤 菜单逻辑： 逐步取出数组中的项，首先取出顶部菜单项，然后选中后取出选中的底部数据（左侧菜单+右侧内容），然后点击左侧菜单取出选中的左侧菜单对应的右侧内容 ①这里我的数据是全部封装到一个数组对象的，首先我的循环…...

编程日记 2025/9/15 23:54:53

网络安全-js安全知识点与XSS常用payloads

简介 JavaScript 是一种轻量级的编程语言&#xff0c;定义了HTML的行为。它与Java的关系类似周杰和周杰伦的关系&#xff08;即没有关系&#xff09;。 用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body>…...

编程日记 2025/9/13 14:45:48

无人机实战系列（二）本地摄像头 + Depth-Anything V2

这篇文章介绍了如何在本地运行 Depth-Anything V2&#xff0c;因为我使用的无人机是Tello&#xff0c;其本身仅提供了一个单目视觉相机&#xff0c;在众多单目视觉转 Depth 的方案中我选择了 Depth-Anything V2&#xff0c;这个库的强大在于其基于深度学习模型将单目视觉以较低…...

编程日记 2025/9/11 10:05:11

[杂学笔记]工厂模式、多态、内存空间区域划分、cp指令破坏软连接问题、UDP如何实现可靠传输、滑动窗口的原理、进程与线程、线程之间的通信

目录 1.工厂模式 2.多态 3.内存空间区域划分 4.cp指令破坏软连接问题 5.UDP实现可靠传输 6.滑动窗口的原理 7.进程与线程 8.线程之间的通信 1.工厂模式 工厂模式是一种创建对象的设计模式。它提供了一种创建对象的方式&#xff0c;将对象的创建和使用分离&#xff0c;通…...

编程日记 2025/9/15 22:06:02

【IEEE出版，往届会后3个月EI检索 | 西华大学主办 | 中英文期刊、SCI期刊推荐】第四届能源、电力与电气国际学术会议（ICEPET 2025）

第四届能源、电力与电气国际学术会议&#xff08;ICEPET 2025&#xff09;由西华大学主办&#xff0c;西华大学能源与动力工程学院、西华大学电气与电子信息学院、西华大学航空航天学院、流体及动力机械教育部重点实验室、流体机械及工程四川省重点实验室、四川省水电能源动力装…...

编程日记 2025/9/15 6:59:39

【AI+智造】DeepSeek价值重构：当采购与物控遇上数字化转型的化学反应

作者&#xff1a;Odoo技术开发/资深信息化负责人 日期&#xff1a;2025年2月24日 引言&#xff1a;从事企业信息化工作16年&#xff0c;我见证过无数企业从手工台账到ERP系统的跨越。但真正让采购和物控部门脱胎换骨的&#xff0c;是融合了Deepseek AI的Odoo数字化解决方案——…...

编程日记 2025/9/12 18:19:57

1.适配器模式

概述 适配器模式&#xff1a;将一个类的接口转换成客户希望的另一个接口&#xff0c;使得原本不兼容的类可以一起工作。 适配器模式在业务场景中非常有用&#xff0c;尤其是在系统集成、接口兼容性处理以及代码复用等场景。以下是一个实际的业务场景示例&#xff1a; 业务场景…...

编程日记 2025/9/15 4:18:39

选择排序（详解）c++

选择排序(Selection Sort)是⼀种特别直观的排序算法。每次找出未排序序列中最⼩的元素&#xff0c;然后放进有序序列的后⾯ 算法思想: 每次找出未排序序列中最小的元素&#xff0c;然后放进有序序列的后面 在数组中完成选择排序 落实到代码的时候就两步&#xff1a;找最小交换 …...

编程日记 2025/9/10 11:13:10

[java基础-JVM篇]1_JVM自动内存管理

JVM内存管理涉及但不限于类加载、对象分配、垃圾回收等&#xff0c;本篇主要记录运行时数据区域与对象相关内容。 内容主要来源《深入理解Java虚拟机&#xff1a;JVM高级特性与最佳实践》与官方文档&#xff0c;理解与表述错漏之处恳请各位大佬指正。 目录 运行时数据区域 栈 栈…...

编程日记 2025/9/14 3:14:21

python-leetcode 42.验证二叉搜索树

题目&#xff1a; 给定二叉树的根节点root,判断是否是一个有效二叉搜索树 有效二叉搜索树&#xff1a; 1.节点的左子树只包含小于当前节点的树 2.节点的右子树只包含大于当前节点的树 3.所有左子树和右子树自身必须也是二叉搜索树 方法一&#xff1a;递归 如果该二叉树的…...

编程日记 2025/9/10 22:06:32

Unity Shader 学习13：屏幕后处理 - 使用高斯模糊的Bloom辉光效果

目录 一、基本的后处理流程 - 以将画面转化为灰度图为例 1. C#调用shader 2. Shader实现效果 二、Bloom辉光效果 1. 主要变量 2. Shader效果 &#xff08;1&#xff09;提取较亮区域 - pass1 &#xff08;2&#xff09;高斯模糊 - pass2&3 &#xff08;3&#xff…...

编程日记 2025/9/16 0:42:39

【Bluedroid】AVRCP 连接源码分析（三）

接着上一篇【Bluedroid】AVRCP 连接源码分析（一）-CSDN博客，继续AVRCP连接的源码分析。 AVRC_OpenBrowse /packages/modules/Bluetooth/system/stack/avrc/avrc_api.cc /******************************************************************************** Function …...

编程日记 2025/9/12 3:21:48

图数据库Neo4j面试内容整理-约束（Constraint）

约束（Constraint） 是数据库中用于确保数据一致性和完整性的一种机制。它限制了数据的某些方面，确保特定条件得到满足。在 Neo4j 中，约束主要用于确保图数据的一致性，防止插入不符合规则的数据。约束通常与索引一起使用，但它们的功能和目的有所不同。 1. Neo4j 中的约束类…...

编程日记 2025/9/14 3:07:36

QUdpSocket的readyRead信号只触发一次

问题 QUdpSocket的readyRead信号只触发一次。 原因 on_readyRead槽函数里必须读出现有数据后&#xff0c;才能触发新的事件。 解决办法 在on_readyRead槽函数里取出数据。 void MainWindow::on_readyRead() {qDebug() << "on_readyRead in";while (m_udp…...

编程日记 2025/9/15 23:02:07

使用Windbg调试目标进程排查C++软件异常的一般步骤与要点分享

目录 1、概述 2、将Windbg附加到已经启动起来的目标进程上&#xff0c;或者用Windbg启动目标程序 2.1、将Windbg附加到已经启动起来的目标进程上 2.2、用Windbg启动目标程序 2.3、Windbg关联到目标进程上会中断下来&#xff0c;输入g命令将该中断跳过去 3、分析实例说明 …...

编程日记 2025/9/15 20:10:46

深度解析：大模型在多显卡服务器下的通信机制与分布式训练——以DeepSeek、Ollama和vLLM为例

一、引言&#xff1a;大模型与多显卡的必然结合 随着大模型参数规模突破千亿级&#xff08;如GPT-4、DeepSeek&#xff09;&#xff0c;单显卡的显存容量与算力已无法满足需求。多显卡并行计算成为训练与推理的核心技术&#xff0c;其核心挑战在于高效通信与负载均衡。本文以国…...

编程日记 2025/9/9 20:39:25

爬虫基础入门之爬取豆瓣电影Top250-Re正则的使用

网址:豆瓣电影 Top 250 本案例所需要的模块 requests (用于发送HTTP请求)re (用于字符串匹配和操作) 确定需要爬取的数据 &#xff1a; 电影的名称电影的年份电影的评分电影评论人数 一. 发送请求 模拟浏览器向服务器发送请求 准备工作 -分析页面: F12 or 右击点击检查 查看…...

编程日记 2025/9/11 4:49:01

【R安装包报错】在conda环境下用R语言命令安装R包报错

报错如下&#xff1a; gnu/include/c/11.2.0/ctime:80:11: error: ‘timespec_get’ has not been declared in ‘::’ 80 | using ::timespec_get; | ^~~~~~~~~~~~ 修改 报错原因&#xff1a;如果使用的是conda安装的g&#xff0c;可能与系统库不兼容。尝试 切换到系统默认编…...

编程日记 2025/9/10 6:06:47

基于STM32单片机设计的宠物喂食监控系统

1. 项目开发背景 随着宠物数量的增加&#xff0c;尤其是人们对宠物的养护需求日益增多&#xff0c;传统的人工喂养和管理方式难以满足现代养宠生活的需求。人们越来越希望通过智能化手段提高宠物养护的质量和效率&#xff0c;特别是对于宠物喂食、饮水、温湿度控制等方面的智能…...

编程日记 2025/9/13 16:48:26

Minio分布式多节点多驱动器集群部署

Minio分布式多节点多驱动器集群部署 Minio分布式多节点多驱动器集群部署节点规划先决条件开放防火墙端口设置主机名更新域名映射文件时间同步存储要求内存要求 增加虚拟机磁盘(所有机器都要执行)部署分布式 MinIO测试上传与预览测试高可用MinIO 配置限制模拟单节点磁盘故障模拟…...

编程日记 2025/9/13 22:50:12

Web前端开发——HTML基础

本系列博客声明&#xff0c;根据本人所学书籍和网上的一些资料共同磨合&#xff0c;写下web前端系列的博客 HTML基础 一、HTML基本概述[^1]二、HTML大体认知1.HTML基本结构2.HTML 语法格式 三、THML常用标记[^2]1.文本标记&#xff08;1&#xff09;标题&#xff08;2&#xf…...

编程日记 2025/9/10 3:53:04

《计算机视觉》——图像拼接

图像拼接 图像拼接是将多幅有重叠区域的图像合并成一幅全景或更大视角图像的技术&#xff0c;以下为你详细介绍&#xff1a; 原理&#xff1a;图像拼接的核心原理是基于图像之间的特征匹配。首先&#xff0c;从每幅图像中提取独特的特征点&#xff0c;如角点、边缘点等&#x…...

编程日记 2025/9/16 5:18:54

zookeeper从入门到精通

一、入门基础 1.1 什么是 ZooKeeper ZooKeeper 是一个开源的分布式协调服务&#xff0c;由雅虎创建&#xff0c;后成为 Apache 的顶级项目。它为分布式应用提供了高效、可靠的协调服务&#xff0c;例如统一命名服务、配置管理、分布式锁、集群管理等。ZooKeeper 的数据模型类…...

编程日记 2025/9/15 1:56:19

2.2 添加注释

版权声明&#xff1a;本文为博主原创文章&#xff0c;转载请在显著位置标明本文出处以及作者网名&#xff0c;未经作者允许不得用于商业目的。 注释是为了方便理解代码含义而添加的简短的解释性说明。在编译时&#xff0c;编辑器不会将注释加入最终生成的文件中&#xff0c;不…...

编程日记 2025/9/15 5:33:04

具有快慢思考的语言调节机器人操作

24年1月来自华东师范大学、美的集团和上海大学的论文“Language-Conditioned Robotic Manipulation with Fast and Slow Thinking”。 语言调节机器人操作&#xff0c;旨在将自然语言指令转化为可执行动作&#xff0c;从简单的“拾取和放置”到需要意图识别和视觉推理的任务。…...

编程日记 2025/9/14 19:19:32