艺术与体育在线教育平台（1）

第一天

1.在当前文件夹中使用命令创建package.json文件

cnpm init -y

创建完毕之后，如下图

2.创建app.js文件

接下来要开启服务,监听80端口：

// 引入express
const express = require('express');
// 生成server
const app = express();

app.listen(80);
console.log('服务器启动成功');

3.在app.js文件中，创建一个/ 的路由，代码如下:

// 设置get localhost的时候访问的是首页
app.get('/', (req, res) => {
    res.redirect('/home/index');
});

4.之后，在命令行工具中，输入

nodemon app.js

就可以开启服务了。

5.创建如下图4个文件夹，其中node_modules文件中是我们接下来安装第三方模块时候自动创建的，不需要我们手动创建

6.我们将静态文件全部放在public文件夹中，其中html文件剪切到views文件夹中，并且在views文件夹中的html文件需要全部改名为.art文件

7.在app.js文件中引入第三方模块express-art-template，并且开放静态资源

// 引入express-art-template并且配置art模板文件
app.engine('art', require('express-art-template'));
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'art');

// 开放静态资源
app.use(express.static(path.join(__dirname, 'public')));

8.创建二级路由，在app.js文件中：

// 二级路由
app.use('/home', require('./route/home'));

9.在route文件夹中，创建home.js和home文件夹,如下图：

home.js文件代码如下：

// 引入express
const express = require('express');

// 生成二级路由home
const home = express.Router();
// 首页
home.get('/index', require('./home/getIndex'));

module.exports = home;

10.views文件夹中的文件，index.art，我们需要通过layout.art将骨架抽出来，然后通过

{{extend './common/layout.art'}}

将骨架引入

共同的部分，我们需要通过

 {{include './common/header.art'}}

的方式引入