## 创建路由
Astros是基于Express实现的，要访问一个页面，同Express一样，需要建立一个路由。Astros的路由默认存储在`routes`目录，语法和Express一样，Astros会自动遍历`routes`目录下的所有文件，并挂载它们。以127.0.0.1:3100/user/login为例：

    root[dir]
        routes[dir]
            user[dir]   不要问为什么多了一级user目录，我们是支持多级的。
                login.js

**loign.js**
    
    var router = require('express').Router(); // 新建一个 router
    router.get('user/login', function(req, res) {
        res.render('user/login', {
            title:'登录'
        }, function(err, html){
            res.set('Content-Type', 'text/html');
            res.end(html)
        });
    });
    
    module.exports = router

## 建立对应的模板

上面的路由引用了`login`模板（就是这一句：`res.render('user/login', ...`)，Astros的模板默认存储在`pages`目录。所以，建立模板吧。

    root[dir]
        pages[dir]
            user[dir]
                login[dir]
                    login.html
                    login.less
                    login.js
                    img[dir] 
    
`root/pages/user/login/login.html`
    
    <!DOCTYPE html>
    <html>
        <head>
            <title>{{title}}-Astros</title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <link rel="stylesheet" href="{{$g.cdn}}/css/p/{{pageName}}.css?v={{$ver}}"/>
        </head>
        <body>
            <div id="astro-wrap" class="g-main">
                <div id="bd" class="g-wrap">
                    <form>
                        <div class="form-item">
                            <input placeholder="用户名" />
                        </div>
                        <div class="form-item">
                            <input placeholder="密码" type="password" />
                        </div>
                        <div class="form-submit">
                            <button>提交</button>
                        </div>
                    </form>
                </div>
            </div>
            <script src="{{$g.cdn}}/js/p/{{pageName}}.js?v={{$ver}}">
    </html>


也许你已经注意到了，引用页面的JS和CSS分别通过：

    <script src="http://127.0.0.1:3101/js/p/login.js"></script>
    
    <link rel="stylesheet" href="http://127.0.0.1:3101/css/p/login.css" />
引用

`{{$g.cdn}}`默认是访问的IP+静态资源服务器端口，如果通过访问 `127.0.0.1:3100/user/login`，资源引用路径会使用用127.0.0.1:3101，如果通过访问 `192.168.1.2:3100/user/login`，资源引用路径会使用用 192.168.1.2:3101

> 3101 是静态资源服务器的端口号，在 site.js 中配置。

    你也可以通过 static.js 的 globalVariables.cdn 手动配置
    
    
<!-- ## 模拟数据

在实际开发中，会遇到诸如商品列表需要模拟数据的形式。既然有了web server，我们就可以利用他模拟shang pin商品列表。

todo

针对you yu

有无js的情况，设置产量。


更换html模板 -->