zoukankan      html  css  js  c++  java
  • NodeJs web项目框架Express笔记

    安装

    以下都使用Yarn进行. 环境前提: 已经安装NodeJS(及自带的npm), 已经安装Yarn

    # 全局安装
    yarn global add express-generator@4
    
    #查看版本
    >express --version
    4.16.1
    

    创建项目

    # 创建项目 expressite, -f 用于检查目录是否为空, -v用于指定模板引擎, 可以选 Pug, Mustache, EJS
    express -f -v pug expressite
    
    # 使用EJS模板引擎
    express -v ejs expressite
    
    # 初始化 node_modules
    cd expressite
    yarn install
    

    运行

    在package.json中可以看到, scripts中只有一项 "start": "node ./bin/www", 所以用以下命令启动

    # 'start' 是scripts中的项
    yarn start
    

     访问 http://127.0.0.1:3000 可以看到页面

    目录结构

    bin

    www这个文件是执行入口, 里面可以修改默认的端口

    public

    放置静态资源文件

    routes

    这里是编写请求和响应的地方, 相当于Java Spring里面的Controller, 构造请求响应方法:

    router.get('/get_session', function(req, res, next) {
      console.info(req.query);
      var sid = req.query.sid;
      if (sid == undefined || sid.length == 0) {
        res.send('Invalid sid');
      } else {
        res.send(JSON.stringify({sid:sid, start:123123123, update:123123125, userId:"132341234"}));
      }
    });
    

    用req.params获取post的输入数据, 用req.query获取get的输入数据, 用res.send返回字符串响应.

    views

    模板文件目录, Pug(Jade)这种dom化的模板格式与HTML差异甚大, 要用起来的话等于新学一套语法, 如果时间不是很充裕, 还是EJS吧.

  • 相关阅读:
    说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
    利用CSS3实现页面淡入动画特效
    ajax
    jQuery弹性滑动导航菜单实现思路及代码
    angular 管理后台
    jq简单选项卡
    按钮60秒倒计时
    jq倒计时
    angular ui-route
    flex弹性布局
  • 原文地址:https://www.cnblogs.com/milton/p/12737462.html
Copyright © 2011-2022 走看看