2. 程式人生 > >APP開發：基於Bmob後臺文件共享移動web（一）

APP開發：基於Bmob後臺文件共享移動web（一）

阿新 • • 發佈：2018-11-13

前言

本篇部落格主要用來記錄我個人移動web小專案開發過程，當然還有一些關於javascript如何使用Bmob後臺的API，現在網上關於javascript使用Bmob後臺API的例項太少了，我目前又不會搞後臺開發，加上我的這個專案打算幾個月後提交併參加比賽有些急，後臺也來不及去研究了，所以選擇用Bmob的API，同時也可以把我的javascript使用Bmob的API的親身經歷和一些例項分享給和我一樣的不懂後臺又想弄個App出來的同學，當然後臺遲早還是要學會的。差點忘記提及，這個移動web的專案主要用到的技術有HTML、CSS、JavaScript、jQuery Mobile

和Bmob後臺API。本篇部落格（一）先介紹本專案的需求分析和一些提前要配置好的東西。

需求分析（站在使用者角度思考）

  1. 登陸、註冊和找回密碼
  2. 上傳和下載文件（txt、word、pdf）
  3. 線上瀏覽上傳的文件
  4. 可以向別的使用者共享你上傳的文件同時可以相互發資訊聊天
  5. 可以同時多人共享，建立一個文件庫，像QQ群一樣
  6. 別忘還有一個好友更能
  7. 待定…

前提

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>

完成上面三步基本配置好了。

相關推薦

APP開發：基於Bmob後臺文件共享移動web（一）

前言 本篇部落格主要用來記錄我個人移動web小專案開發過程，當然還有一些關於javascript如何使用Bmob後臺的API，現在網上關於javascript使用Bmob後臺API的例項太少了，我目前又不會搞後臺開發，加上我的這個專案打算幾個月後提交併參加比賽有些急，後臺也來不及去研

MFC介面程式設計基礎（20）：一個簡單的文件序列化示例（Ex_SDIArchive）

上一篇：MFC介面程式設計基礎（19）：文件檢視結構應用程式例子（Editor） 下一篇：MFC介面程式設計基礎（21）：一個簡單的CArchive類用法的示例（Ex_Archive） 第一步 用MFC應用

基於 Django1.10 文件的深入學習（3）—— models.py 之 FileField

class FileField(upload_to=None, max_length=100, **options)[source] 檔案上傳欄位。 注意: primary_key引數不受支援

基於 Django1.10 文件的深入學習（12）—— django.shortcuts 之 redirect()

redirect() redirect(to, permanent=False, *args, **kwargs)[source] 將HttpResponseRedirect返回給傳遞的引數的相應U

（轉） 分布式文件存儲FastDFS（一）初識FastDFS

article targe 訪問 dfs 信息 啟動 時間戳 load 第一次啟動 http://blog.csdn.net/xingjiarong/article/details/50559849 一、FastDFS簡介 FastDFS是一款開源的、分布式文件系統（D

JVM中class文件探索與解析（一）

範圍 protected test except itl 指向 strac 相關 父類索引 一直想成為一名優秀的架構師的我，轉眼已經工作快兩年了，對於java內核了解甚少，閑來時間，看看JVM，吧自己的一些研究寫下來供大家參考，有不對的地方請指正。 廢話不多說，一起來看看J

Linux 4.10.8 根文件系統制作（一）---環境搭建

zxvf fstab project 根據 構建 yaffs http tar.bz2 onf 一、工具 　　制作工具為busybox 　　下載地址：https://busybox.net/ 　　解壓： 　　 二、制作文件系統 　　進入目錄，執行make menuconfi

磁盤及文件管理系統入門（一）

fs 硬盤 uefi&gpt linux磁盤及文件系統管理初步目錄 1.磁盤及文件系統管理 2.機械磁盤結構 3.mknod命令 4.parted命令 5.GPT分區&UEFI 6.二進制單位Linux系統管理磁盤分區及文件系統管理RAIDLV

Tornado官方文件，中文翻譯（一）

Tornado是一種非同步的Python網路框架，源自FriendFeed。得利於對非阻塞的運用，Tornado可以處理數以千計的連線，非常適合需要長連線的應用程式。 傳送門 入門——HelloWorld 讓我們從一個簡單的“Hello World”例程開始：

