前端铺子-NodeJS后端:基于Node.js构建高效后端服务的探索与实践

news2024/11/24 22:59:46

一、引言

随着前端技术的快速发展,越来越多的开发者开始关注前后端分离的开发模式。前端铺子作为一个旨在服务前端开发者的开源项目,近期推出了基于Node.js的后端系统。该系统通过整合Node.jsNodemonMySQL等技术,为前端开发者提供了一个高并发易部署的后端解决方案。本文将对前端铺子后端系统进行详细介绍,并探讨其技术实现和优势。

 

图片

二、项目概述

前端铺子后端系统是一个基于Node.js的开源项目,旨在为前端开发者提供一个简单易用、性能优良的后端服务。项目使用Nodemon作为开发时的热更新工具,MySQL作为数据存储方案,目前已完成了登录、项目管理和文章管理等核心功能。此外,系统还提供了文件上传(基于七牛云)和百度统计API调用等扩展功能。该系统旨在降低前后端开发的耦合度,提高开发效率,为前端开发者提供更加灵活和便捷的后端支持。

项目说明

  1. 项目使用Nodejs + Nodemon + MySQL~

  2. 已完成接口 - 16个:

  • 登录 - login(1个接口)

  • 项目管理 - project(7个接口)

  • 文章管理 - blogs(7个接口)

  • 文件上传 - upload(1个接口,基于七牛云)

  • 百度统计Api - baiduApi(1个接口,调用第三方)

  1. 做后端是因为有很多很多小伙伴强烈的需求,索性:辞职做开源!

  2. 其他功能还在补充中,如果有其他需求也可以留言给我~

  3. 开源的初衷就是为了方便同行的小伙伴,还请各位多支持~

  4. 本人自知技术还处于底层,还是有很多需要学习的地方!

目录说明

├─bin              	// 入口文件夹
│	├─www.js		// 入口文件
│
├─src      			// 业务代码及其他
│	└─config		// 数据库文件夹
│		└─db		// 同上
│	└─controllers	// 接口的相关方法
│		└─blog		// 博客管理的相关方法(举例说明)
│
└─db				// 执行sql语句的封装文件夹
│	└─mysql.js		// sql语句的封装文件
│
├─model       		// 方法成功/失败的统一封装
│	└─responseModel	// 同上
│
├─routes       		// 接口路由管理
│	└─blog			// 同上(举例说明)
│
├─.gitignore		// git忽略文件
├─app.js			// 数据请求等全局处理的封装
├─package-lock.json	// 依赖
├─README.md			// 说明文档

部分截图

图片

 

图片

运行教程

  1. 安装Nodejs npm环境,安装MySQL

  2. 修改package.json下的main:bin/www.js

  3. 全局安装环境:npm install nodemon -D

  4. package.json下的scripts dev修改为:"nodemon bin/www.js"

  5. 全局安装mysql服务:npm install mysql (MySQL需要建表)

  6. 全局安装qiniu服务:npm install qiniu(七牛云上传)

  7. 全局安装request服务:npm install request -S(调用第三方接口)

  8. 启动:npm run dev

部署教程 · 宝塔

  1. 安装pm2并Nodejs npm环境

  2. 导入SQL文件

  3. 导入项目后,npm i安装

  4. 修改bin/www.js的端口,修改sec/congif/db.js的数据库名、用户名、密码

  5. 在“安全”中,放行你修改的端口

  6. 打开pm2管理器,添加项目

  7. 设置端口号(状态是绿色播放图标就ok,没有显示端口号的话肯定是项目启动失败了,建议重新走一遍流程)

  8. 浏览器输入 ip/域名:端口号 来访问node项目了

  9. 傻瓜式部署,按流程来没有任何问题;

三、技术实现

  1. Node.js框架

前端铺子后端系统采用Node.js作为后端开发框架。Node.js是一个基于Chrome V8引擎的JavaScript运行环境,具有非阻塞I/O、事件驱动、单线程等特点,非常适合构建高并发的Web应用。通过Node.js,我们可以快速搭建起一个高效、稳定的后端服务。

  1. Nodemon工具

为了提高开发效率,前端铺子后端系统引入了Nodemon作为开发时的热更新工具。Nodemon可以监控文件系统的更改,并自动重启Node.js应用程序。这样,在开发过程中,我们无需手动重启服务器即可查看代码更改的效果,大大提高了开发效率。

  1. MySQL数据库

前端铺子后端系统使用MySQL作为数据存储方案。MySQL是一个开源的关系型数据库管理系统,具有高性能、稳定性和可扩展性等优点。通过MySQL,我们可以方便地存储和管理用户数据、项目信息、文章内容等核心数据。同时,MySQL还支持多种索引方式、事务处理等高级功能,可以满足复杂的数据查询和更新需求。

四、功能介绍

  1. 登录功能

前端铺子后端系统提供了登录接口,支持用户通过用户名和密码进行登录验证。登录成功后,系统会返回用户信息和令牌(Token),用于后续请求的身份验证和授权。

  1. 项目管理功能

