找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序 - 王者图鉴

  [复制链接]
查看: 1746|回复: 337
最佳答案
1 

1

主题

5

帖子

87

积分

新人求带

积分
87
 楼主| 发表于 2017-9-6 11:35:20 | 显示全部楼层 |阅读模式
kindex.png

灵感源于今年很火的手游——王者荣耀,偶尔用手机上网查找游戏数据并不是很方便,于是有了开发“王者图鉴”小程序的想法。从官网爬取数据,将英雄、装备、铭文等信息整合在微信小程序中,随时随地查询游戏信息。

screenshot.png

技术栈

原型设计:sketch
后台数据爬取:node.js + leancloud (开源地址)
前端:小程序生态(WXML/WXSS/JavaScript...)

项目一共9个页面,涉及列表展示、英雄详情、装备分类、铭文条件筛选等功能,由于后台使用了leancloud的存储服务,所以没有使用小程序的ajax api,并且引入的leancloud sdk需要依赖一个在名为 leancloud.config.js 的文件,它被放在 utils 文件夹里,由于leancloud这类三方服务通常是弹性付费的,并且王者图鉴已经在微信上正式发布,所以我push代码时ignored了 leancloud.config.js ,请谅解。

leancloud.config.js 包含了leancloud应用的AppID和AppKey信息:
  1. module.exports = {
  2.   appId: '你的AppID',
  3.   appKey: '你的AppKey'
  4. }
复制代码

在使用项目之前,需要自行创建leancloud应用,并搭建我之前写的 王者荣耀官网爬虫 获取数据,它们都需要 leancloud.config.js 文件。

说回「王者图鉴」,这是我的第一个小程序,对于有经验的前端,跟着官方文档一天就能上手了。相比编码,完成整个产品的原型UI设计对我而言是一个挑战,排版、配色、交互,十多天时间参考了很多产品,也对设计有了更深层次的认识,最终落地的效果我还是比较满意的。

该项目开源代码仅供学习参考,禁止商业用途。
游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

最佳答案
0 

0

主题

2

帖子

69

积分

新人求带

积分
69
发表于 2017-9-6 11:40:59 | 显示全部楼层
kankanaaaaaaaaaa
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

35

帖子

227

积分

新人求带

积分
227
发表于 2017-9-6 11:41:35 | 显示全部楼层
拿来看看,学习
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

28

帖子

622

积分

专家路上

积分
622
发表于 2017-9-6 13:20:05 | 显示全部楼层
微信小程序 - 王者图鉴
回复 支持 反对

使用道具 举报

最佳答案
0 

4

主题

79

帖子

2453

积分

专家路上

积分
2453
发表于 2017-9-6 13:23:21 | 显示全部楼层
学习啊学习
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

239

帖子

3775

积分

S1

积分
3775
发表于 2017-9-6 15:33:52 | 显示全部楼层
王者图鉴???
回复

使用道具 举报

最佳答案
0 

0

主题

570

帖子

4348

积分

S1

积分
4348
发表于 2017-9-6 15:34:03 | 显示全部楼层
微信小程序 - 王者图鉴
回复 支持 反对

使用道具 举报

最佳答案
1 

10

主题

14

帖子

1173

积分

专家路上

积分
1173
发表于 2017-9-6 15:40:02 | 显示全部楼层
看起是个不错的小程序,就是不知道完不完整呢
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

37

帖子

536

积分

略知一二

积分
536
发表于 2017-9-6 21:53:04 | 显示全部楼层
不错。。。。。。。
回复

使用道具 举报

最佳答案
0 

0

主题

8

帖子

155

积分

新人求带

积分
155
发表于 2017-9-7 15:42:02 | 显示全部楼层
真的是666666啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


易域网-您身边的域名管家

henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

广告推广
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com