用Python讀取Word文件並寫入Excel（一）

工作中經常要處理大量的word文件，大部分內容都很簡單，比如說做一個彙總表，從發來的word文件裡提取名字、聯絡方式、地址等資訊，提取完之後還需要用Excel做彙總，對於十幾份的文件尚好，但對於成百份，

Java中常用到的文件操作那些事（一）——替換doc文檔模板，生成真實合同案例

代碼 sta ring site hashmap i++ illegal puts except 　　工作中，我們時常會遇到一些操作文件的操作，比如在線生成合同模板，上傳/下載/解析Excel，doc文檔轉為pdf等操作。本文就已工作中遇到的在線生成合同為例，簡要地介紹一種

Linux基礎命令之文件和目錄操作（一）

node var 慎用 con mkdir 環境 not 小數 mat pwd 　　　　print working directory的縮寫，作用是顯示當前工作目錄的絕對路徑，一般進行頻繁切換路徑時使用。 　　　　-L　　顯示邏輯路徑（或略軟鏈接文件）

Linux文件與目錄管理（一）

例如 必須 環境 我們 wid 亂七八糟 rect 來源 x文件 　　一般而言絕對路徑的正確度比較好。建議如果在寫程序來管理系統的情況下，務必使用絕對路徑的寫法。雖然較麻煩但不會有問題。如果使用相對路徑則可能由於你執行的工作環境 不同，導致問題發生。 目錄相關操作 　

程式設計師程式設計藝術第二十六章：基於給定的文件生成倒排索引（含原始碼下載）

第二十六章：基於給定的文件生成倒排索引的編碼與實踐作者：July、yansha。出處：結構之法演算法之道引言    本週實現倒排索引。實現過程中，尋找資料，結果發現找份資料諸多不易：1、網上搜倒排索引實現，結果千篇一律，例子都是那幾個同樣的單詞；2、到谷歌學術上想找點稍微有價

Android開發：文本控件詳解——EditText（一）基本屬性

代碼 cap max capi sage 行數 ebe ons gin 一、簡單實例： 　　 　　EditText輸入的文字樣式部分的屬性，基本都是和TextView中的屬性一樣。 　　除此之外，EditText還有自己獨有的屬性。 二、基本屬性： h

winform 寫App.config配置文件——IT輪子系列（八）

項目 ble .exe private conf 遇到 配置信息 操作 src 前言 在winform項目中，常常需要讀app.config文件。如： 1 var version = System.Configuration.ConfigurationManager.Ap

利用SHAPEIT將vcf文件進行基因型（genotype）定相（phasing）：查看兩個突變是否來源於同一條鏈（染色體或父本或母本）

soft jar GC maps tst PE mes center mat 首先，下載SHAPEIT. 按照裏面的步驟安裝完後，將vcf文件進行基因型定相，分四步走。 第一步，將vcf文件轉化為plink二進制文件（.bed, .bim, .fam）。 這一步

Android實戰——第三方服務之Bmob後端雲的增刪改查、上傳文件、獲取文件、修改密碼（二）

tid blank 生成 src 上傳圖片 放置 第三方 b數 net 第三方服務之Bmob後端雲的增刪改查、上傳文件、獲取文件、修改密碼（二） 事先說明：這裏的一切操作都是在集成了BmobSDK之後實現的，如果對Bmob還不了解的話，請關註我第一篇Bmob文章 步

使用Swagger2Markup實現API文件的靜態部署（二）：Markdown和Confluence

在上一篇《使用Swagger2Markup實現API文件的靜態部署（一）：AsciiDoc》中，我們介紹瞭如何使用 Swagger2Markup將Swagger文件轉換成AsciiDoc，再將AsciiDoc轉換成靜態HTML。下面，本文將繼續介紹Swagger2Ma

ASP.NET Core 中文文件 第二章 指南（8） 使用 dotnet watch 開發 ASP.NET Core 應用程式

本文已更新，最後更新於2017年4月27日 以下為老翻譯存檔 介紹 dotnet watch 是一個開發階段在原始檔發生變動的情況下使用 dotnet 命令的工具。 當代碼發生變動的時候可以用來執行編譯，執行測試，或者釋出操作。 在本教程中，我們將使用一個現有的計算兩個數字之和以及乘積的 WebAp