Express的基本使用

2018-11-08 admin

前言

  • 列表项目Express是一个简介而灵活的node.js Web应用框架提供的一系列强大特性帮助你创建各种 Web 应用,和丰富的HTTP工具。

正文

  • 一个简单的express框架实例

        // 下载express       
        cnpm install express --save 
        // 引用          
        import express from 'express';
        const app = express();
        // 使用express监听端口号,
        app.listen(8080, function() {
            console.log('listen to 8080......'}
        )
        cnpm install nodemon --save // 代替 node 来启动应用
        // 在package.json的scripts中写入下面这句代码,用来启动应用
        ‘dev’: 'nodemon node build/app.js' /*标注: app.js是你入口文件的名称*/
    
    

    通过express常用的中间件‘body-parser’来实现解析JSON、Raw、文本、URL-encoded格式的请求体。‘bodyParser.urlencoded’返回的对象是一个键值对,当extended为false的时候,键值对中的值就为’String’或’Array’形式,为true的时候,则可为任何数据类型。以上两行代码已经覆盖了大部分的使用场景。如果需要深入探究body-parser的朋友请参考官方文档

        cnpm install body-parser --save;
        import bodyParser from 'body-parser';
        app.use(bodyParser.json());
        app.use(bodyParser.urlencoded({ extended: false }));
    
    
  • 处理不同的请求体

        app.use('*', (request, respose, next) => {
            res.header('Access-Control-Allow-Origin', '*'); // 指定允许其他域名访问  
            res.header('Access-Control-Allow-Headers', 'Origin,X-Requested-With,content-Type,Accept,token,sysCode'); // 响应头设置  
            res.header('Access-Control-Allow-Methods', 'POST,GET'); // 响应类型  
            res.header('X-Powered-By', '3.2.1'); // 隐藏响应
            res.header('Content-Type', 'application/plain;charset=utf-8'); // 映射请求信息
            next();
        })
    
  • express 路由 路由是指应用程序的端点如何响应客户端的请求,有关路由的详解请参阅基本路由;

       const router = express.Router();
       router.get('/api/addcart', (req, res) => {  
           res.send('hello world')
       })
    
  • 连接mysql

    // 下载mysql 
    cnpm install mysql --save;
    // 引入mysql
    import mysql from 'mysql';
    // 准备工作已经完成,下面这段代码是连接你的mysql库。
    const connection = mysql.createConnection({
           host: 'localhost',
           user: 'root',
           password: 'root',
           port: '****', // 你数据库设置的端口
           database: "****" // 你数据库的名称
       })
       connection.connect();
    
       // 然后将你写入的名称抛出,以便后续使用
       export default connection;
       // 使用sql语句的增删改查,来完成你所需要的所有效果!!!
       connection.query('select * from checkuser', function (req, result) {
           ck(result)
       })
    
    

最后

本人第一次写文章,写的有所不周到的地方还请各位谅解,最后附上本人的github地址,上面有本文所涉及到的所有代码,以及一些简单的登录,图片上传,sql语句的增删改查。

原文链接:https://segmentfault.com/a/1190000016951276

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-44896.html

文章标题:Express的基本使用

相关文章
Angular2-primeNG文件上传模块FileUpload使用详解
近期在学习使用Angular2做小项目,期间用到很多primeNG的模块。 本系列将结合实战总结angular2-primeNG各个模块的使用经验。 文件上传模块FileUploadModule 首先要在使用该组件的模块内导入文件上传模块 ...
2017-03-09
YouTube正式默认使用HTML5视频播放器
YouTube视频网站现在默认使用HTML5播放器,这意味着更好的性能、 稳定性、 电池寿命和甚至是更好的安全性。现在用户通过Chrome、IE 11、Safari 8和Beta版本的Firefox进行浏览的时候都默认使用HTML5视频播放...
2015-11-12
从2014年的发展来展望JS的未来将会如何
<font face="寰�杞�闆呴粦, Arial, sans-serif ">2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
12个你未必知道的CSS小知识
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员...
2015-11-12
ajax为什么令人惊异?ajax的优缺点
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。 Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHT...
2015-11-12
HTML5的5个不错的开发工具推荐
HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天堂董事长,DCloud CEO王安也发表了文章,从开发者和用户两个角度分析了HTML对两个人群的优势。其实,关于HTML5的开发工具,我们以往的...
2015-11-12
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
css布局的各种FC简单介绍:BFC,IFC,GFC,FFC
什么是FC? Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context,块...
2018-05-17
AJAX的浏览器支持
AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为 XMLHttpRequest 的 Jav...
2015-11-12
JavaScript的组成
一个完整的JavaScript由3个部分组成:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ECMAScript 描述了该语言的语法和基本对象 ; DOM 描述了处理网页内容的方法和接口 ; BOM 描...
2015-11-12
回到顶部