express框架

  • express框架:
    • 创建一个应用用于处理项目
  • 操作:
    1. 先安装express框架:npm i express
    2. 引入express:
      1. let express=require('express');
    3. 创建应用:
      1. let app=express();
    4. 使用静态资源路径:(node_modules 里面装的是各种模块:jq bootstrap)
      1. app.use(express.static('node_modules'));
      2. 若设置静态资源路径后,就默认’/‘表示为‘node_modules’目录
    5. 设置模板引擎:(设置后,视图文件(html文件)要将扩展名改为:.ejs)
      1. app.set('view engine(参数不能换)','ejs');
      2. ejs(模板引擎的一种,存储页面的,支持在html代码中写逻辑)
    6. 设置视图路径:(把你的xxx.ejs文件放到/views文件中)
      1. app.set('views(参数不能换)','./views');
    7. 设置路由:(类似判断url)
      1. let url=req.url;
      2. app.请求方式(‘路径’,(req,res)=>{ xxx })
    8. 设置监听端口:
      1. app.listen(8090);
 
  • 加载视图文件:
    1. res.render(参数1 , 参数2);
      1. 参数1:要加载的文件名
      2. 参数2:对象:{键:值}==》键:可自定义,值:分配给模板的数据
 
  • 在ejs文件中若需要写循环写固定语法:
    • <%逻辑代码%>:表示执行代码
    • <%=逻辑代码%>:表示输出代码

 

let express=require('express');
let urll=require('url');
let mysql=require('mysql');
let connection =mysql.createConnection({
    host:'127.0.0.1',
    user:'root',
    password:'root',
    database:'study',
});
connection.connect();
let app=express();
app.use(express.static('node_modules'));
app.set('view engine','ejs');
app.set('views','./views');
app.get('/index',(req,res)=>{
    let str='select * from student';
    connection.query(str,(error,results)=>{
        console.log(1);
        if(!error){
            console.log(2);
            res.render('index',{data:results});
            res.end();
        }
    })
})
//删除数据
app.get('/del',(req,res)=>{
    let str='delete from student where id=?';
    let url=req.url;
    let ur=urll.parse(url,true).query.id;
    let sql=mysql.format(str,ur);
    connection.query(sql,(error,results)=>{
        if(!error){
            console.log(results);
            res.redirect('/index')
            res.end();
        }    
    })
})
app.listen(8090);

 

posted @ 2022-07-21 20:19  hollow~  阅读(394)  评论(0)    收藏  举报