node.js开发小项目的全过程 2 初识目录结构

Vue 项目结构完全解析:从 node_modules 到 src 目录的奥秘 Vue 项目结构清晰且功能明确,每个目录和文件都有其特定的用途。理解这些结构有助于更好地组织代码、提高开发效率并保持项目的可维护性。希望本文能帮助你深入掌握 Vue 项目的结构设计。如果你有任何问题或需要进一步的指导,请随时留言! 阅读详情

下面是目录结构


bin目录在开发中没有用到,所以就不讲了(我也不知道它是干什么的)


public目录是静态文件的存储目录,包括css,javascript,图片等


           route目录是路径规则目录,也就是node的路由相关文件,通俗点的来说,假设有一个网站叫www.test.com,而你想访问www.test.com/user这个页面,当你输入这个网址,node的后台根据你的网址开始匹配对应的html文件或者模板,那么node是如何找到这个html或者模板的呢,就是根据某一个具体的routes文件得到的,事实上,这个目录也可以不要,直接在入口文件Aap.js写对应的路由规则即可,但建了这个目录主要是看代码简洁,专业来说就是降低代码的耦合性。


       views目录是模板引擎,在express中有两个模板引擎,一个是jade一个是ejs,jade专业,最大的优势是不用写标签,代码看起来简洁,但是代码难懂,入门难,ejs几乎和html一样,可以说你会html的书写,你就会了ejs,这次项目中我们用的是ejs,之所以现在看见的是jade是因为,express默认的是jade,可以在创建express的时候使用-e指明安装ejs模板,在后面我们会用另一种方法改模板引擎。

     那么什么是模板引擎,通俗的来讲,我们可以用html + css +js编写任何网页,但是如果遇到动态页面,有从数据库传递过来的信息,我们不得不编写对应的js使得信息可以在html文件中显示。那么,每次编写的代码对我们来讲都是一个很复杂的工作量,所以有人为了简化这项工作,发明了模板引擎,在模板引擎中添加相关的占位符,在输出网页时,相应的占位符被更换成对应的后台数据,所以可以这么理解模板引擎,只不过是可以将代码简化并接受后台数据的从而生成对应的页面。


     app.js,这是网站的初始化文件,或者讲是入口文件,什么是app.js,通俗的来讲,就是用node启动这个文件后,这个文件会生成对应的路由规则,你所用的什么模板等,这么说太抽象,请查阅我的相应博客


      package.json

    包管理文件,又或者模块管理文件,


   我们重点看的是它的dependencies的结构

   这个里面包含的是这的项目所需要的包,那么什么是包,node有很多原生的API,我们可以用node原生态的函数建立网站,但是前提是我们必须熟悉node,且就算你很熟悉,用node原生态建立项目,工作量一定很大,举一个很简单的例子,JQuery我相信是每个前端或者网络开发者必用的一个js框架,jquery本生就是js,但是他把js的很多常用的功能封装成一个个函数,这样人们可以很快速的用jquery写出一个简洁的并且强大的js代码。

     而包,就是开发者将我们项目开发中常用的功能,封装成一个个函数,把代码量大了,复杂的就用几个方法代替,加快我们的工作进度。

     著名的node包比如express

    看上面的数据结构

    jade  相应的模板引擎

    这就说明建立一个项目是需要多个相应包的

    如果,你需要什么包,可以在里面书写包名,及对应的包版本

    上面我们说要模板引擎用ejs的,所以数据结构可以改成这样

     

然后cmd命令行进入example(你的项目名)目录

运行

npm install即可(需要git)

你所在的项目下会生成一个node_modules目录,里面就是你所需的包

这是项目网站的地址,网站上有源码地址,以上传到github上了

