使用nodejs进行WEB开发
这里,准备从零开始用nodejs实现一个微博系统。功能包括路由控制、页面模板、数据库访问、用户注册、登录、用户会话等内容。
将会介绍Express框架、MVC设计模式、ejs模板引擎以及MongoDB数据库的操作。
准备工作
使用http模块,Express框架,
nodejs的抽象如此之差,把不该有的细节暴露给开发者。你可以用它做任何HTTP服务器能做的事情,不仅仅是做一个网站,甚至实现一个HTTP代理服务器都行。
Express是WEB开发框架。
实现:
为HTTP模块提供了更高层的接口,
路由控制,
模板解析支持,
动态视图,
用户会话,
CSRF保护,
静态文件服务,
错误控制器,
访问日志,
缓存,
插件支持。
多数功能只是对HTTP协议中常用操作的封装,更多的功能需要插件或者整合其他模块来完成。
快速开发
安装Express
在项目目录下
npm install -g express-generator
express --help
建立工程
express -t ejs microblog 由于新版本没有-t命令
1.如何在项目中安装ejs模板引擎
在NodeJS指南中利用利用以下命令建立网站的基本结构:
express -t ejs microblog
运行这个命令后继续运行
cd microblog && npm install(安装项目的依赖属性),
发现安装的模板引擎是jade,而不是ejs。原因是现在的版本已经没有-t这个命令了,改为
express -e microblog
运行完这个命令,继续运行cd microblog && npm install,ejs模板引擎就安装好了
但是express3以上的版本把layout默认给取消了,所以现在在views文件夹下并没有生成layout.ejs。
2.安装了ejs后,如何使用ejs的layout模板
安装express-partials
在cmd中切换到项目目录,运行
(1)npm install express-partials
或者
(2)在 package.json
里面的 dependencies
添加 "express-partials": "*"
。然后在项目目录下运行 npm install
。
(3)然后在app.js
里面引用 express-partials,引用方法:
1.在path = require('path')
后,添加引用 var partials = require('express-partials');
2.在 app.set('view engine', 'ejs')后,
添加 app.use(partials());
3.增长端口,
app.listen(8100,function(){
console.log("Server Start!");
});
http://cnodejs.org/topic/515b009a6d38277306192e4e
启动服务器
http://localhost:8100
工程的结构
package.json
js文件: app.js, routes/index.js
模板引擎ejs也有2个文件index.ejs, layout.ejs
style.css
路由控制
工作原理
浏览器会向服务器发送请求,
app.js有一行app.get('/',routes.index),规定路径"/"的GET请求由routes.index函数处理。
最终视图模板生成HTML页面,返回给浏览器,
浏览器发现要获取style.css会再次向服务器发起请求,app.use()配置了静态文件服务器,找到文件,向客户端返回信息。
MVC架构,浏览器发起请求,由路由控制器接受,根据不同的路径定向到不同的控制器。
创建路由规则
app.get('/hello', routes.hello);
app.get是路由规则创建函数,接受2个参数,一个是请求的路径,一个是回调函数。
路径匹配
REST风格的路由规则
REST表征状态转移
GET app.get(path, callback);
POST app.post(path, callback);
PUT app.put(path, callback);
DELETE app.delete(path, callback);
控制权转移
同一路径绑定多个路由响应函数,
通过调用next(),会将路由控制权转移给后面的规则。
模板引擎
什么是模板引擎
是一个从页面模板根据一定的规则生成HTML的工具。
功能是将页面模板和要显示的数据结合起来生成HTML页面。目前的主流还是由服务器运行模板引擎。
使用模板引擎
推荐使用ejs
app.js中设置了模板引擎和页面模板的位置
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
调用模板routes/index.js
res.render('index', {title:'Express'});
模板文件index.ejs
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
页面布局
layout.ejs
片段视图
partials接受2个参数,第一个是片段视图的名称,第二个是一个对象或一个数组。
<%- partial('listitem', items)%>
视图助手
允许在视图中访问一个全局的函数或对象,不用每次调用视图解析的时候单独传入。partial就是视图助手。
两类,静态(对象)和动态(函数,不接受参数,可以访问req res对象)。
建立微博网站
功能分析
路由规划
界面设计
使用Bootstrap
用户注册和登录
访问数据库
NoSQL非关系型数据库
MongoDB对象数据库,没有表行等概念,没有固定的模式和结构。
链接数据库
(
开启服务器
C:\Program Files\mongodb\bin
> mongod.exe -dbpath "E:\mongodbfiles"
打开浏览器输入:http://127.0.0.1:27017/
mongo.exe
use cnblogs
> db.users.insert({'name':'xumingxiang','sex':'man'})
在shell 命令窗口键入如下命令:
> show dbs // 显示所有数据库
>show collections // 显示当前数据库下的所有集合
>db.users.find() // 显示users集合下的所有数据文档
)
会话支持
注册和登入
注册页面
注册响应
用户模型
视图交互
登入和登出
页面权限控制
发表微博
转载于:https://www.cnblogs.com/luyuan/p/3874644.html
使用nodejs进行WEB开发相关推荐
- nodejs web开发入门: Simple-TODO Nodejs 实现版
起因 看到simple todo的各种python版本实现, 我也来凑凑热闹... 既然已经有这么多python版本了, 我就对比实现了一个Simple-TODO的nodejs版本: Node TOD ...
- Nodejs入门学习,nodejs web开发入门,npm、express、socket配置安装、nodejs聊天室开发
一.Node.js:服务器端的 JavaScript 运行环境,它具有无阻塞和事件驱动等特色,采用 V8 引擎,实现了类似 Apache 和 Nginx 的 Web 服务,让你可以通过它来搭建基于 J ...
- 写给自己的web开发资源
web开发给我的感觉就是乱七八糟,而且要学习感觉总是会有东西要学习,很乱很杂我也没空搞,(其实学习这个的方法就是去用它,什么你直接用?学过js么学过jquery么?哈哈,我没有系统的看完过,但是也做出 ...
- [转帖]2019 简易Web开发指南
2019 简易Web开发指南 2019年即将到来,各位同学2018年辛苦了. 不管大家2018年过的怎么样,2019年还是要继续加油的! 在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分 ...
- js 获得明天0点时间戳_Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战...
点击上方"测试开发技术",选择设为"设为星标" 优质文章,第一时间送达! 学习全文大概需要 12分钟,内容实战性较强. 1. 前言 本篇将基于Python 3. ...
- 《Node.js入门》Windows 7下Node.js Web开发环境搭建笔记
最近想尝试一下在IBM Bluemix上使用Node.js创建Web应用程序,所以需要在本地搭建Node.js Web的开发测试环境. 这里讲的是Windows下的搭建方法,使用CentOS 的小伙伴 ...
- NodeJS作为Web架构中间层的使用
截至2016年12月,中国网民规模已达7.31亿.传统的网站系统是否能够支撑得起如此庞大的且不断增长的用户访问并且为用户提供体验友好的页面? 一.传统的前后端: 二.传统的前后端分离问题: 性能问题: ...
- 一站式Web开发套件BeetleX.WebFamily
BeetleX.WebFamily是一款前后端分离的Web开发套件,但它并不依赖于nodejs/npm/webpack等相关工具:而使用自身实现的方式来完成前后端分离的Web应用开发:套件以组件的方式 ...
- 知识图谱开发实战案例剖析_我从剖析Web开发人员路线图中学到的知识
知识图谱开发实战案例剖析 by Nicole Archambault 妮可·阿坎巴特(Nicole Archambault) 我从剖析Web开发人员路线图中学到的知识 (What I learned ...
最新文章
- Visual Studio 2017错误:无法启动程序,在当前状态下操作不合法
- 在Kubernetes上使用Prometheus Operator监视应用程序
- CSS框架+响应式设计
- Exception in thread “main“ java.util.ConcurrentModificationException
- Linux Python 安装第三方库时报错 package wheel is not installed
- BIM族库下载——Revit灯具族库
- 查看服务器sftp用户信息,linux查看sftp服务器配置
- 如何用计算机做文档,在wps上怎么做文档_在wpsoffice上怎么做文档的图文步骤
- 如何在Word中输入带方框对勾
- 电化学线性极化曲线的Tafel外推法(Tafel拟合)得到年腐蚀速率和极化电阻的原理(科研投稿)
- 解决图片处理插件image-conversion压缩后图片底色变黑
- GitHub封了41万俄罗斯开发者账户,开源真的无国界?
- 递归、迭代和分治(1):递归
- 高效阅读 - 日本 - 渡边康弘
- 关于强联通分量 的求法讨论
- 熟悉Android---使用imageView加载网络图片
- 新闻稿写作的具体要求是什么?
- GPT-4掀起智能革命浪潮,AI风口下将涌现哪些新机遇?
- 年会排节目单:检查同一个演员不会出现在连续的三个节目之中
- win7 任务栏图标计算机,Win7系统电脑清理任务栏图标的操作方法