node心得一 ---模板引擎,mysql,静态资源托管,中间件的使用,cookie的使用

一.模板引擎ejs之使用 

var express = require('express')

var app=express(); app.set('view engine','ejs') app.set('views','./demo/express-hack')

app.get('/',function(req,res) { res.render('./demo1.ejs',{name : 'wangshi'}) });

app.listen(8888,function() { console.log('http://localhost:8888'); })

二.mysql之使用

var express = require('express')
//导入mysql module
var mysql = require('mysql')

var app=express();

//与数据库建立连接
var conn = mysql.createConnection({
    host: '127.0.0.1',
    user: 'root',
    password: 'root',
    database: 'baixiu'
})

//查询操作
var query = "select * from categories"
conn.query(query,(err,res) => {
    if(err) console.log(err.message)
    console.log(res)
})


//增加操作
var obj = {
    slug: 'dasd',
    name: 'dasd',
    classname: 'sada'
}
conn.query('insert into categories set?',obj,(err,res) => {
    if(err) console.log(err.message)
    console.log(res)
})


//修改操作
var obj = {
    id : 5,
    slug: 'asda',
    name: 'dasd',
    classname: 'sada'
}
conn.query('update categories set? where id=?',[obj,obj.id],(err,res) => {
    if(err) console.log(err.message)
    console.log(res)
})

//删除操作
conn.query('delete from categories where id=?',1,(err,res) => {
    if(err) console.log(err.message)
    console.log(res)
})


app.listen(8888,function() {
    console.log('http://localhost:8888');
})

三.静态资源托管(利用static内置中间件)

const express = require('express')

const app = express()

// app.use() 的作用,就是注册中间件
// express.static() 方法,可以把 指定的 目录,托管为静态资源目录,这样,指定目录下的所有文件,
// 都可以直接被 浏览器来访问
// app.use(express.static('./views'))

// 可以在托管静态资源文件的时候,指定要挂载的虚拟路径;
app.use('/page', express.static('./views'))

app.listen(3000, () => {
  console.log('server running at http://127.0.0.1:3000')
})

四.node中中间件的使用(内置,应用,第三方,错误...这些级别)

// 导入 express 模块
const express = require('express')
const querystring = require('querystring')
// 创建 express 的服务器实例
const app = express()

// 定义 应用级别的中间件
app.use((req, res, next) => {
  let dataStr = ''
  // 只要客户端向服务器提交了表单,都会触发 req 的 data 事件
  // 在 data 事件中,可以获取到客户端每次提交过来的,不完整的数据
  req.on('data', chunk => {
    dataStr += chunk
  })

  // 只要 req 触发了 end 事件,就表示表单数据,提交完毕了,dataStr 中存储的数据,就是完整的表单数据
  req.on('end', () => {
    console.log(dataStr)
    const obj = querystring.parse(dataStr)
    // 想要把 username=ls&password=123 字符串,解析为 { username: 'ls', password: 123 }
    console.log(obj)
    req.body = obj
    // 进入下一个中间件的处理环节;
    // 注意:在中间件中,最后,一定要合理的调用一下 next() 方法,否则,服务器 无法结束这次响应!
    next()
  })
})

// 这是应用级别的中间件
app.get('/', (req, res) => {
  res.sendFile('./11.index.html', { root: __dirname })
})

app.post('/postdata', (req, res) => {
  console.log(req.body)
  // 需求:如何从客户端提交的表单中,获取到 客户端提交过来的数据呢?
  res.send(req.body)
})

// 调用 app.listen 方法,指定端口号并启动web服务器
app.listen(3001, function() {
  console.log('Express server running at http://127.0.0.1:3001')
})

五.cookie的使用

const http = require('http')
const server = http.createServer()

server.on('request',(req,res) => {
    const cookie = req.headers.cookie
    var flag = true
    cookie&&
    cookie.split(';').some((ele) => {
        if(ele.split('=')[0] == 'name') {
            res.setHeader('Content-type','text/plain;charset=utf-8')
            res.end('已登录')
            flag = false
            return true
        }
    })
    if(!flag) 
        return 
    res.setHeader('Set-Cookie',['name=hah','gender=1'])
    res.end('ok!')
}).listen(3000,() => {
    console.log('http://localhost:3000')
})

六.session的应用

const express = require('express')
const app = express()
const session = require('express-session')

app.use(session({
    secret : 'key1212',
    resave : false,
    saveUninitialized : false
}))

app.get('/',(req,res) => {
    req.session.info = '110'
    console.log(req.session)
    res.send('ok!')
})

app.listen(3000,() => {
    console.log('http://localhost:3000')
})

 

 

