平台
window+r
cd Desktop–桌面
npm -l
npm help init–详细文档
npm init
packagename :express-demo
description : 使用express手动创建项目
entry point: (index.js) (server.js)
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)
- 如何让视图动态化?
使用ajax请求数据,再渲染到视图上。
或使用render()函数进行服务器端渲染,使用视图模板(如:ejs)进行渲染
- 使用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
- 项目结构详解
node_modules:是安装的第三方模块包,可以删除重新安装。一般不建议进行git版本管理。
public:是静态资源文件夹,主要存放一些静态图片,样式,脚本,文档,音频,视频等等。项目的小图标要放到此位置。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!