项目管理功能是前端铺子后端系统的核心功能之一。系统提供了项目创建、查询、更新和删除等接口,支持前端开发者对项目进行全生命周期的管理。通过项目管理功能,开发者可以方便地创建新的项目、查看已有项目的详细信息、更新项目状态或删除不再需要的项目。

  1. 文章管理功能

文章管理功能允许前端开发者在系统中发布和管理文章。系统提供了文章创建、查询、更新和删除等接口,支持富文本编辑和标签管理等功能。通过文章管理功能,开发者可以轻松地发布技术文章、分享经验心得或记录学习笔记等。

  1. 文件上传功能(基于七牛云)

前端铺子后端系统还支持文件上传功能,基于七牛云提供的云存储服务实现。开发者可以将图片、文档等文件上传到七牛云服务器,并通过系统提供的接口获取文件的URL地址。这样,开发者就可以将文件嵌入到网页中或通过链接分享给他人。

  1. 百度统计API调用功能

为了方便开发者进行网站数据统计和分析,前端铺子后端系统还提供了百度统计API调用功能。通过调用百度统计API接口,开发者可以获取网站的访问量、用户行为等数据,并据此进行网站优化和改进。

图片

五、总结与展望

前端铺子后端系统是一个基于Node.js的开源后端服务,旨在为前端开发者提供一个简单易用、性能优良的后端支持。通过整合Node.js、Nodemon和MySQL等技术,该系统实现了登录、项目管理、文章管理等核心功能,并支持文件上传和百度统计API调用等扩展功能。未来,我们将继续完善和优化系统功能,提供更多实用的功能和工具,为前端开发者提供更加全面和高效的后端支持。同时,我们也欢迎广大开发者提出宝贵的意见和建议,共同推动前端铺子项目的发展和进步。

项目gitee地址:

https://gitee.com/kevin_chou/qdpz-nodejs

项目文档地址:

https://qdpz.zhoukaiwen.com/guide/nodejs/

图片

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1672031.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

每日一题 城市群的数量

题目解析 城市群数量_牛客题霸_牛客网 当解决这个问题时,首先需要理解题目要求。题目中给出了一个城市之间的邻接矩阵,矩阵中的元素表示城市之间是否直接相连。如果两个城市直接相连,或者通过其他城市间接相连,它们就属于同一个城…

Java面试八股之String s = “String“;和String s = new String(“String“);有什么区别

Java中String s "String";和String s new String("String");有什么区别 字符串字面量("String"): 常量池:使用字面量方式创建字符串时,Java虚拟机(JVM)会在运…

数组 | 双指针经典题目

Leetcode977:有序数组的平方 . - 力扣(LeetCode). - 备战技术面试?力扣提供海量技术面试资源,帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/squares-of-a-sorted-array/d…

AI2024(64bit) Adobe Illustrator 软件安装包下载

AI2024(64bit) Adobe Illustrator 软件安装包下载地址: 百度网盘下载https://pan.baidu.com/s/1C10-2JVN1rxFF5VFRuV2Yw?pwdSIMS 在创意设计的浩瀚宇宙中,Adobe Illustrator 2024如同一颗璀璨新星,以其无与伦比的创新功能和优化体验&#x…

AI翻唱+视频剪辑全流程实战

目录 一、AI翻唱之模型训练 (1)模型部署 (2)数据集制作——搜集素材 (3)数据集制作——提升音频质量 方法一:使用RVC提供的音频处理功能。 方法二:可以使用音频剪辑工具Ad…

vivado Kintex UltraScale+ 配置存储器器件

Kintex UltraScale 配置存储器器件 下表所示闪存器件支持通过 Vivado 软件对 Kintex UltraScale 器件执行擦除、空白检查、编程和验证等配置操作。 本附录中的表格所列赛灵思系列非易失性存储器将不断保持更新 , 并支持通过 Vivado 软件对其中所列非易失性存…

CommandLineRunner和ApplicationRunner接口实现类中run方法发生异常导致spring程序关闭

今天其他组的一个程序在k8s中启动报错,启动之后立马就关闭了。我去看日志,发现最后面报了一个UnknownHostException异常,感觉是这个原因导致的,然后查看异常栈。定位到一个CommandLineRunner接口实现类,这个实现类里面…

一道dp错题

dis(a,b)就是两点之间的距离公式 那么这道题该怎么解呢,.先看数据范围x,y<1e4,so,18个点两点之间距离最大18*1e4*sqrt(2)<2^18,所以如果跳过的点大于18个点,那么显然一个区间内最多不会跳跃超过17个点 现在我们想知道前i个点跳跃几次在哪跳跃能够达到最小花费,不妨设跳…

STM32(GPIO)

GPIO简介 GPIO&#xff08;General Purpose Input Output&#xff09;通用输入输出口 引脚电平&#xff1a;0V~3.3V&#xff0c;部分引脚可容忍5V 输出模式下可控制端口输出高低电平&#xff0c;用以驱动LED、控制蜂鸣器、模拟通信协议输出时序等 输入模式下可读取端口的高低电…

