zoukankan      html  css  js  c++  java
  • nodejs 搭建简易服务器

    www文件夹下

    template文件夹下

    server.js代码:

    const express=require('express');
    const static=require('express-static'); //托管静态文件
    const cookieParser=require('cookie-parser');  //解析cookie
    const cookieSession=require('cookie-session');  //解析session
    const bodyParser=require('body-parser');    //解析post数据
    const multer=require('multer');
    const consolidate=require('consolidate');
    const mysql=require('mysql');
    
    //连接池
    const db=mysql.createPool({host: 'localhost', user: 'root', password: '123456', database: 'blog'});
    
    var server=express();
    server.listen(8080);
    
    //1.解析cookie
    server.use(cookieParser('sdfasl43kjoifguokn4lkhoifo4k3'));
    
    //2.使用session
    var arr=[];
    for(var i=0;i<100000;i++){
      arr.push('keys_'+Math.random());
    }
    server.use(cookieSession({name: 'zns_sess_id', keys: arr, maxAge: 20*3600*1000}));
    
    //3.post数据
    server.use(bodyParser.urlencoded({extended: false}));
    server.use(multer({dest: './www/upload'}).any());
    
    //4.配置模板引擎
    //输出什么东西
    server.set('view engine', 'html');
    //模板文件放在哪儿
    server.set('views', './template');
    //哪种模板引擎
    server.engine('html', consolidate.ejs);
    
    //接收用户请求
    server.get('/', (req, res, next)=>{
      //查询banner的东西
      db.query("SELECT * FROM banner_table", (err, data)=>{
        if(err){
          res.status(500).send('database error').end();
        }else{
          res.banners=data;
    
          next();
        }
      });
    });
    server.get('/', (req, res, next)=>{
      //查询文章列表
      db.query('SELECT ID,title,summery FROM article_table', (err, data)=>{
        if(err){
          res.status(500).send('database error').end();
        }else{
          res.articles=data;
    
          next();
        }
      });
    });
    server.get('/', (req, res)=>{
      res.render('index.ejs', {banners: res.banners, articles: res.articles});
    });
    
    server.get('/article', (req, res)=>{
      res.render('conText.ejs', {});
    });
    
    
    
    //4.static数据
    server.use(static('./www'));

     index.ejs代码:

    <div class="content">
        <div class="banner">
          <ul class="clearfix">
            <% for(var i=0;i<banners.length;i++){ %>
            <li>
              <img src="<%= banners[i].src %>" alt=""/>
              <div class="text-box">
                <h2><%= banners[i].title %></h2>
                <p><%= banners[i].sub_title %></p>
              </div>
            </li>
            <% } %>
          </ul>
          <ol>
              <li class="active"></li>
              <li></li>
              <li></li>
          </ol>
        </div>
        <div class="newsList">
          <ul>
            <% for(var i=0;i<articles.length;i++){ %>
            <li>
              <a href="/article?id=<%= articles[i].ID %>">
                <h2><%= articles[i].title %></h2>
                <p><%= articles[i].summery %></p>
              </a>
            </li>
            <% } %>
          </ul>
        </div>
    </div>
  • 相关阅读:
    红黑树的修正过程
    配置文件elasticsearch.yml详解
    HEAD插件安装
    css reset.css
    vue-router之router-link
    vue2.0 代码功能片段
    vue2.0的常用功能简介
    electron 的中文文档的地址 以及 窗口改变的步骤
    ph 的使用步骤
    git 提交的步骤
  • 原文地址:https://www.cnblogs.com/gxp69/p/7197259.html
Copyright © 2011-2022 走看看