Node.js项目搭建与开发 nodejs项目的基本目录结构 assets 静态资源(css、img等) controllers 控制器文件(执行逻辑业务) node-modules 管理项目所有的依赖包 views 页面(.ejs文件) routers 路由文件 model 操作数据库文件 app.js 入口文件 package.json package-lock.json nodejs开发步骤: 项目结构搭建完成后。 第一步 在app.js文件执行控制器命令窗口(先下载所需模块:逐条执行) npm install express 阅读详情

相关推荐

PM2 在 Node.js 项目中的使用与部署指南

pm2在nodejs项目中的使用

jmszl1991的博客 1540

【node.js】看这一篇就够了!标准node项目文件和项目执行过程简要分析

本文重点讲解了package.json文件package-lock.json文件和node项目的执行过程。重点分析了package.json文件中script字段和dependencies字段功能和注意事项,还有package-lock.json文件的作用。之后又简要分析了node项目的执行过程,分成两大部分三步。

K。的博客 8407

掌握Node.js项目核心:node_modules目录详解

依赖分析工具可以帮助开发者理解项目的依赖关系和模块占用情况。一些流行的工具包括::提供了一个简单的方式检查并更新依赖到最新版本。:用于分析npm包的大小,并预测安装后的体积变化。wiz:提供了一个直观的界面,用于探索依赖树、查看版本历史和下载大小。

weixin_42515842的博客 966

node项目的基本目录结构

1、public目录:项目公共目录,存放静态资源(img、js、css)和公共资源,404错误提示页面; 2、routor目录: 路由控制器目录,存放路由文件,将所有的业务逻辑都都写在这里; 3、views目录: 视图/模版目录,存放HTML模板文件; 4、module目录: 自己写的一些模块; 5、node_modules:存放所有的项目依赖库,配置package.json之后执行n...

weixin_30552635的博客 425

Node.js-前后端分离工程目录demo

开发一个项目,技术很重要,合理的工程目录安排更加重要。我根据这些年的经验,整理了一套认为比较完美的前端工程目录设计。

这是一个全栈完整项目uniapp小程序+vue后台管理系统+node.js完整项目+mysql数据库

技术栈 uni-app+webpack+vue+axios+node.js+express+mysql 小程序端项目描述 **具体模块的实现:**轮播图与招聘车队的展示、赛事规则与精彩十佳球的查看、赛赛车队人员信息的查看、流程页面采用触底页进行渲染、用户登录基于jwt+token认证,登录成功后可搜索用户进行关注、修改资料、查看战绩、接收通知、意见反馈、修改密码、绑定手机号、注销用户等。 PC端后台管理系统项目描述 **开发技术块:**设计vue+webpack+element-ui创建项目配置及、项目结构分配、模块定义;模块封装,组件定义、sass布局、过滤器整体封装、axios二次封装;token权限判断、不同的动态加载接入、动态导航导航数据及漏卫对页面进行操作;vuex多模块定义,用户权限模块数据管理及异步处理;

【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门

【node写接口】 通过node 快速搭建一个服务器小白入门 学习后端开发接口

fruge365的博客 5832

基于PLC的茶叶揉捻机自动控制系统设计【附代码】

茶叶揉捻是初茶加工过程中的一道关键工序,通过揉捻可以使鲜茶叶成条、碎茶及叶组织细胞破损等。影响茶叶成条率、碎茶率和叶组织细胞破损的主要因素包括揉捻时间、压力和揉捻桶转速。为了提高茶叶品质的稳定性和减轻工人的劳动强度,本文提出了一种基于PLC自动控制技术的茶叶揉捻机控制系统设计。📊 PLC自动化设计 | 毕业设计指导 | 工业自动化解决方案。✅ 具体问题可以私信或查看文章底部二维码。✅ 感恩科研路上每一位志同道合的伙伴!

lagougongzuoshi的博客 1341

Nodejs--Express框架使用

我们可以写一个类似springmvc那样的拦截器,来判断是否登录//导入会话管理next();}else{//如果不是白名单,那么就需要验证了console.log("黑名单拦截...");//黑名单= null){//比较二者值//相等,放行,跟新session时间console.log("放行...");//遍历完没有找到seesionID,说明回话过期return res.status(401).json({message:'会话过期!,请重新登录'})

