24小时开发阴阳师小程序

玩阴阳师的肝帝们都知道，每天早上5点和下午6点会刷新两次封印任务，每次做任务时最蛋疼的就是找各种怪物对应的副本以及神秘线索。 阴阳师提供了 网易精灵 可以进行一些数据查询，但体验实在太感人，所以大多数人选择使用搜素引擎搜索怪物分布及神秘线索。

而每次使用搜索引擎查找又十分不方便，所以笔者决定写一个查询阴阳师妖怪分布的小程序，力求做到使用快捷体验更快捷，把更多的时间留给狗粮和御魂。

恰好上周末有两天时间，所以立马开写。

1.构思与设计 ( 3小时 )1.1 构思

• 要做的小程序主要功能就是查询功能，所以主页应该像搜索引擎一样简洁，搜索框是肯定需要的；

• 主页包含热门搜索，缓存最热式神的搜索；

• 搜索支持完整匹配或者单字匹配；

• 点击搜索结果直接跳转到式神详情页；53. 式神详情页应该包含式神的图鉴、名称、稀有度、出没地点，并且出没地点按妖怪数量从多到少排序；

• 加入数据报错及提建议的功能；

• 支持用户个人的搜索历史；

• 小程序的名字，综合考虑小程序的功能最后决定叫做 式神猎手 ( 其实这是最后开发完成后才想好的 )；
  

1.2 设计

构思好后笔者就开始用笔者半吊子的 PS 水平设计了下草图，大概是这个样子：

[JavaScript] 纯文本查看 复制代码

├── app.js├── app.json├── app.wxss├── pages│   ├── feedback│   ├── index│   ├── my│   ├── onmyoji│   ├── statement│   └── template│       ├── template.js│       ├── template.json│       ├── template.wxml│       └── template.wxss├── static└── utils

关于其他文件调用 template，直接使用 import 即可：

[XML] 纯文本查看 复制代码

然后在需要引用模版的地方：

[XML] 纯文本查看 复制代码