Node.js(day6)

时间:2023-01-23 22:00:58

初始化准备工作

  • 初始化目录

    nmp init -y
  • 安装基本的第三方插件

    express

    npm install express --save

    art-template

    npm install art-template express-art-template --save

    jquery

    npm intsall jquery --save

    bootstrap

    npm install bootstap --save

    body-parser

    npm install body-parser --save
  • 页面文件

    新建public文件夹,将写好的页面资源文件放进去。

  • 测试

    /*模块*/
    var express = require('express');
    var app = express();
    var path = require('path');
    var template = require('express-art-template'); /*组件、配置*/
    app.use('/public/', express.static(path.join(__dirname, './public')));//静态资源文件 /*服务器*/
    app.listen(8080, () => {
    console.log('8080 okk');
    });

Path模块相关知识

Path模块是Node中专门用来操作路径字符串的模块,可以避免手动操作字符串的一些错误,且跨平台。

一般的路径字符串如:/foo/bar/baz/asdf/quux.html,可以发现一些共性:

  • 目录名
  • 文件名
  • 扩展名
  • 是否为绝对路径

所以path最基本的就是获取这些共性信息。

path.dirname(pathStr)

path.dirname('/foo/bar/baz/asdf/quux.html');//--- /foo/bar/baz/asdf

path.basename(pathStr [,ext])

path.basename('/foo/bar/baz/asdf/quux.html');			//--- quux.html
path.basename('/foo/bar/baz/asdf/quux'); //--- quux
path.basename('/foo/bar/baz/asdf/quux.html', '.html'); //--- quux
path.basename('/foo/bar/baz/asdf/quux.html', '.htm'); //--- quux.html

path.extname(pathStr)

path.extname('/foo/bar/baz/asdf/quux.html');	//--- .html
path.extname('/foo/bar/baz/asdf/quux'); //---
path.extname('/foo/bar/baz/asdf/quux.'); //--- .

path.isAbsolute(pathStr)

path.isAbsolute('/foo/bar'); // true
path.isAbsolute('/baz/..'); // true
path.isAbsolute('qux/'); // false
path.isAbsolute('.'); // false

此外,path还提供了一些常用的功能,比如

  • 将路径字符串转化为路径对象

    path.parse(pathStr)

    path.parse('/foo/bar/baz/asdf/quux.html');
    /*
    { root: '/',
    dir: '/foo/bar/baz/asdf',
    base: 'quux.html',
    ext: '.html',
    name: 'quux' }
    */
  • 将对象转化为路径

    path.format(pathObj)

    path.join('/foo', 'bar', 'baz/asdf', 'quux', '..');
    //--- /foo/bar/baz/asdf
  • 路径拼接

    path.join([...paths])

Node中的关于绝对路径的两个参数,__dirname__filename

  • __dirname为当前文件模块的绝对路径(不带文件名)。
  • __fielname为当前件模块带文件名的绝对路径。

由于相对路径会在文件移动后导致程序出现一些问题,所以我们在操作路径时尽量使用绝对路径代替相对路径。

art-template的使用

子模板

子摸版的应用场景是很多网页都有相同的头部和尾部,那么这部分重复的html代码我们可以单独写在一个html文件中,在需要的地方引入即可,这个html就是子文件。

art-template中子模板的语法就是用来实现这个模板文件的引入问题的。标准语法如下:

{{include './header.art'}}

{{include './header.art' data}}

具体可参考官方文档:https://aui.github.io/art-template/zh-cn/docs/syntax.html#%E5%AD%90%E6%A8%A1%E6%9D%BF

摸版继承

模板继承顾名思义,很多网页的结构大致相同,那么我们就可以编写一个父模板html文件,让类似结构的文件继承之,并可编写继承的内容。art-template中的模板继承语法实现了这种思路。

在父模板中:

{{block 'head'}} ... {{/block}}

可规定继承块。

在自模板中,先继承,再修改继承的模板内容

{{extend './layout.art'}}

{{block 'head'}} ... {{/block}}

更多内容请参考官方文档:https://aui.github.io/art-template/zh-cn/docs/syntax.html#%E6%A8%A1%E6%9D%BF%E7%BB%A7%E6%89%BF

路由设计

暂时设计一个简单的请求访问的跳转:

/*模块*/
var express = require('express');
var router = express.Router(); /*路由设计*/ router.get('/',(req,res) => {
res.render('./index.html');
}); router.get('/login',(req,res) => {
res.render('./login.html');
}); router.post('/login',(req,res) => {
res.render('./login.html');
}); router.get('/register',(req,res) => {
res.render('./register.html');
}); router.post('/register',(req,res) => {
//读取表单数据
var data = req.body; }); router.get('/logout',(req,res) => {
res.render('./register.html');
}); module.exports = router;

然后在app.js中使用路由:

/*模块*/
var express = require('express');
var app = express();
var path = require('path');
var template = require('express-art-template');
var bodyParser = require('body-parser');
var router = require('./router.js'); /*组件、配置*/
app.use('/public/', express.static(path.join(__dirname, './public')));//静态资源文件
app.use('/node_modules/',express.static(path.join(__dirname,'./node_modules')));//静态资源文件 app.engine('html', template);//配置模板引擎(设置的目录文件下的html文件自动渲染) app.use(bodyParser.urlencoded({ extended: false }));// parse application/x-www-form-urlencoded
app.use(bodyParser.json());// parse application/json app.use(router); /*服务器*/
app.listen(8080, () => {
console.log('8080 okk');
});