可爱的鸡仔的博客 1801

避坑指南:Livox Mid-360双雷达SLAM配置中,那些官方文档没说的细节(IP设置、话题分离与时间同步)

本文详细解析了Livox Mid-360双雷达SLAM配置中的关键优化点,包括IP设置、话题分离与时间同步等官方文档未提及的细节。通过实战案例和代码示例,帮助开发者解决点云错位、IMU数据混乱等问题,提升SLAM系统的稳定性和精度。特别针对网络架构设计、驱动修改和时间同步机制提供了专业指导。

weixin_29745609的博客 425

别再只盯着充电功率了!从PWM信号到PLC通信,一文读懂CCS2充电桩如何跟你家电动车“聊天”

本文深入解析了CCS2充电桩与电动汽车之间的12次关键通信交互,从硬件握手到PLC加密通信,再到充电参数动态协商与安全校验。通过详细的技术细节和实时交互逻辑,揭示了现代快充技术如何实现高效安全的能量传输,帮助用户理解充电过程中的核心技术要点与故障排查方法。

weixin_30527323的博客 141

实操理解node_modules目录结构

解读node_modules目录结构

okey573的博客 4294

Android GNSS 模块分析(三)JNI 层

Android GNSS;定位服务;GPS;NMEA协议;LocationManagerService;导航;

Yang_Mao_Shan的博客 5156

node.js 初识node.js,运行在服务端的 JavaScript(一)

文章目录1.浏览器原理2.浏览器访问服务器过程3.web开发本质4.什么是node.js?5.node.js有哪些特点?6.安装Node.js 1.浏览器原理 2.浏览器访问服务器过程 https://edu.aliyun.com/lesson_1730_14083?spm=5176.10731542.0.0.4fb815f2VGm9PU#_14083 请求报文和相应报文。 3.web开发本质 一般web都是下面三点一样: 1.请求,客户端发起请求。 2.处理,服务器处理请求。 3.响应,服务器将处理结果

探索技术与实践的旅程,分享编程经验与工具使用心得,助力开发者提升技能。 1万+

RK3566/RK3588 NPU性能实测:用mobilenet模型快速验证你的开发板NPU是否正常工作

本文提供了RK3566/RK3588开发板NPU性能实测指南,通过MobileNet模型快速验证NPU是否正常工作。详细介绍了环境搭建、测试资源获取、编译运行及结果分析的全流程,帮助开发者高效验证神经网络加速器功能,为后续AI应用部署奠定基础。

weixin_28826521的博客 447

Ubuntu 上 1Panel 的安装与高效运维实践

本文详细介绍了在Ubuntu系统上安装和高效运维1Panel面板的完整实践指南。内容涵盖了一键安装、Docker容器可视化部署、计划任务自动化以及网站数据库管理等核心功能,并提供了安全加固、资源监控与数据备份等进阶技巧,旨在帮助用户快速搭建并管理一个强大易用的服务器环境。

weixin_29210759的博客 142

【Node.js】初识Node.js

Node.js——基于 JavaScript 的服务端开发脚本语言...

HuoZhiyan 的博客 4946

基于R-CNN深度学习的常见手势识别系统:数据集、模型和UI界面的完整实现

卷积神经网络(CNN):用于从图像中提取特征。区域提议网络(RPN):用于生成可能包含手势的候选区域。:将候选区域调整为固定大小,并进行进一步的分类和回归。接下来,我们需要加载一个预训练的Faster R-CNN模型,并对其进行微调。我们将使用# 加载预训练的Faster R-CNN模型# 获取分类器的输入特征数# 替换分类器头部,设置为我们数据集的类别数(假设有5类手势)

YOLO 999

Web前端技术栈推荐:HTML/CSS/JavaScript + Node.js + Next.js + React + TypeScriptWeb;项目代码目录结构、生产环境目录结构

