littlebot
Published on 2025-04-08 / 0 Visits
0

【源码】基于 Node.js 和 React 的地图日记应用系统

项目简介

MapDiary 是一款轻量级的网页/移动应用,以地图为核心,能让用户通过地图标记记录生活中的美好瞬间,实现个人记忆的数字化管理。该应用结合了日记记录与地图定位功能,为用户带来独特的记录体验。

项目的主要特性和功能

  1. 用户账户管理:支持注册、登录、注销,可设置昵称、头像等个人信息。
  2. 地图与标记操作:能在地图上自由添加标记,添加时遵循特定规则,可查看已存在标记对应的文档。
  3. 文档编辑与发布:提供类似博客应用的完整编辑器,支持组织不同格式文本,可插入图片、视频等多媒体内容。
  4. 地图浏览功能:可将个人地图或文档设为公开,提供公共地图页面查看他人公开标记,也能通过特定用户 ID 查看他人个人地图。
  5. 搜索功能:可按关键词搜索自己或他人的文档,能搜索地点并展示该地标记的文档。
  6. 移动应用支持:开发了适配移动设备的移动端版本。
  7. 个性化设置:允许用户创建和分享自定义文档模板,提供多种网站颜色主题。

安装使用步骤

假设用户已经下载了本项目的源码文件,按以下步骤进行安装和使用: 1. 安装依赖环境 - 安装 Node v14: sh nvm install 14 npm install -g npm@6 nvm use 14 - 安装 MongoDB 服务器: sh curl -fsSL https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add # add mongodb to the official repo apt install gnupg # may be needed echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu bionic/mongodb-org/4.4 multiverse" | tee /etc/apt/sources.list.d/mongodb-org-4.4.list apt update # to find mongo-db apt install mongodb-org sh mkdir -p /data/db sh npm install mongodb@3 2. 安装项目依赖 - 进入项目目录: sh cd ui npm install cd ../api npm install 3. 初始化 MongoDB - 启动 Mongo 服务器: sh screen mongod <C-a> d - 初始化: sh cd api mongo mapdiary scripts/init.mongo.js 4. 编译项目 sh cd ../ui npm run build 5. 启动项目 - 启动 API 服务器(端口 3000): sh cd ../api npm run start - 启动 UI 服务器(端口 8000): sh cd ../ui npm run start 6. 访问应用:在浏览器中访问应用,开始使用 MapDiary。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】