express+mysql+ejs 搭建环境

最新推荐文章于 2021-11-17 09:48:41 发布

weixin_30378623

最新推荐文章于 2021-11-17 09:48:41 发布

阅读量103

点赞数

文章标签：数据库 git

原文链接：http://www.cnblogs.com/gaoxuerong123/p/7441109.html

版权

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\nvmw\v8.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

大功告成，哈哈哈

转载于:https://www.cnblogs.com/gaoxuerong123/p/7441109.html

weixin_30378623

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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装弄好了，是配...
复制链接

扫一扫