该架构方案通过严格的分层策略确保各模块的高度内聚,配合 TypeScript 的静态类型校验机制,有效提升复杂业务场景下的开发效率与系统可靠性。即便作为新手,这种技术组合也能让你从一开始就接触到业界最佳实践,建立现代Web开发的正确认知。尽管初期学习曲线稍陡峭,但基础一旦建立,后续开发效率会大幅提升。技术栈是非常现代且合理的选择,尤其是对于想要构建高性能全栈应用的新手。— 一、基础工程结构 —— 二、环境适配策略 —— 三、架构设计哲学 —— 四、演进路径 —

Dontla的博客 1780

MacBook Air老本重装系统

手里的这个本子型号是A1466,cpu i5,4G内存,硬盘ssd 120G。 重装系统可以在原系统上升级到更新版本,或者用U盘安装。 先确定,这个本子可以安装什么系统。 最权威的信息当然是apple的官网,地址:https://support.apple.com/zh-cn/HT211683 在“检查兼容性”中,可以依次检查每个系统兼容的硬件型号。Mojave是A1466能安装的最高版本。 确认兼容性后,下一步就是下载安装文件。还是这个页面稍下面一点可以找到。 这里告诉用户文件可以在什

bigwood99的博客 2万+

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

如何在 JavaScript 项目中限制Node.js版本

在现代JavaScript开发中,Node.js扮演了一个非常重要的角色。不同版本的Node.js可能会带来不同的特性和行为,因此在项目中限制Node版本是一个很关键的步骤。本文将通过通俗易懂的方式,教你如何在JavaScript项目中限制Node.js的版本。在开发过程中,确保所有团队成员使用同一个Node.js版本,可以大大减少因为版本不一致而引起的问题,提高开发效率和项目的稳定性。

乐闻世界 2509

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

Node.js NAN 模块开发指南

NAN(Native Abstractions for Node.js)是专为Node.js设计的一个库,它提供了简单且健壮的方式以桥接JavaScript代码和C++,特别是在利用V8引擎特性时。本指南旨在帮助开发者理解和操作NAN项目,确保能够顺利进行Node.js的底层扩展开发。 ## 1. 项目的目录结构及介绍 NAN项目遵循了典型的Node.js扩展项目结构,虽然其自身是一个库,但其...

gitblog_00877的博客 1302

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

Node.js Express 工程化项目目录结构详解

这是一个基于 Node.js + Express + MySQL 的后端工程化项目,采用了模块化设计、中间件分层和 RESTful API 设计原则。项目实现了用户认证、权限控制、数据库操作等核心功能,展示了一个结构良好的后端应用架构。这个 Node.js Express 工程化项目展示了一个结构良好的后端应用架构,采用了模块化设计、中间件分层和最佳实践。通过清晰的目录结构和职责分离,使代码更易于维护和扩展。项目包含了完整的用户认证、权限控制、错误处理等功能,可以作为构建更复杂应用的基础。

m0_56713958的博客 1637

Node.js后端与现代前端的项目结构(全栈项目组织方式、代码目录、项目目录、后端目录、前端目录)react目录结构

│ ├── shared/ # 共享代码│ │ │ ├── types/ # 共享类型定义│ │ │ ├── utils/ # 共享工具函数│ │ │ └── constants/ # 共享常量│ ├── backend/ # 引用shared包│ └── frontend/ # 引用shared包。

Dontla的博客 1706

Node.js 从零开发 web server博客项目[接口]

目录结构 |-- app.js |-- package.json |-- bin | |-- www.js |-- src |-- controller | |-- blog.js | |-- user.js |-- model | |-- resModel.js...

izhaong 2315
上一篇: node.js开发小项目的全过程 1 快速创建项目
下一篇: javascript权威指南(6)
code_jack
博客等级 码龄11年 4粉丝 5原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值