1.下载express框架
npm install express-generator -g //(安装 安装express的工具-生成框架文件目录的命令。只需要执行一次)
初始化项目
express 项目名称(app) -e //(自动化创建项目,-e采用ejs模板引擎)
2.目录结构说明
bin:命令执行目录
cmd中可以执行 npm,mysql,mysqldump,能够在cmd中直接运行的程序称之为命令
node_modules:模块存放目录
npm根据package.json文件,下载的模块全部放在node_modules目录总
public:公共目录,存放CSS,JS,图片,音视频等资源
routes:路由文件目录
views:存放模板目录(1.html,2.html...)
app.js:项目的启动文件
package.json:当前项目依赖关系和相关配置
3.下载项目依赖模块
1.修改package.json
"scripts": {
"start": "supervisor ./bin/www" // 每次修改及时生效
}
2.执行 npm install(结果中不含有error等关键字,表示下载模块成功)
4.修改模板引擎的后缀名
4.1 app.js中第15行改为下列两行代码
app.engine('html', require('ejs').__express);
app.set('view engine', 'html');
4.2 修改views目录下的文件后缀名为html
5.进入到项目目录并启动
cd 项目名称(app)
npm start
Express使用
1.核心
routes:存放当前的路由文件(index.js)
router.get('/',function(req,res){})
在浏览器中访问地址:http://localhost:3000/
或者 <a href="/">首页/路径</a>
或者 $.get('/')
在html页面中省略了:http://localhost:3000
router.post('/doLogin',function(req,res){})
表单地址是:<form action="http://localhost:3000/doLogin"></form>
或者:$.post('/doLogin')
在html页面中省略了:http://localhost:3000
views:存放当前的模板文件(html文件)
// 实际访问Url地址:http://localhost:3000/
router.get('/',function(req,res){
// 给客户端响应views/index.html页面
res.render('index');
// 给客户端响应"Hello world"字符串
res.end('Hello world');
// 给客户端响应json数据
res.json({"username":"刘俊俊"});
})
public:存放css,js,image文件
在html文件的