溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

nodejs 搭建簡易服務(wù)器的圖文教程(推薦)

發(fā)布時間:2020-10-18 01:13:47 來源:腳本之家 閱讀:172 作者:jingxian 欄目:web開發(fā)

nodejs 搭建簡易服務(wù)器的圖文教程(推薦)

www文件夾下

nodejs 搭建簡易服務(wù)器的圖文教程(推薦)

template文件夾下

nodejs 搭建簡易服務(wù)器的圖文教程(推薦)

server.js代碼:

const express=require('express');
const static=require('express-static'); //托管靜態(tài)文件
const cookieParser=require('cookie-parser');  //解析cookie
const cookieSession=require('cookie-session');  //解析session
const bodyParser=require('body-parser');    //解析post數(shù)據(jù)
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數(shù)據(jù)
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數(shù)據(jù)
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">
   <h3><%= banners[i].title %></h3>
   <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 %>" rel="external nofollow" >
   <h3><%= articles[i].title %></h3>
   <p><%= articles[i].summery %></p>
   </a>
  </li>
  <% } %>
  </ul>
 </div>
</div>

以上這篇nodejs 搭建簡易服務(wù)器的圖文教程(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI