express+mysql+ejs 搭建環境

時間 2019-11-30

標籤 express+mysql+ejs express mysql ejs 搭建環境欄目 MySQL 简体版

原文原文鏈接

1.安裝express ：輸入npm install express -gcss

接着依次輸入：npm install express-generator -g npm install body-parser -g npm install cookie-parser -g npm install multer -ghtml

到此express裝弄好了，是配置的全局的，全局就是說，把express 和一些與express相關的東西安裝到了node 下的 node_modules中，本地安裝就是安裝到了項目中，個人node的路徑在F:\Git\nvmw\v8.4.0 。項目目錄在F:\expressdemo。java

接着安裝mysql模塊和nodemon(在咱們開發javaweb項目的時候，修改了項目代碼，服務器都會自動重啓,可是node並不會這樣，必須手動去重啓一下，因而就有大神開發了自動重啓的工具——nodemon)，如圖:node

2.建立項目：我切換到f盤expressdemo文件夾下，個人項目目錄在expressdemo下，輸入 express -e exprress2 (個人文件目錄是 exprress2，不當心多輸入了個r)mysql

加-e是爲了建立ejs模板，express默認的是jade模板，web

建立的項目以下，sql

接着輸入切換到項目目錄，輸入npm install(是爲了安裝這個項目所須要的依賴) ，個人是 exprress2，如圖所示：express

完成後如圖所示npm

到此，環境就弄好了。瀏覽器

接着把view文件夾下的index.ejs內容改爲以下代碼片斷

 1 <!DOCTYPE html>
 2 <html>
 3   <head>    
 4     <link rel='stylesheet' href='/stylesheets/style.css' />
 5   </head>
 6   <body>
 7     <%- title %>
 8     <% users.forEach(function(user){ %>
 9       <h6><%= user.username %></h6>
10       <h6><%= user.sex %></h6>
11       <h6><%= user.tel %></h6>
12   <% }) %>    
13   </body>
14 </html>

routes下的index.js換成以下片斷

 1 var express = require('express');
 2 var router = express.Router();
 3 router.get('/', function(req, res) {
 4   res.render('index', { title: '<h1>Express</h1>'
 5                           ,users:[{username: 'G.Xeo'},
 6                                 {sex: 'w'},
 7                                 {tel: '158714*****'}] 
 8             });
 9 });
10 
11 module.exports = router;