前言
一个使用KOA框架的仿掘金抽奖程序
使用KOA做后台,使用KOA-static输出静态内容,思路来自node.js抽奖程序
抽奖动画的实现参考了跑马灯抽奖动画
样式自然是从原网站上的幸运抽奖扒的啦掘金
准备工作
安装Node.js、KOA、KOA-static、新建文件夹
开始
在新建文件夹中打开cmd
方法:单击新建文件夹的路径,删除,输入’cmd’,回车
也可在桌面打开cmd后使用cd命令跳转进文件夹
输入npm init -y进行初始化
后台部分
新建js文件
const koa = require('koa'); //引入koa
const static = require('koa-static'); //引入koa-static
var server = new koa();
server.use(function *(next){
if(this.req.url =='/chou'){
//如果接口是chou
var n = Math.random(); //控制概率返回一个数,根据返回数确定奖品
if(n<0.01){
//0.01的概率返回1,即有0.01的概率获得某一奖品
this.body='1';
}else if(n<0.03){
this.body='2';
}else if(n<0.1){
this.body='3';
}else if(n<0.3){
this.body='4';
}else if(n<0.4){
this.body='5';
}else if(n<0.7){
this.body='6';
}else if(n<1){
this.body='7';
}
}else{
yield next;
}
});
server.use(static(