连载系列【1】Excel开发移动端"APP"

在上一篇文章中，我发布了一个用Excel开发的移动端"APP",便于公司内经常出差的小伙伴们查询差旅协议酒店。

详情请见

最近有一些朋友感觉很神奇，问我是如何制作的。只言片语也说不清楚，索性把它写出来，以飨读者。接下来我将通过几篇文章形成一个小白也能学会的连载系列，让你可以用此方法轻松实现定制化地图工具的开发。

喜欢魔术的小伙伴都知道，很多魔术师都有一些自己定制的专属道具，用于帮助自己完成一些不可思议的表演。其实用Excel开发小型IT系统也是如此。本例中所谓的移动端APP，其实是通过VBA生成的一个HTML格式的文件。开发过程用到的最重要的第一个道具便是地图API接口（以下地图均指代"百度地图"）

01

—

地图开放平台

官网上的产品简介如下：

"地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。"

很多人读到这里应该是一头雾水，望而却步了：要用VBA连接地图API接口？其实事实远远没有那么复杂。因为地图攻城狮们早就看出了小白们的顾虑，给出了"地图生成器"这个给力的工具。链接过程源码的秘密尽藏于此。

Step1：搜索"地图开放平台"—>开发文档—>地图生成器—>按提示三步法生成地图。

Step2：点击"获取代码"按钮，可查看刚刚自定义的地图所对应的源代码。

02

—

代码解析

看到这一堆Java Script网页前端编程代码，估计很多小伙伴们头都大啦，认为肯定要学过该编程语言才能进行下一步操作。其实不然。《王烁·大学·问》中说到，我们这代人要从知识的农耕民族，变成知识的游牧民族。用20%的时间移动app用什么语言开发，去尽可能多地掌握一个领域能为我所用的80%的知识。对此我深表认同！理论上说，对于编程这种技能，是应该运用结构主义的方式进行系统化地学习。但是“吾生也有涯，而知也无涯”，采用自然主义的方法，从案例需求出发移动app用什么语言开发，照猫画虎，修改代码为我所用也不失为一种选择。

基于这种思路，我们再来回顾这段代码，完全可以用一种更抽象视角：不需要逐字逐句地理解，只需要知晓其结构和功能，并知道如何修改代码能达到我们自己的目的即可。

代码功能解析如下图：

html语言基本结构如下:

1.动态和静态页面都是以“”开始，以“”结尾。

2.中的内容在浏览器无法显示，是给服务器、浏览器、链接外部JS、a链接CSS样式等区域；“”中是网页标题。

3.“ ”

这两个标签内容是给搜索引擎看的，说明本页关键字及本张网页的主要内容。

4." "是最主要区域 ，这里放置的内容就可以通过浏览器呈现给用户。

5.最后是以" "结尾，也就是网页闭合。

以上是一个完整的最简单的html语言基本结构，通过以上可以再增加更多的样式和内容充实网页。

结合以上描述，和虚线框内的各段代码解析，我们就对之前生成的Java Script代码有了足够的了解。

03

—

密钥申请

我们注意到代码中有如下一句：ak=您的密钥

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密匙">script>

这里在提示我们使用地图的前提是申请一个密钥。否则会出现如下报错：

申请密钥过程如下：

Step1：登录自己的百度账号；

Step2：在控制台面板"创建应用"，创建属于自己的密钥。

未完待续。敬请关注。下一篇文章将介绍如何修改代码中相应部分，以便在地图上创建自定义marker。并将介绍第二个重要道具给大家：地图源代码编辑器。