zoukankan      html  css  js  c++  java
  • express+mysql+ejs 搭建环境

    1.安装express :输入npm install express -g

    接着依次输入:npm install express-generator -g        npm install body-parser -g      npm install cookie-parser  -g    npm install multer  -g

    到此express装弄好了,是配置的全局的,全局就是说,把express 和一些与express相关的东西安装到了node 下的 node_modules中,本地安装就是安装到了项目中,我的node的路径在F:Git vmwv8.4.0 。项目目录在F:expressdemo。

    接着安装mysql模块 和nodemon(在我们开发javaweb项目的时候,修改了项目代码,服务器都会自动重启,但是node并不会这样,必须手动去重启一下,于是就有大神开发了自动重启的工具——nodemon),如图:

    2.创建项目:我切换到f盘expressdemo文件夹下,我的项目目录在expressdemo下,输入 express -e exprress2 (我的文件目录是 exprress2,不小心多输入了个r)

    -e是为了创建ejs模板,express默认的是jade模板,

    创建的项目如下,

    接着输入 切换到项目目录,输入npm install(是为了安装这个项目所需要的依赖) ,我的是 exprress2如图所示:

     完成后如图所示

    到此,环境就弄好了。

    接着把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;

    (我把bin目录下的www文件的端口搞成了8888)然后在bin目录下输入 npm start

    在浏览器输入localhost:8888

    大功告成,哈哈哈

  • 相关阅读:
    CRL线程池调度和配置的一些细节
    迁移到iis7
    musicstore edit方法出错的原因和解决方法
    如何分离出EF的三份结构定义文件
    在GridView中 鼠标移动到行 该行颜色变换
    飘逸程序员的老家
    [转贴]ASP.NET中常用的26个优化性能方案
    【转贴】在ASP.NET中显示进度条ASP.NET
    在使用GridView中删除的按钮弹出提示框最简单的一中方法
    【转贴】ASP.NET图表控件
  • 原文地址:https://www.cnblogs.com/gaoxuerong123/p/7441109.html
Copyright © 2011-2022 走看看