退出登录逻辑

完善路由设计中的退出登录逻辑。

注册功能

1.数据库

注册就需要保存用户信息,这里使用mongodb数据库来保存用户信息。所以先安装mongoose

npm install mongoose --save

使用新的文件模板来设计用户表:比如user.js

var mongoose = require('mongoose');

//连接数据库
mongoose.connect('mongodb://localhost/test', {
useMongoClient: true
}); //设计用户表
var Schema = mongoose.Schema;
var userSchema = new Schema({
email: {
type: String,
required: true
},
nickname: {
type: String,
required: true
},
password: {
type: String,
required: true
},
create_time: {
type: Date,
default: Date.now
},
last_modify_time: {
type: Date,
default: Date,now
},
avatar: {
type: String,
default: '/public/img/avatar-default.png'
},
bio: {
type: String,
default: ''
},
gender: {
type: Number,
enum: [-1, 0, 1],
default: -1
},
brithday: {
type: Date
},
status: {
type: Number,
enum: [0, 1, 2],
default: 0
}
}); module.exports = mongoose.model('User', userSchema);

Node.js(day6)的更多相关文章

  1. node.js学习(三)简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  2. 利用Node.js的Net模块实现一个命令行多人聊天室

    1.net模块基本API 要使用Node.js的net模块实现一个命令行聊天室,就必须先了解NET模块的API使用.NET模块API分为两大类:Server和Socket类.工厂方法. Server类 ...

  3. Node.js:进程、子进程与cluster多核处理模块

    1.process对象 process对象就是处理与进程相关信息的全局对象,不需要require引用,且是EventEmitter的实例. 获取进程信息 process对象提供了很多的API来获取当前 ...

  4. Node.js:理解stream

    Stream在node.js中是一个抽象的接口,基于EventEmitter,也是一种Buffer的高级封装,用来处理流数据.流模块便是提供各种API让我们可以很简单的使用Stream. 流分为四种类 ...

  5. Node.js:Buffer浅谈

    Javascript在客户端对于unicode编码的数据操作支持非常友好,但是对二进制数据的处理就不尽人意.Node.js为了能够处理二进制数据或非unicode编码的数据,便设计了Buffer类,该 ...

  6. node.js学习(二)--Node.js控制台(REPL)&&Node.js的基础和语法

    1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...

  7. Node.js npm 详解

    一.npm简介 安装npm请阅读我之前的文章Hello Node中npm安装那一部分,不过只介绍了linux平台,如果是其它平台,有前辈写了更加详细的介绍. npm的全称:Node Package M ...

  8. Node.js入门(一)

    一.Node.js本质上是js的运行环境. 二.可以解析js代码(没有浏览器安全级的限制): 提供系统级的API:1.文件的读写 2.进程的管理 3.网络通信 三.可以关注的四个网站: 1.https ...

  9. Node.js学习笔记——Node.js开发Web后台服务

    一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...

随机推荐

  1. Linux(RHEL7.0)下安装nginx-1.10.2

    查看当前系统版本是否支持 当前,nginx发布包支持以下Linux操作系统版本: RHEL/CentOS: Version Supported Platforms 5.x x86_64, i386 6 ...

  2. maven命令参考简要

    命令参考简要说明 mvn archetype:generate — 创建生成Tiny骨架工程 参数名 说明 groupId 用户项目的包目录,用户需要根据实际情况设置.比如com.abc artifa ...

  3. PHP内核探索之变量(4)- 数组操作

    上一节(PHP内核探索之变量(3)- hash table),我们已经知道,数组在PHP的底层实际上是HashTable(链接法解决冲突),本文将对最常用的函数系列-数组操作的相关函数做进一步的跟踪. ...

  4. Ubuntu 在未知root密码的情况下修改root密码

    一, 开机按 F12 (或长按Shift), 进入GRUB界面. 二, 在 recovery mode 按e Ubuntu, Linux 3.5.0-17-generic (恢复模式) (或recov ...

  5. C# Winform 开发框架

    C/S系统开发框架-企业版 V4.0 (Enterprise Edition) 简介: http://www.csframework.com/cs-framework-4.0.htm 视频下载: 百度 ...

  6. html基础知识总结2

    下拉列表,文本域,复选框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

  7. String类的构造方法(2)

    写了常见的几个而已. 1:new 一个String类的时候系统会自动传一个空构造 public String(); 注意: 当对象初始化是 null时 和 对象是 "" 时,两者是 ...

  8. ECMAScript 6入门 - 变量的解构赋值

    定义 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 解构赋值不仅适用于var命令,也适用于let和const命令. 解构赋值的规则是,只要 ...

  9. 机器学习技法:13 Deep Learning

    Roadmap Deep Neural Network Autoencoder Denoising Autoencoder Principal Component Analysis Summary

  10. Vue&period;&dollar;nextTick

    `Vue.nextTick(callback)`,当数据发生变化,更新后执行回调. `Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调