迄今为止最全- 前端性能优化

简介 当我们说前端性能优化的时候&#xff0c;指的可能是不同场景的性能优化。前端涉及性能优化的场景主要有&#xff1a; 项目构建性能优化 页面性能优化 加载时性能优化 运行时性能优化 构建性能主要指构建速度&#xff0c;优化方法和打包工具直接相关&#xff0c;主要…

航空科技:探索飞机引擎可视化技术的新视界

随着航空技术的飞速发展&#xff0c;飞机引擎作为航空器最为关键的部件之一&#xff0c;其性能直接影响到飞机的安全性、经济性和环保性。因此&#xff0c;飞机引擎可视化技术的应用日益成为航空行业研究和发展的热点。 通过图扑将复杂的飞机引擎结构和工作原理以直观、生动的…

[GXYCTF 2019]Ping Ping Ping(内联执行)、[鹤城杯 2021]EasyP ($_SERVER)

目录 [GXYCTF 2019]Ping Ping Ping 内联执行 [鹤城杯 2021]EasyP [PHP_SELF]、$_SERVER[SCRIPT_NAME] 与 $_SERVER[REQUEST_URI] RCE命令注入可参考&#xff1a; RCE漏洞及其绕过——[SWPUCTF 2021 新生赛]easyrce、caidao、babyrce-CSDN博客 [GXYCTF 2019]Ping Ping Pin…

有哪些网络兼职适合大学生参与?揭秘几个简单又实用的兼职机会

有哪些网络兼职适合大学生参与&#xff1f;揭秘几个简单又实用的兼职机会 对于大学生而言&#xff0c;除了专注于学业&#xff0c;利用空余时间参与一些网络兼职&#xff0c;不仅能锻炼个人技能&#xff0c;还能为未来的职业生涯积累宝贵的经验。想象一下&#xff0c;步入社会…

基于SpringBoot + Vue的学生宿舍课管理系统设计与实现+毕业论文(15000字)+开题报告

系统介绍 本系统包含管理员、宿管员、学生三个角色。 管理员&#xff1a;管理宿管员、管理学生、修改密码、维护个人信息。 宿管员&#xff1a;管理公寓资产、管理缴费信息、管理公共场所清理信息、管理日常事务信息、审核学生床位安排信息。 学生&#xff1a;查看公共场所清理…

标准输入输出流(中北大学-程序设计基础(2))

目录 题目 源码 结果示例 题目 输入三角形的三边a,b,c&#xff0c;计算三角形的面积。形成三角形的条件是ab>c,bc>a,ac>b&#xff0c;编写程序&#xff0c;输入a,b,c&#xff0c;检查a,b,c是否满足以上条件&#xff0c;如不满足&#xff0c;由cerr输出有关出错信息…

IDEA设置 | 个性化设置

&#x1f64b;大家好&#xff01;我是毛毛张! &#x1f308;个人首页&#xff1a;神马都会亿点点的毛毛张 文章目录 前言IDEA自动生成序列化ID 前言 本篇博客将专注于整理IDEA新UI界面的相关设置 IDEA自动生成序列化ID CtrlAltS快捷键打开设置界面 选择Editor→Inspections…

MyBatis——使用MyBatis完成CRUD

CRUD&#xff1a;Create Retrieve Update Delete 1、insert <insert id"insertCar">insert into t_car(id,car_num,brand,guide_price,produce_time,car_type)values(null,1003,五菱宏光,30.0,2020-09-18,燃油车); </insert> 这样写显然是写死的&#…

大模型微调方法汇总

微调方法 Freeze方法P-tuning方法 prefix-tuningPrompt TuningP-tuning v1P-tuning v2Lora方法 重要相关参数LoRA 的优势Qlora方法 相关参数微调经验 模型选择模型大小选择数据处理微调方案英文模型需要做词表扩充吗&#xff1f;如何避免灾难遗忘大模型的幻觉问题微调后的输出…

2024第八季完美童模 【星光】品牌赛区 【直通】赛 完美收官

2024年5月1日&#xff0c;春风徐徐的【星光品牌赛区】热闹非凡&#xff0c;备受瞩目的第八季完美童模【星光品牌赛区】赛区【直通赛】在这一天正式拉开了帷幕。比赛现场&#xff0c;童模们身着华服&#xff0c;在舞台上演绎了“亚特兰蒂斯”的时尚主题赛。 参赛选手们身着带有海…

新店2个月盈利6万,就是因为做对了这六个步骤,教你正确起店步骤

大家好&#xff0c;我是电商花花。 2024年依然能做抖音小店&#xff0c;因为就按照我们这边团队的实操经验来看。 抖音小店不仅可以做&#xff0c;而且即便是新手小白也可以做&#xff0c;只要掌握抖音小店背后的运营方法和起店步骤&#xff0c;就能很快出单并做起来。 今天…