前言
本篇博客主要用来记录我个人移动web小项目开发过程，当然还有一些关于javascript如何使用Bmob后台的API，现在网上关于javascript使用Bmob后台API的实例太少了，我目前又不会搞后台开发，加上我的这个项目打算几个月后提交并参加比赛有些急，后台也来不及去研究了，所以选择用Bmob的API，同时也可以把我的javascript使用Bmob的API的亲身经历和一些实例分享给和我一样的不懂后台又想弄个App出来的同学，当然后台迟早还是要学会的。差点忘记提及，这个移动web的项目主要用到的技术有HTML、CSS、JavaScript、jQuery Mobile和Bmob后台API。本篇博客（一）先介绍本项目的需求分析和一些提前要配置好的东西。
需求分析（站在用户角度思考）
- 登陆、注册和找回密码
- 上传和下载文档（txt、word、pdf）
- 在线浏览上传的文档
- 可以向别的用户共享你上传的文档同时可以相互发信息聊天
- 可以同时多人共享，创建一个文档库，像QQ群一样
- 别忘还有一个好友更能
- 待定…
前提
1、开发平台选用Hbuilder
因为Hbuilder可以开发移动web，简单说就是HTML/CSS/Javascript一起打包生成一个app，Hbuilder也提供了一个类似jQuery Mobile的框架叫MUI，UI做得确实比jQuery Mobile要更像APP，不过我还是决定用jQuery Mobile，因为资料多，而MUI是新东西，关于MUI得资料不是很多。我感觉移动web比用Android studio开发原生Andriod的app要轻松，而且支持跨平台，也就是Android和IOS苹果系统也能用，那就大大解决成本问题不用同时为两大系统开发，或许这是未来移动开发的趋势。
2、jQuery Mobile安装
用Hbuilder新建一个“移动App”项目，然后再从 CDN 中加载 jQuery Mobile就是如下在head标签中填加几条代码引入jQuery Mobile
<head>
<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 引入 jQuery Mobile 样式 -->
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- 引入 jQuery 库 -->
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- 引入 jQuery Mobile 库 -->
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
3、Bmob得API
先注册一个Bmob账号其中有一部等等初始化要用到
我打算压缩包引入得方式来安装Bmob的API(hydrogen-js-sdk-master.zip)
解压后，在HBnider项目右键打开js文件所在位置，把刚解压文件里的dist中的Bmob-1.6.1.min.js的拖进js文件里面,然后在head标签中添加.js并初始化如下
<head>
<script type="text/javascript" src="js/Bmob-1.6.1.min.js"></script>
<script>
Bmob.initialize("你的Application ID", "你的REST API Key");//Bmob初始化
//最好在这里写脚本
</script>
</head>
完成上面三步基本配置好了。