[vue]基於vue的單頁面應用遊戲——桌遊:《星期五》

>桌遊概要

該桌遊在BGG上的說明：https://www.boardgamegeek.com/boardgame/43570/friday

>項目概要

跟幾個朋友摸魚的時候弄出來的，規則按照遊玩習慣做了點修改。

本來想的是vue+vuex+vue-router+iView弄一個出來，結果當時好像溝通出了錯誤，結果就變成vue+vuex+jQuery+Bootstrap寫的單頁面應用程序了，就比較亂。不過總的來說，能玩就行，摸魚大法好。

這裏是項目地址：https://gitee.com/shenpibaipao/board_game_friday

在這裏可以試玩：https://shenpibaipao.gitee.io/board_game_friday/(建議使用Chrome)

PS：emmmm，gitee的io地址好像被騰訊管家ban了？玄學，反正騰訊管家那德行，也沒啥可說了大家都知道，反正是開源的，直接去開源地址Clone下來玩也是ok的。

>遊戲主要素材

圖片素材來源（做過適當修改）：https://www.boardgamegeek.com/.../mini_card

中文說明書來源：https://www.boardgamegeek.com/.../rulebook

>服務器

服務器可以簡單用Node.js搭建，將所有文件git clone下來，放在一個名爲"public"的文件夾裏，並在該文件夾的同級目錄新建"server.js"，其代碼爲：

var express = require('express');
var app = express();
var fs = require("fs");
app.use(express.static("public"));

app.get('/', function (req, res) {
	res.send('啓動服務器，遊戲運行在-http://127.0.0.1:8080/index.html');
})

app.get('/score', function (req, res) {
	var score_data = {
	     "id":req.query.userId,
	     "score":req.query.userScore
	 }; 
	console.log(score_data);
	var opt={
		encoding:"utf8",
		mode:438,
		flag:"a+"
	};
	fs.writeFile("./public/res/rank", score_data.id+":"+score_data.score+"\n",opt, (err) =>{
		if (err) console.error(err);
		else console.log("文件打開成功！");
	});
})

var server = app.listen(8080, function () {
	console.log("啓動服務器，遊戲運行在-http://127.0.0.1:8080/index.html");
})

需要express框架:npm install express。最終目錄結構爲：

啓動服務器的bat腳本爲：

taskkill /F /IM node.exe & node server.js

關閉服務器的bat腳本爲：

start taskkill /F /IM node.exe
exit