ejs模板引擎使用mysql_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')

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,使用EJS模板引擎生成购物车页面,步骤如下: 1. 首先安装EJS模板引擎,可以使用npm命令进行安装: ``` npm install ejs --save ``` 2. 在项目中创建一个名为“views”的文件夹,用于存放EJS模板。 3. 在views文件夹中创建一个名为“cart.ejs”的文件,用于生成购物车页面。 4. 在cart.ejs文件中编写HTML代码和EJS模板语句,例如: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> </head> <body> <h1>购物车</h1> <ul> <% for(var i=0; i<cart.length; i++) { %> <li><%= cart[i].name %> - <%= cart[i].price %>元</li> <% } %> </ul> <p>总价: <%= total %>元</p> </body> </html> ``` 在模板中,使用EJS的语法,包括“<% %>”表示代码块,以及“<%= %>”表示输出变量值。 5. 在Node.js中编写代码,将购物车数据传递给模板,并生成HTML页面,例如: ```javascript const express = require('express'); const app = express(); const ejs = require('ejs'); app.set('view engine', 'ejs'); app.get('/cart', function(req, res) { const cart = [ { name: '商品1', price: 10 }, { name: '商品2', price: 20 }, { name: '商品3', price: 30 } ]; const total = cart.reduce((sum, item) => sum + item.price, 0); res.render('cart', { cart, total }); }); app.listen(3000, function() { console.log('Server started on port 3000'); }); ``` 在代码中,首先设置EJS模板引擎,然后在“/cart”路由中将购物车数据传递给模板“cart”,并渲染生成HTML页面。 6. 运行Node.js应用程序,访问“http://localhost:3000/cart”即可查看生成的购物车页面。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值