转载于:https://my.oschina.net/u/3937325/blog/1922321

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 首先,你需要安装 `art-template` 和 `mysql` 模块,使用以下命令: ``` npm install art-template mysql ``` 接下来,你需要编写一个简单的登录页面。在这个页面中,你需要一个表单来输入用户名和密码,并且在提交表单时发送 POST 请求到后端。例如: ```html <form action="/login" method="POST"> <div> <label for="username">用户名</label> <input type="text" id="username" name="username"> </div> <div> <label for="password">密码</label> <input type="password" id="password" name="password"> </div> <button type="submit">登录</button> </form> ``` 在后端,你需要使用 `express` 模块来处理路由和请求,使用 `mysql` 模块来连接和操作数据库,使用 `art-template` 模板引擎来渲染页面。以下是一个简单的后端代码示例: ```javascript const express = require('express'); const mysql = require('mysql'); const template = require('art-template'); const app = express(); // 创建 MySQL 连接池 const pool = mysql.createPool({ host: 'localhost', user: 'root', password: 'password', database: 'database_name' }); // 处理登录请求 app.post('/login', (req, res) => { const { username, password } = req.body; // 查询用户数据 pool.query('SELECT * FROM users WHERE username = ?', [username], (error, results) => { if (error) throw error; // 校验密码 if (results.length > 0 && results[0].password === password) { // 登录成功,渲染成功页面 const html = template(__dirname + '/success.html', { username }); res.send(html); } else { // 登录失败,渲染失败页面 const html = template(__dirname + '/failure.html'); res.send(html); } }); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 在这个示例中,我们假设数据库中有一个名为 `users` 的表,包含 `id`、`username` 和 `password` 三个字段。当用户提交登录表单时,我们首先查询数据库中是否有匹配的用户名和密码,如果有则渲染登录成功的页面,否则渲染登录失败的页面。 在 `success.html` 页面中,你可以根据需要添加一些用户信息或操作,例如: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录成功</title> </head> <body> <h1>欢迎,{{ username }}!</h1> <p>你已经成功登录。</p> <a href="/">返回首页</a> </body> </html> ``` 在 `failure.html` 页面中,你可以添加一些错误提示或重新登录的链接,例如: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录失败</title> </head> <body> <h1>登录失败</h1> <p>用户名或密码错误,请重新登录。</p> <a href="/">返回首页</a> </body> </html> ``` 以上代码仅供参考,你可以根据实际情况进行调整和扩展。 ### 回答2: 要使用Node.js和MySQL来实现登录成功后页面的变化,可以按照以下步骤进行操作: 1. 首先,需要安装`node.js`、`mysql`和`art-template`模块。可以使用以下命令进行安装: ``` npm install node.js mysql art-template ``` 2. 在Node.js中,创建一个`server.js`文件,并在文件中引入必要的模块: ```javascript const http = require('http'); const mysql = require('mysql'); const template = require('art-template'); ``` 3. 连接到MySQL数据库: ```javascript const connection = mysql.createConnection({ host: 'localhost', //数据库服务器地址 user: 'root', //数据库用户名 password: 'password', //数据库密码 database: 'database_name' //数据库名称 }); connection.connect((err) => { if (err) { console.error('数据库连接失败!', err); } else { console.log('数据库连接成功!'); } }); ``` 4. 创建一个HTTP服务器: ```javascript const server = http.createServer((req, res) => { // 处理登录请求 if (req.url === '/login' && req.method === 'POST') { const body = []; req.on('data', (chunk) => { body.push(chunk); }); req.on('end', () => { const data = JSON.parse(body.toString()); // 查询数据库,验证用户名和密码是否正确 const sql = `SELECT * FROM users WHERE username = ? AND password = ?`; const values = [data.username, data.password]; connection.query(sql, values, (err, results, fields) => { if (err) { console.error('登录失败!', err); res.statusCode = 500; res.end(); } else if (results.length > 0) { // 使用art-template生成登录成功后的页面 const html = template.render('success.html', { username: data.username }); res.statusCode = 200; res.setHeader('Content-Type', 'text/html'); res.end(html); } else { // 登录失败 res.statusCode = 401; res.end(); } }); }); } else { // 返回登录页面 const html = template.render('login.html'); res.statusCode = 200; res.setHeader('Content-Type', 'text/html'); res.end(html); } }); server.listen(3000, () => { console.log('服务器已启动,监听端口3000'); }); ``` 5. 在项目根目录下创建`login.html`和`success.html`文件,并定义对应的登录和成功页面内容。 以上是一个简单的使用Node.js、MySQL和art-template模板引擎实现登录成功后页面的变化的示例。根据具体项目需求,你可能需要进一步完善和调整代码。 ### 回答3: 要使用Node.js和MySQL来实现登录成功后页面的变化,并结合art-template模板引擎,可以按照以下步骤进行: 1. 确保已安装Node.js和MySQL,并通过npm安装art-template和mysql模块。 2. 在MySQL中创建一个用户表,包含用户名和密码等字段。 3. 在Node.js中创建一个服务器,监听特定端口。 4. 创建路由来处理不同的请求,包括登录页面和登录请求。 5. 使用art-template模板引擎来渲染登录页面,包括表单和错误提示。 6. 当用户提交登录表单时,通过post请求来处理登录请求。 7. 在登录请求的处理函数中,通过向数据库查询匹配的用户名和密码来验证用户的凭据。 8. 如果验证成功,将用户信息保存在session或cookie中,以便在后续页面中使用。 9. 根据验证结果来渲染不同的页面,如登录成功后的主页或登录失败后的错误页面。 10. 在主页上,可以根据用户的登录状态,显示不同的内容。 以上是一个简单的示例,具体的实现过程会涉及更多细节和逻辑,例如密码加密、用户权限控制等。这样,当用户成功登录后,页面会根据登录状态和用户信息的变化而发生变化。使用art-template模板引擎能够方便地渲染页面,并通过与MySQL数据库进行交互来进行用户验证和数据查询操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值