在 stages
拷贝tpl.js
为一个新的 js文 件 。文 件名 必须完全 小 写 ,名称 与 关卡地 址 一致 。填 写 关卡编号stage
,下 一 关卡路 径 next
,网页title提示 title
(选填),通 关密码passwd
(选填)等 等 。在 html()
中 编写谜面。更 多 参 数 参考 tpl.js
stage
:目前 关卡编号,用 于显示 在 页面告知 解 谜者。next
:下 一 页面的 地 址 ,这里分 为两种:
通 过提交密码通关,这里 URL 必须填写 从stages
目 录开始 的 路 径 ,无需写 后 缀名 ,例 如:lang/ruby
;通 过 URL方式 通 关,则根据 需要 填 写 即 可 ,建 议一样写上 ,方便 后 续查看 。
title
:当 需要 在 网页的 <title>
标签填写 提示 语时,则设置 该项;passwd
: 选中第 b种解谜方式 时,则需要 填 写 该项,并且需配合 模 板 中 的 密 码框提 交密码。 你也可 以针对每个关卡编写 自己 的 检查处理,查看check
参 数 ;js
: 设置页面加 载完成 后 执行的 js代 码,此部分 代 码不会 直接 出 现在页面中 ,而是过script
标签引用 外部 文 件 ;css
: 设置关卡的 独立 css代 码,此部分 代 码不会 直接 出 现在页面中 ,而是过link
标签引用 外部 文 件 ;feedback
: 设置指定 密 码 feedback,此参数 仅可以用于包含密码检查的关卡,必须为一个async
函数 ,return
值为显示的 feedback;head
:插入 到 head
标签的 代 码;html
: 页面主体 的 代 码,一般为主要谜面;last
:插入 到 网页末 端的 代 码,一般 为注释。beforeRsp
:在 页面渲染前 执行的 代 码,可 以对 request和 response 进行处理。
nodejs
npm
。
npm install
npm run init
npm run initdb
npm run initdb -- user # 初 始 化 指定 表
启动
npm start
以守护进
forever start ./bin/www --uid puzzle
or
pm2 start -n puzzle npm -- start
- 执行
npm install
; 使用 Visual Studio Code 运行调试(直接 按下F5
即 可 )。
- .vscode - VSCode 调试
配置 - bin -
服 务启动入口 - interface - 业务
接 口 实现 - stages - 关卡
文 件 - pubilc -
静 态资源 - routes - 网页
路 由 - script -
脚本 - views - 页面
模 板 - models -
数 据 库模型