学习SQL的侦探游戏

西北大学的Knight Lab做了个学习SQL的侦探游戏网站，使用SQL语句查找凶杀案嫌疑人。该项目是开源的。原网站是英文的，我翻译成了中文版，重新部署了一遍，将过程记录如下：

1.本地部署

首先从开源代码仓库下载了所有资源。但是直接用浏览器html会有问题，有些资源加载不进来，是Chrome浏览器的安全策略，Chrome不允许从本地导入js。解决方法：在包含html目录下，通过python在本地启动一个服务器，python -m http.server，再浏览器访问127.0.0.1:8000即可访问。

查看html代码可以发现，html导入了一些外部的css和js，如果断块本地网络，打开会出现无法获取资源的问题，SQL语句也无法运行。解决办法：将资源全部导入本地，加快访问速度。在Chrome开发者模式下，从资源列表（resource）中右键下载各种资源，在html目录下创建img，script，css等文件夹存放，同时修改html代码中资源的引用。

修改后在本地起http服务，访问查看没问题后进入翻译环节。

2.编辑优化网站

用Nodepad++打开html文件，直接翻译编辑网站内容。在网页中插入探针可以查看网页浏览情况，如google analystics，添加方法。这里使用百度统计，进行浏览统计，添加script代码在head标签中即可，很方便。

3.静态页面托管

之前想部署在云服务器上，需要申请域名，租赁资源比较麻烦。发现可以直接在github上托管静态页面，参考这个案例托管了一个中国象棋的静态页面。

使用github desktop工具，从本地上传页面和相关资源，参考。操作比较简单，不需要使用git命令。编辑相当于github上与本地一个目录做同步的工具。创建一个gh-pages的分支，在setting中设置激活page即可。web版访问地址：https://yestolife.github.io/sql_game/，中文版源代码在这里。你也可以自己部署一下试试。

学习SQL的侦探游戏相关推荐

学习sql注入:猜测数据库_面向数据科学家SQL：学习简单方法
学习sql注入:猜测数据库 We don't pick a hammer and look for nails - that would be an unusual way of solving pr ...
零基础学sql要多久_零基础小白如何迈出学习SQL的第一步？文科生学SQL的心得
本文适用对象:从没接触过编程的零基础小白首先,判断是否需要学习SQL 学习的第一步:了解SQL的用途. 比如你的目的是处理小量数据,那么excel就能满足需求,且excel简单易学,适用性广,这种情 ...
学习sql注入:猜测数据库_对于SQL的热爱：为什么要学习它以及它将如何帮助您...
学习sql注入:猜测数据库 I recently read a great article by the esteemed @craigkerstiens describing why he feel ...
如何学习sql语言？
如何学习 SQL 语言? https://www.zhihu.com/question/19552975 没有任何基础的人怎么学SQL? https://www.zhihu.com/question/ ...
通俗讲解和学习SQL
来源:公众号[杰哥的IT之旅] 作者:三笠 ID:Jake_Internet 前言 SQL是什么? 官方解释: SQL (Structured Query Language:结构化查询语言) 是用于管 ...
【数据分析】关于学习SQL的五个常见问题？
对从事数据工作的小伙伴来说,SQL几乎是必备技能,写得一手好SQL说明你是一个合格的'取数民工'. SQL如何从菜鸟到高手呢,一般分三步走: 熟悉基本的增删改查语句及函数,包括select.where ...
学习SQL语句之SQL语句大全
学习SQL语句之SQL语句大全 -------------------------------------------------------------------------------- 作者: ...
asp sql查询过滤空格_对比Excel，轻松学习SQL数据分析数据笔记02
本文主要梳理<对比Excel,轻松学习SQL数据分析>对于自己有用的sql知识.这本书中的所有代码和函数均适用于my sql 8.0版本. SQL的基本功能数据定义(DDL)--对数据库, ...
学习SQL数据更新，这一篇就够了！
[任务描述] 数据查询不能改变数据库中的数据,仅仅是把数据库中符号条件的某些信息反馈给用户.一个数据库若要保持数据的正确性.及时性.则要依赖于数据库的更新功能.数据更新主要包括插入数据.修改数据和删除 ...

学习SQL的侦探游戏

学习SQL的侦探游戏相关推荐

最新文章

热门文章