时间:2021-07-01 10:21:17 帮助过:13人阅读
进入 http://nodejs.org 下载开发环境
http://Expressjs.com 下载安装Express npm install -g express
继续安装ejs:npm install ejs
如果要想运行Node.js程序,则现在只能够使用“node app.js”,而这样的运行方式,如果在app.js文件修改之后往往需要重新启动才可以加载新的内容,这对于开发是非常不方便的, 为此,可以使用一个supervisor组件包,它可以动态的加载修改之后的开发程序。
下载安装supervisor
npm install -g supervisor
利用supervisor方式运行程序
supervisor app.js
二、代码开发
使用EJS模板
所有用户需要保存的页面都应该保存在views目录下,但是此时index.ejs是一个html页面,而有的人不习惯于使用ejs,习惯于使用html,为了解决这样的问题,则需要配置模板。
定义加载的项目模块
var ejs = require(‘ejs‘) ; // require()函数表示要加载的模块 |
需要增加一些相关的配置;
app.engine(‘html‘,ejs.__express) ; app.set(‘view engine‘, ‘html‘); // 替换:app.set(‘view engine‘, ‘ejs‘); |
将views中的index.ejs文件修改为index.html文件,观察是否可以改变。
下面编写一个用户的登录,登录的时候只提供用户id(userid)和密码,下面建立几个相关的操作页面:login.html、welcome.html。但是在建立这两个文件的时候,请一定要注意,文件的编码必须设置为UTF-8,否则无法操作中文。
<!DOCTYPE html> <html> <head> <title><%= title %></title> <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> </head> <body> <h1><%= title %></h1> <form method="post"> 用户ID:<input type="text" name="userid" id="userid"><br> 密 码:<input type="password" name="password" id="password"><br> <input type="submit" value="登录"> <input type="reset" value="重置"> </form> </body> </html>login.html
<!DOCTYPE html> <html> <head> <title>Welcome</title> <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> </head> <body> <h1>欢迎<%=user.userid%>光临!</h1> <h1><a href="logout">注销</a></h1> </body> </html>welcome.html
<!DOCTYPE html> <html> <head> <title><%= title %></title> <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> </head> <body> <h1><%= title %></h1> <p><a href="login">用户登录</a></p> </body> </html>index.html
在每一个页面之中并没有定义直接的连接,因为Node.js依然属于MVC设计模式的范畴,所以针对于MVC的实现,此处所编写的全部都属于映射名称,所有的映射路径都需要通过app.js进行相应的路由配置。
三、设计路由功能
Nodejs + MongoDb
标签:mongodb 安装 node ext 项目 mongo width 问题 ide