zoukankan      html  css  js  c++  java
  • node.js后台快速搭建在阿里云(一)(express篇)

    前期准备

    简介

    嗯……我只是个前端而已


    前段时间写过一个.net mvc的远程发布,关于.net mvc 的增删改查的小demo也做过一个小例子,然后又萌生了想要拿node.js当后台,来布置网站的想法。 关于node.js的学习,建议参考 Node.js 包教不包会 ,虽然作者说起来是不包会,但基本上通过了这个教程的学习,都会收益巨大。
    先说说前期准备,一个云服务器是必须的 ,还有一个域名。关于云服务的选择,当前阿里,百度, 甚至是腾讯都在搞云服务,个人还是推荐选择阿里云服务器比较好。
    既然提到阿里云,索性多说一点(有兴趣的使用阿里云的同学可以多交流交流 ),在与阿里云的连接过程,我一般使用的工具:


    一般高手直接用个命令就好了,但目前本渣,还是毕竟喜欢两个相结合的用,毕竟有时候文件和文件夹的增删改查还是觉得拖拽更快,高手请无视。。 在阿里云中,选择的是centos7,当然这个凭自己的喜好,像Ubuntu我也用过一会,感觉它的桌面端确实不错,服务端可能还是centos更强一点。

    步骤

    注:这里就默认大家已经会自己连接到自己的服务器了

    express快速启动

    这里先说说express,它是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
    相对于,类似于各种框架的cli,express也有个能够快速部署的项目,可以使用 Express 应用生成器

    通过如下命令安装:
      npm install express-generator -g
            

    如下, 一个快速构建的示例

        express myapp
    
      // 以下是提示: create : myapp create : myapp/package.json create : myapp/app.js create : myapp/public create : myapp/public/javascripts create : myapp/public/images create : myapp/routes create : myapp/routes/index.js create : myapp/routes/users.js create : myapp/public/stylesheets create : myapp/public/stylesheets/style.css create : myapp/views create : myapp/views/index.jade create : myapp/views/layout.jade create : myapp/views/error.jade create : myapp/bin create : myapp/bin/www

    然后安装所有依赖包:

       cd myapp
      npm install
            

    启动这个应用:

      npm start
            

    然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。通过 Express 应用生成器创建的应用一般都有如下目录结构:

                 .
    ├── app.js
    ├── bin
    │   └── www
    ├── package.json
    ├── public
    │   ├── images
    │   ├── javascripts
    │   └── stylesheets
    │       └── style.css
    ├── routes
    │   ├── index.js
    │   └── users.js
    └── views
        ├── error.pug
        ├── index.pug
        └── layout.pug
    
    7 directories, 9 files
            
    express路由

    express的重要的一部分莫过于路由了,下面是一个简单的路由例子,很好理解:

      
    var express = require('express');
    var app = express();
    
    // respond with "hello world" when a GET request is made to the homepage
    // 匹配根路径的请求
    app.get('/', function (req, res) {
      res.send('root');
    });
    
    // 匹配 /about 路径的请求
    app.get('/about', function (req, res) {
      res.send('about');
    });
    
    // 匹配 /random.text 路径的请求
    app.get('/random.text', function (req, res) {
      res.send('random.text');
    });
            
    res.send()中一般都是响应的数据,里面也可以写相对应的html标签,至于更详细的可以去查看express的api
    更加好的处理是使用res.render()的方法,这个可以把html分离出来,根据模板引擎的不同,可以选择

    在express快速生成的项目中,默认的是pug引擎,可以将它修改成自己喜欢的模板引擎

    可能很大一部分人并不喜欢用模板引擎去处理,毕竟html原生并不复杂,这样可以使用ejs转换

    最后

    最后有个用express快速生成,并把默认的pug模板改成了html,有兴趣的可以参考下

    express小demo

    注意:因为涉及到框架比较多,所以先拆开来讲,未完待续……………………………………………………

  • 相关阅读:
    属性选择器(通常用在input)
    函数调用的文档注释
    List集合操作
    数组排序三种方法
    字符串反序输出字符串
    js中完美运动框架
    查找100-200之间是否存在水仙花数
    提示用户输入一个正整数,如果错误,则重新输入,可以使用以下的代码来保证用户输入正确:
    Ubuntu 16.10下的 jdk 1.8.0_111
    方法内部类
  • 原文地址:https://www.cnblogs.com/star-wind/p/7462799.html
Copyright © 2011-2022 走看看