Express 框架基础入门

express 基础入门笔记

最近学习了网易云课程中的 express 入门,由腾讯云出品。整体课程简单介绍 express 构建服务器的步骤,以及使用 腾讯云 工具开发的过程。

express 官方链接:官方文档
在这里插入图片描述

注意文档和网课的版本是否一致

网课链接:腾讯云 express 框架入门

在这里插入图片描述

课程目标

启动基本服务端,服务端和数据库对接;服务端和前端界面对接

在这里插入图片描述

1、框架准备和安装

本地下载 nodejs 和 express 并创建项目;部署云数据库MYSQL和云主机(云服务器),express 本地架构如下

api
routers
config
views
src

2、ejs 和页面

npm install ejs 支持 ejs 语法

然后新建 index.ejs 文件,使用 <% %> 进行传参

<head>
  <title><%=title %></title>
</head>

<% code %> 把变量作为代码片段执行

<%= html %> 把变量转换成 HTML 输出

<%- string %> 把变量转换成字符串输出

主函数 app.js

const path = require('path');
const express = require('express');

const app = express();

// body 解析中间件
const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

// 视图函数处理
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// 静态文件处理(css, js, imgs, fonts)中间件
app.use(express.static('src'));

// 页面路由处理
const routers = require('./routers/index');
app.use('/', routers);

// 接口路由处理
const add = require('./api/add');
app.user('/api', add);

const server = app.listen(8080, function() {
  console.log('server is running');
});

路由函数 routers.js (根路径)

const express = require('express');
const router = express.Router();

router.get('/', function(req, res, next) {
  res.render('index', { title: "Hello Express" });
});

module.exports = routers;

3、mysql 和接口

config.json

{
  "host": "xxxx",
  "port": "xxxx",
  "user": "xxxx",
  "database": "xxxx"
}

app 接口函数

const express = require('express');
const router = express.Router();
const mysql = require('mysql');
const config = require('./config/config.json');

router.post('', function(req, res) {
  const connection = mysql.createConnection(config);
  connection.connect();
  var name = req.body.name || '';
  var sql = "INSERT into user values (" + "''," + connection.escape(name) + ")";
  connection.query(sql, function(err, rows, fields) {
    res.send({
      status: true,
      data: rows,
      message: 'success',
    });
  });
  connection.end();
});

module.exports = router;

接口文档:

  • URL
  • 类型 POST
  • 参数
  • 返回值

4、cvm 云服务器启动和部署

代码需要部署到云服务器上

那么需要 cvm 系统安装(ubuntu centOS)nodejs 等,都需要命令行工具,yum 工具等操作

ftp 文件上传工具:vs-ftp-d very secure FTP deamon

pm2 工具安装(类似于 nodemon 工具)

域名购买等

总结

这个课程简单介绍了 express 开发基本过程,夹带了腾讯云的私货,这个算入门介绍。express 官方文档太繁琐了,不适合新人阅读。

后期会更新其他课程笔记。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值