使用express创建项目

test command: node index.js

git-版本管理

keywords: node express 模块包

author: 闫凤婷

license: (ISC)-许可证 MIT(商业收费)

2.回顾以前的js知识

$.post(),

$.get(),

$.ajax()

xmlhttprequest() 用于在后台与服务器交换数据。

总结:

手动创建node项目:

1.使用npm init命令创建package.json

2.创建入口文件index.js

3. 编写代码

3.1安装一些项目依赖的模块,这些模块中已经存在大量的API供你使用

使用npm install 命令去安装

3.2你自己封装的业务逻辑

4.使用node index.js执行

如何操作?

npm install 安装模块包

npm install package-name --save

–save会把安装的模块包添加到package.json文件中的dependencies项下

–save-dev会把安装的模块包添加到package.json文件中的devDependencies项下

版本不经常变化(大的稳定)的安装到devDependencies

-g global 全局文件会安装到 C:\Users\ASUS\AppData\Roaming\npm\node_modules

可以使用npm root -g查看全局安装目录。

引用错误referenceError

package.json(项目清单)

它是一个JSON文件,JSON(Javascript Simple Object Notation)是一种简单的数据交换格式。

JSON文件中不能添加注释,语法格式严谨,双引号不能省略。且必须使用双引号,不能用单引号

在json里面添加注释,只能多加一个属性,

“version-desc”:“项目的版本号”

项目清单 让其他开发人员快速的了解你的项目,

了解你项目的主要功能,项目的入口文件,当前项目所使用的其他模块包

1.如何让index.html动态化?

render()渲染

或者使用jQuery中的Ajax

2.express框架中还有没有其他的方式让浏览器去查找视图进行渲染 ?

使用路由(router)

路由是什么?

是客户端发起请求,服务器端响应的一条路

如何创建一个路由?

先创建一个文件夹router,

1.路由功能是express框架提供的,所以第一步必须引入express框架,通过express.Router()来创建一个路由实例

2.定义一系列的路由接口,如route.get()

3.要把定义好的路由导出,让你定义好的路由在别的文件夹中能够访问 modele.exports = route;

如何使用路由?

1.在入口文件index.js中先把定义好的路由导入。

var index = require(“./router/index.js”)

2.然后加入管线 app.use(index)

  1. 如何让视图动态化?

使用ajax请求数据,再渲染到视图上。

或使用render()函数进行服务器端渲染,使用视图模板(如:ejs)进行渲染

  1. 使用express生成器自动创建项目

2.1. 先安装生成器:

npm install express-generator -g

2.2. 再创建项目:

express project-name --ejs

–ejs是视图模板

视图模板有很多,常用的有ejs,art-template,pug(jade),handlebars

2.3. 安装项目所依赖的模块包:

cd 项目名称

npm install

2.4. 运行项目:

npm start

  1. 项目结构详解

node_modules:是安装的第三方模块包,可以删除重新安装。一般不建议进行git版本管理。

public:是静态资源文件夹,主要存放一些静态图片,样式,脚本,文档,音频,视频等等。项目的小图标要放到此位置。

public/images:放图片(img)

public/javascripts:放脚本(js, scripts)

public/stylesheets:放样式(css)

routes:放的是路由接口(本质上是中间件)

views: 放置视图

bin:放置是和启动相关的业务逻辑,express帮你封装好了,一般不让修改。去引入了app.js。

http状态码了解:

200成功

301重定向

404页面找不到

500服务器端代码出错

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值