【源码】基于Node.js的全栈设计管理系统

项目简介

本项目是一个基于Node.js的全栈式开发项目。前端运用React和TypeScript，后端采用Express和TypeScript构建API接口。其目标是打造一个综合性的设计管理系统，集成了文章管理、音乐播放器、视频播放器以及自定义页面展示等功能，借助现代前端开发技术栈与强大的后端API处理能力，实现强大特性与灵活定制体验。

项目的主要特性和功能

主要特性

• 前后端均使用TypeScript编写，提供静态类型检查和优质开发体验。
• 采用React框架构建响应式、交互性强的用户界面。
• 使用Express框架提供RESTful API接口。
• 文章编辑器支持图片上传、图片放大预览以及内联多图片展示。
• 具备音乐和视频播放器功能。
• 支持多标签查询文章和自定义页面展示。

安装使用步骤

安装步骤

1. 复制项目仓库到本地。
2. 进入项目目录： bash cd Pro_design
3. 安装全局的lerna： bash npm i -g lerna
4. 安装项目依赖： bash npm i 此操作会自动运行 lerna bootstrap 来安装前后端的所有依赖。
5. 构建项目： bash lerna run build 以生成文件目录。

运行项目

• 前端：进入前端目录 cd frontend，然后运行 npm start 来启动前端服务器。
• 后端：进入后端目录 cd backend，运行 npm run dev 以开发模式启动后端服务器，或运行 npm run serve 以生产模式启动。

项目基础配置

• 推荐的VSCode插件列于 .vscode/extensions.json 文件中，可在VSCode中直接安装。
• 项目的基础配置在 .vscode/settings.json 文件中，保证所有协作者的环境一致性。
• 代码规范采用ESLint进行管理和格式化，遵循standardjs标准，并集成了Prettier插件。如需修改代码规范，请修改 .eslintrc.js 配置文件。使用 lint-staged 在commit时进行代码格式化检查，确保代码质量。

接口文档参考：Postman文档。

下载地址

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