码迷,mamicode.com
首页 > 其他好文 > 详细

node-------express的简单使用

时间:2015-08-19 23:51:34      阅读:457      评论:0      收藏:0      [点我收藏+]

标签:

  1. 快速安装

    1. 创建文件夹 mkdir go-activity

    2. 在当前目录中创建一个 package.json 文件。可以通过 npm init 命令来完成此工作。

    3. 当前目录安装express npm install express --save,目录结构如下图

      技术分享

    4. 然后就开始撸代码了

  2. 在views/index.jade开始使用jade

    extends layout
    
    block content
      .content
       .content-heading
        .container
       .content-inner
        .container
         .progress
          .progress-bar-indeterminate
         .region
          地区: 
          span 厦门 
          div.row
           div.col-md-6
             label.floating-label(for=‘text_search‘,style=‘margin-left:17px‘) 请输入关键字
             input#text_search.form-control
           div.col-md-2
            button.btn.btn-alt.waves-button.waves-effect.waves-light 查询
         .card-wrap
          .row.row-fix
           each val, index in activities
            .col-lg-3.col-md-4.col-sm-6
             .card
              .card-main
               .card-inner
                p.card-heading.text-alt=  val.title
                 p= val.content
               .card-action
                ul.nav.nav-list.pull-left
                 li
                  a(href=‘javascript:void(0)‘)
                   i.fa.fa-thumbs-o-up= val.nbCount
                 li
                  a(href=‘javascript:void(0)‘)
                   i.fa.fa-star-o
                 li
                  a(href=‘javascript:void(0)‘)
                   i.fa.fa-comment-o
  3. 在route里传递数据,这里没有用数据库,因为我还不会。。。

    var express = require(‘express‘);
    var router = express.Router();
    
    /* GET home page. */
    router.get(‘/‘, function(req, res, next) {
      res.render(‘index‘, {title: ‘活动起来‘ ,activities:[
        {title:‘周末打篮球约起来‘,content:‘学生公寓打球求一起,自带干粮‘,nbCount:33},
        {title:‘麻将三缺一‘,content:‘海边打麻将吹风‘},
        {title:‘测试一‘,content:‘π等于多少...‘},
        {title:‘测试二‘,content:‘***********‘}]
    });
    });
    
    module.exports = router;
  4. 看看成果

    技术分享

node-------express的简单使用

标签:

原文地址:http://my.oschina.net/luoyezhiqiu/blog/494822

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!