基於APICloud的笑話百科APP的設計與實現
系統簡介:
本次開發的笑話百科是基於APICloud平臺,利用web技術來實現的。本套系統實現了使用者可以在app上隨時隨地看別人的糗事和笑話;另外還提供了自己也可以發表生活中包括自己的糗事,讓別人在鬱悶時可以開懷一笑。使用者可以在手機端實時檢視笑話,另外也可以對別人發表的弄西進行評論和點贊。本系統所使用的資料庫為APICloud雲端資料庫,提供簡便的API資料介面,操作更加方便、快捷。
本笑話百科系統使用APICloud-studio做為開發工具,APICloud Studio專為前端開發者快速開發IOS與Android移動應用app而產生的。APICloud Studio是基於Eclipse和Aptana Studio3,在此基礎上進行了一些擴充套件,集成了包括:應用管理、模版框架、雲端同步、程式碼管理、程式碼提示、本地打包、真機同步、AppLoader管理等功能。企業和開發者也可以在此開原始碼的基礎上定製個性化的APICloud開發工具。APICloud應用前端的開發是採用標準的web技術加引用一些APICloud平臺所提供的原生模組來完成的。APICloud平臺免費向用戶提供從客戶端到雲端完整的資料儲存解決方案。通過雲端提供的資料管理功能,客戶端提供的資料訪問API,我們只需在雲端資料庫建立表的結構和關係,雲端後臺就會自動生成對應的RESTful介面,這時候我們在客戶端直接呼叫系統模組API方法即可,不需要再自行搭建伺服器或者寫任何的伺服器端程式碼,直接可以通過HTTP的方式請求與APICloud平臺數據進行互動,通過JS獲取我們存寫在雲端的資料或者上傳以及修改雲端已有的資料。
產品引數:
開發工具 |
APICloud studio |
開發語言 |
Html5,jquery,css |
資料庫 |
APICloud 雲平臺數據庫 |
功能結構圖:
1、基於APICloud的笑話百科功能實現主要從以下兩個部分進行設計:
APP客戶端
根據角色的劃分主要分:瀏覽者和會員。其功能模組如下:
- 瀏覽者
(1)首頁:主要提供會員登入、註冊入口以及最新的TOP10條笑話會展現在首頁;
(2)笑一笑:瀏覽者可以根據分類(爆笑男女、冷笑話、校園、幽默笑話等)進行過濾查詢自己想看的笑話、同時還支援關鍵字模糊查詢。通過笑話列表可以點進詳情檢視笑話詳細資訊。
- 會員
除了瀏覽者能夠檢視的2個功能模組(首頁和笑一笑)之外,會員可以進入我的和設定功能模組部分:
(1)我的:主要包括的功能模組有我的資料(主要是針對會員的基本資訊進行修改操作)、我的評論(對笑話詳情可以進行評論發表自己的看法同時也可以刪除自己發表的評論,無法刪除他人的評論)、我的收藏(看到自己喜歡的段子進行收藏同時也可以取消收藏)、我的發表(可以發表自己看到的段子或原創的段子給平臺,然後平臺進行稽核和收集再開放給大家)
(2)設定:主要包括的功能模組:清楚快取、檢查更新和修改密碼。
綜上所述,整體的系統架構圖如下圖所示:
2、基於APIClou雲服務後臺資料管理
首先進入APICLoud的官方系統:https://www.apicloud.com 通過註冊的賬號登入進入開發控制檯,然後選擇建立的應用笑話百科在左側功能選單欄位上選擇雲開發部分的Database,並開啟服務。建立管理我的資料庫即可如下圖所示:
圖 Dtabase管理介面
資料表結構:
class:user(使用者資訊表)
列名 |
型別 |
說明 |
xingbie |
String |
性別 |
weixin |
String |
微訊號 |
|
String |
qq號碼 |
remark |
String |
備註說明 |
touxiang |
String |
會員頭像 |
mobile |
String |
手機號 |
Class: fabiao(笑話發表資訊表)
列名 |
型別 |
說明 |
fenlei |
String |
分類:校園、幽默笑話 |
userid |
String |
會員ID |
status |
String |
發表狀態:稽核中、已退回、已通過 |
neirong |
String |
發表內容 |
yuanyin |
String |
當被退回時輸入原因 |
Class: fankui(使用者反饋資訊表)
列名 |
型別 |
說明 |
leixing |
String |
反饋型別:投訴、建議、意見和其他 |
neirong |
String |
留言反饋內容 |
username |
String |
會員賬號 |
userid |
String |
會員ID |
Class: pinglun(評論資訊表)
列名 |
型別 |
說明 |
nerrong |
String |
評論內容 |
userid |
String |
會員ID |
xiaohuaid |
String |
笑話ID |
photourl |
String |
會員頭像 |
username |
String |
會員賬號 |
Class: shoucang(收藏資訊表)
列名 |
型別 |
說明 |
xiaohuaid |
String |
笑話ID |
userid |
String |
會員ID |
Class:xiaohua(笑話資訊表)
列名 |
型別 |
說明 |
fenlei |
String |
分類:校園、幽默笑話、爆笑男女和冷笑話 |
jianjie |
String |
笑話簡介 |
fengmian |
File |
封面圖片 |
xiangqing |
String |
笑話內容詳情 |