整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
015臨近，2014年即將劃上句號(hào)。人們習(xí)慣于在轉(zhuǎn)接點(diǎn)對(duì)過去做總結(jié)，然后以更好地姿態(tài)迎接新開始。2014年是移動(dòng)廣告高速發(fā)展的一年，各方參與者越來越多，APP推廣仍占主角，移動(dòng)電商出現(xiàn)爆發(fā)點(diǎn)，品牌客戶逐步進(jìn)入。小編總結(jié)了十大關(guān)鍵詞，詮釋2014年移動(dòng)營銷的風(fēng)起云涌。
1、移動(dòng)DSP
自2013年8月力美科技推出中國第一家專業(yè)移動(dòng)DSP起，“移動(dòng)DSP”慢慢被人們提起，從少量到頻繁，而后各家跨屏DSP加快移動(dòng)廣告程序化進(jìn)程。據(jù)芒果的數(shù)據(jù)統(tǒng)計(jì)，年初真正有投放量的移動(dòng)DSP才四五家，而現(xiàn)在，1年不到的時(shí)間，已經(jīng)增至四五十家。參與公司的良莠不齊，導(dǎo)致市場(chǎng)的一些混亂。較為明顯的現(xiàn)象是各種概念繁多，讓廣告主辨識(shí)不過來，但反過來看，這也促使移動(dòng)程序化發(fā)展進(jìn)程加快，競爭促使優(yōu)勝劣汰。
從廣告主投放角度看，移動(dòng)電商最早進(jìn)行移動(dòng)DSP的廣告投放；而后，品牌客戶加速進(jìn)來，今年很多APP也開始通過移動(dòng)DSP推廣，獲取下載量，且有不錯(cuò)的成效。以力美移動(dòng)DSP廣告投放為例，初期，歌莉婭2013年雙十一初嘗試，而后陸續(xù)有本田、福特等汽車類，聯(lián)合利華、杜蕾斯等快消類，三星電子等IT類，洋河等糖酒類，匯豐銀行等金融類以及喜來登等酒店O2O類眾多品類廣告主進(jìn)入。我們看到廣告預(yù)算慢慢劃分到移動(dòng)DSP的池子，使得移動(dòng)DSP占據(jù)的市場(chǎng)份額越來越大。蛋糕大了，進(jìn)來分割蛋糕的企業(yè)越來越多，2015年，移動(dòng)程序化購買將走向成熟，市場(chǎng)競爭會(huì)過濾掉一些內(nèi)功不足的移動(dòng)DSP。在結(jié)算模式上，移動(dòng)DSP依舊以CPC、CPM的效果導(dǎo)向?yàn)橹?，同時(shí)存在CPA、CPS。以手游推廣為例，大部分使用CPA模式，根據(jù)安裝量、下載量等行為效果進(jìn)行計(jì)費(fèi)。
2、移動(dòng)電商
今年雙十一成為了移動(dòng)電商小爆發(fā)的典型標(biāo)識(shí)，各大平臺(tái)的移動(dòng)端交易數(shù)據(jù)令人震驚。淘寶天貓移動(dòng)端交易額達(dá)到243億元，是去年雙十一移動(dòng)端交易額的4.5倍，占到總成交額的42.6%，刷新了全球移動(dòng)電商單日成交記錄。另外，據(jù)了解，蘑菇街雙十一大促的移動(dòng)端占比高達(dá)78%；與蘑菇街對(duì)應(yīng)的美麗說，雙十一交易額超5.7億，移動(dòng)端超80%。其他平臺(tái)的移動(dòng)訂單量也高速增長，均超過40%。
從廣告投放角度，移動(dòng)電商在移動(dòng)端投放規(guī)模越來越大。韓都衣舍集團(tuán)董事長兼CEO趙迎光曾表示，“2015年，要加大移動(dòng)端的廣告推廣力度?！绷硗?，騰訊效果平臺(tái)部總經(jīng)理羅征也認(rèn)為“移動(dòng)電商是最具廣告投放潛力的廣告主?！?/p>
3、全球化/海外推廣
在2014年移動(dòng)互聯(lián)網(wǎng)領(lǐng)域有一股強(qiáng)大的全球化（globalization）熱潮，全球海外推廣呈現(xiàn)一片藍(lán)海。從企業(yè)類型看，全球化最為典型的當(dāng)數(shù)手游。許多手游公司發(fā)現(xiàn)國內(nèi)市場(chǎng)正在逐步走向發(fā)展瓶頸，而越來越多的企業(yè)愿意帶著自己的精品手游出海淘金，拓展新的藍(lán)海市場(chǎng)。
以AvazuHolding為代表，從APP孵化、發(fā)行到推廣，一站式閉環(huán)服務(wù)，其目標(biāo)市場(chǎng)是海外。也有公司著重發(fā)展海外的某個(gè)地域，比如發(fā)力東南亞的Madhouse等；另外，有類似專精于國內(nèi)市場(chǎng)但對(duì)海外市場(chǎng)加緊布局的力美廣告（力美科技旗下）、品友互動(dòng)等，2014年正式開啟了全球化戰(zhàn)略。
4、Html 5
頻頻刷爆朋友圈的Html5今年算是在移動(dòng)營銷舞臺(tái)出盡風(fēng)頭。引用Top君的整理，移動(dòng)互聯(lián)網(wǎng)的江湖上，APP派和Web派爭斗已久。起初是App以良好的用戶體驗(yàn)迅速俘獲用戶芳心。不甘失落的Web派逐漸放棄了傳統(tǒng)Wap，推出了更加方便快捷的Html5技術(shù)，但在強(qiáng)大的App面前曾長期不溫不火，直到后來微信和朋友圈的快速發(fā)展，H5靠著無需下載、即點(diǎn)即用的屬性迅速上位。小編認(rèn)為，Web還沒有實(shí)現(xiàn)真正的逆襲，問題在于其生命周期太短。
當(dāng)然，Html5火爆必然有原因。比如一個(gè)活動(dòng)邀請(qǐng)函，用Html5呈現(xiàn)，瞬間變得高大上。Html5 可以更有效地組織互聯(lián)網(wǎng)中的信息，讓視頻、音頻等服務(wù)得到更好的支持，并在減輕開發(fā)者負(fù)擔(dān)的同時(shí)，讓用戶在不同的平臺(tái)上有更一致的體驗(yàn)。
5、原生廣告
2013年原生廣告開始被討論，2014年進(jìn)入使用并且被提倡得越來越多。移動(dòng)端，目前相對(duì)主流的原生廣告形式為信息流廣告，什么是信息流廣告？簡單講，信息流廣告就是以不打擾用戶體驗(yàn)為前提，在用戶查看好友信息中插播的推廣信息。事實(shí)上信息流廣告與社交媒體有著天然匹配性，研究機(jī)構(gòu)BIA/Kelsey預(yù)測(cè)，2017年美國社交廣告市場(chǎng)規(guī)模為110億美元，40%將為原生廣告。在美國市場(chǎng)，Twitter率先推出了原生廣告產(chǎn)品，并收購了Mopub、NamoMedia等移動(dòng)端原生廣告技術(shù)公司。Facebook也一直把原生廣告當(dāng)做核心的收入模式。縱觀行業(yè)，真正原生廣告的領(lǐng)導(dǎo)者都是社交巨頭，而在中國市場(chǎng)，擁有國內(nèi)兩大社交平臺(tái)——QQ和微信的社交巨頭騰訊，顯然在推廣原生廣告方面有著不可比擬的資源優(yōu)勢(shì)。
按體量和數(shù)據(jù)來說，廣點(diǎn)通的原生廣告基于QQ空間，用戶基數(shù)大、活躍度高，為廣告曝光奠定了良好基礎(chǔ)。羅征表示：“信息流廣告是移動(dòng)營銷未來趨勢(shì)?！碑?dāng)然，除了廣點(diǎn)通外，InMobi在今年5月份也推出了原生廣告交易平臺(tái)，融合了網(wǎng)站、App本身的可視化設(shè)計(jì)。
6、移動(dòng)視頻廣告
隨著4G時(shí)代來臨，網(wǎng)絡(luò)進(jìn)程持續(xù)加快，視頻移動(dòng)客戶端下載量猛增，移動(dòng)視頻廣告燃起了希望。無可厚非，不管是APP流量變現(xiàn)，還是講述品牌故事，移動(dòng)視頻都是不二的選擇。
最新數(shù)據(jù)顯示，移動(dòng)視頻廣告正在吸引著大量廣告客戶的眼球。BI Intelligence報(bào)告預(yù)測(cè)，到2018年，美國市場(chǎng)上的移動(dòng)視頻廣告營收將突破44億美元，與2013年相比，五年復(fù)合年增長率將高達(dá)73%。國內(nèi)方面，有以帷千動(dòng)媒為主的In-app頻控視頻廣告；另外，以優(yōu)酷、土豆、愛奇藝為首的幾大視頻APP，其貼片廣告時(shí)長從15秒到45秒都有。有觀眾表示受不了45秒時(shí)長的前貼，這透露了移動(dòng)視頻廣告優(yōu)質(zhì)資源的緊缺，以及用戶體驗(yàn)有待完善。
7、積分墻
2014年積分墻飽受爭議，這邊唱衰，那邊熱捧。但不可否認(rèn)的是，目前國內(nèi)主流移動(dòng)廣告平臺(tái)的業(yè)務(wù)主要集中在移動(dòng)應(yīng)用推廣方面，其中，積分墻業(yè)務(wù)占比較大。從國內(nèi)外移動(dòng)廣告市場(chǎng)的情況來看，積分墻廣告依舊是移動(dòng)廣告最重要的業(yè)務(wù)形式，其對(duì)開發(fā)者和廣告主所帶來的吸引力，遠(yuǎn)遠(yuǎn)大于整個(gè)市場(chǎng)的質(zhì)疑聲音。據(jù)了解，積分墻在海外市場(chǎng)是apps主流的推廣渠道，原因在于通過低成本代價(jià)沖榜帶來的榜位變化獲取更多自然用戶。盡管積分墻帶來的直接用戶不多，但通過榜位的變化帶來的間接用戶卻遠(yuǎn)遠(yuǎn)超過直接用戶的數(shù)量。
相關(guān)專業(yè)人士表示：“積分墻廣告未來的潛力是無限的，特別是手游行業(yè)的方興未艾，積分墻廣告仍舊蘊(yùn)藏較大發(fā)展空間。對(duì)于整個(gè)大行業(yè)而言，移動(dòng)互聯(lián)網(wǎng)處于高速發(fā)展期，還未進(jìn)入成熟期，關(guān)鍵是如何滿足廣告主和用戶需求的平衡?！?/p>
8、O2O營銷
移動(dòng)互聯(lián)網(wǎng)的飛速發(fā)展，不僅催生出為數(shù)眾多的新型產(chǎn)業(yè)類型（移動(dòng)購買、移動(dòng)搜索、移動(dòng)定位等），而且通過與傳統(tǒng)產(chǎn)業(yè)的融合，讓大量的傳統(tǒng)行業(yè)步入產(chǎn)業(yè)升級(jí)與發(fā)展的快速通道。同時(shí)，移動(dòng)互聯(lián)網(wǎng)賦予了O2O產(chǎn)業(yè)旺盛的生命力，給予其更加強(qiáng)大的功能。移動(dòng)定位、移動(dòng)應(yīng)用市場(chǎng)、移動(dòng)支付等移動(dòng)技術(shù)，無一不是O2O產(chǎn)業(yè)的“左膀右臂”。
O2O產(chǎn)業(yè)發(fā)展的升級(jí)使得對(duì)O2O線上線下營銷需求更加強(qiáng)烈，手機(jī)和戶外媒體的打通，亦或是LBS、商圈定向廣告等讓O2O營銷落到實(shí)處。先天的打通線上線下的各大流通環(huán)節(jié)的行業(yè)優(yōu)勢(shì)、囊括用戶信息的全面性、宣傳和推廣渠道的多樣性。
9、跨屏營銷
在日漸追求廣告效果、廣告價(jià)值最大化的今天?？缙翣I銷的終極目的，是真正實(shí)現(xiàn)精準(zhǔn)個(gè)體受眾購買。于是，以“移動(dòng)”為核心展開的跨屏營銷，當(dāng)屬十大關(guān)鍵之一。實(shí)現(xiàn)跨屏，有2種方式：一，精準(zhǔn)匹配，實(shí)現(xiàn)多個(gè)屏幕終端，單個(gè)受眾的精準(zhǔn)識(shí)別，即看PC電腦的A，和玩pad的B，以及使用手機(jī)的C，通過跨屏追蹤，可獲知這背后的用戶其實(shí)是一個(gè)人。目前只有擁有賬號(hào)體系的BAT以及360具備如此強(qiáng)大的跨屏技術(shù)，其他企業(yè)很難玩得轉(zhuǎn)；二，預(yù)估匹配，即識(shí)別出不同屏背后的受眾，可能是同一個(gè)人或是極近相似的人。主要通過技術(shù)、算法手段，實(shí)現(xiàn)預(yù)估。
重定向公司Vizury提出，做好跨屏之前先做好一個(gè)屏的精準(zhǔn)到達(dá)。未來一切營銷，從“移動(dòng)”展開。
10、大數(shù)據(jù)
如今，任何營銷都是基于各種數(shù)據(jù)分析和挖掘。在移動(dòng)端，數(shù)據(jù)的積累具有更大的空間和市場(chǎng)潛力。以移動(dòng)DSP的后盾力量移動(dòng)DMP為例， DMP擁有足夠大的數(shù)據(jù)庫，基于這些數(shù)據(jù)的挖掘?qū)τ谝苿?dòng)DSP的投放尤為重要。力美DSP通過7億數(shù)據(jù)挖掘，為每一個(gè)在廣告請(qǐng)求里出現(xiàn)過的用戶建立了數(shù)據(jù)庫，這樣能夠清楚的了解到用戶什么時(shí)間經(jīng)常使用手機(jī)、在哪些區(qū)域使用手機(jī)、是否有使用wifi、經(jīng)常使用哪些應(yīng)用等基礎(chǔ)信息，通過這些信息可以勾勒出用戶的興趣和生活習(xí)慣，從而實(shí)現(xiàn)復(fù)雜的人群定向。
另外，之前有關(guān)于第一方數(shù)據(jù)和第三方數(shù)據(jù)的討論。小編認(rèn)為，大數(shù)據(jù)的發(fā)展必將圍繞著數(shù)據(jù)流通，這其中有許多問題需要各方不斷積累經(jīng)驗(yàn)，探討解決方法，這一過程不免會(huì)走一些彎路。大數(shù)據(jù)的發(fā)展有目共睹，是大勢(shì)所趨，尤其是未來互聯(lián)網(wǎng)會(huì)不斷有新的工具和應(yīng)用產(chǎn)生，存在各種可能性。
【本博微信公號(hào)：Morketing?！?/p>
篇 SpringBoot+MongoDB實(shí)現(xiàn)一物流訂單系統(tǒng)(上)
本文收錄在公眾號(hào)：bigsai
創(chuàng)建完訂單之后，無數(shù)配送公司和人員便開始配送物流，而我們?cè)诓樵兊臅r(shí)候，物流狀態(tài)信息也能夠時(shí)不時(shí)的刷新，具體物流信息也能得到追加。
在后端的處理上，我們先寫service，再寫controller，在orderService中編寫addLogisticsAndUpdateStatus()函數(shù)，主要實(shí)現(xiàn)更新訂單的狀態(tài)和訂單的物流情況。具體代碼為：
//更新物流
public void addLogisticsAndUpdateStatus(logistics logistics)
{
String status=logistics.getOperation();
Query query = new Query(Criteria.where("_id").is(logistics.getOrderId()));
Update update = new Update();
update.set("status", status);//更新狀態(tài)
update.push("logistics",logistics);
mongoTemplate.upsert(query, update, order.class);
}
其中：
編寫完orderService，在orderController中編寫一個(gè)名為updateorder的接口，用來處理更新的請(qǐng)求和參數(shù)并執(zhí)行更新的操作，具體代碼為：
@PostMapping("updateorder")
public String updateorder(logistics logistics)
{
logistics.setOperationTime(new Date());
orderService.addLogisticsAndUpdateStatus(logistics);
return "添加成功";
}
同樣接口類型為post類型，接收部分參數(shù)然后將物流操作時(shí)間設(shè)置為當(dāng)前時(shí)間，調(diào)用orderService的addLogisticsAndUpdateStatus()方法執(zhí)行更新的操作。這樣后端部分就完成了。
有了后端部分的支持，前端我們?cè)赼ddlogistics.html中編寫以下內(nèi)容，主要是一個(gè)表單向服務(wù)端發(fā)送數(shù)據(jù)和更新請(qǐng)求：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<section class="layui-larry-box">
<div class="larry-personal">
<blockquote class="layui-elem-quote layui-text">
<span>增加物流信息</span>
</blockquote>
<form class="layui-form col-lg-5 " action="updateorder" method="post">
<div class="layui-form-item">
<label class="layui-form-label">訂單id</label>
<div class="layui-input-block">
<input type="text" name="orderId" autocomplete="off" class="layui-input" value="" >
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">操作名稱</label>
<div class="layui-input-block">
<input type="text" name="operation" autocomplete="off" class="layui-input" value="">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">操作員</label>
<div class="layui-input-block">
<input type="text" name="operator" autocomplete="off" class="layui-input" value="">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">操作地址</label>
<div class="layui-input-block">
<input type="text" name="adress" autocomplete="off" class="layui-input" value="">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">備注</label>
<div class="layui-input-block">
<input type="text" name="details" autocomplete="off" class="layui-input" value="">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</section>
</body>
<script type="text/javascript" src="layui/layui.js"></script>
這樣，前端部分編寫完成，執(zhí)行程序訪問localhost:8080,點(diǎn)擊添加物流，根據(jù)1001的訂單號(hào)添加物流信息。
添加之后查看MongoDB中訂單狀態(tài)得到更新且物流數(shù)據(jù)得到更新(追加)：
訂單的添加和修改都完成了，非常重要的查詢當(dāng)然不能少，不僅不能少，還要特色的展示，這里查詢通過一個(gè)訂單號(hào)查詢對(duì)應(yīng)訂單的狀態(tài)和物流。
首先在orderservice中編寫getOrderById()函數(shù)，用來根據(jù)訂單id查詢?cè)摋l訂單記錄。具體代碼為：
//通過id查詢物流
public order getOrderById(int id)
{
Query query = new Query(Criteria.where("_id").is(id));
order order=mongoTemplate.findOne(query, order.class);
return order;
}
其中：
寫完service然后在orderController中編寫getorderbyid接口用來處理用戶請(qǐng)求和參數(shù)并調(diào)用orderService的getOrderById()方法給前端返回該order對(duì)象序列化成的json字符串。具體代碼為：
@GetMapping("getorderbyid")
public order getOrderById(int id)
{
order order=orderService.getOrderById(id);
return order;
}
這樣，后端部分就完成，僅需要前端渲染數(shù)據(jù)即可。
后端設(shè)計(jì)完成之后，需要前端來實(shí)現(xiàn)，在這里使用Ajax來實(shí)現(xiàn)交互，前端頁面點(diǎn)擊按鈕JavaScript攜帶參數(shù)發(fā)送請(qǐng)求，后端查詢MongoDB后返回結(jié)果給前端渲染， 而在渲染方面為了更像物流訂單系統(tǒng)，我們使用layui的 時(shí)間軸組件，將各個(gè)物流訂單數(shù)據(jù)直觀性展示。
前端在ordermanage.html中編寫以下內(nèi)容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<blockquote class="layui-elem-quote layui-text">
訂單管理
</blockquote>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">訂單號(hào)</label>
<div class="layui-input-inline">
<input type="tel" name="orderid" id="orderid" autocomplete="off" class="layui-input">
</div>
</div>
<button class="layui-btn" id="seach" onclick="search()">搜索</button><br>
<div style="padding: 20px; background-color: #F2F2F2;">
<div class="layui-row layui-col-space15">
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header" id="order"></div>
<div class="layui-card-body" id="orderbody">
</div>
</div>
</div>
</div>
</div>
<ul class="layui-timeline" id="timezhou">
</ul>
</div>
</body>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/jquery-3.5.1.min..js"></script>
<script type="text/javascript">
function search() {//根據(jù)
var orderid = $("#orderid").val();
$("#orderbody").html('');
$("#timezhou").html('');
$.ajax( {
url:"getorderbyid",
data:{
'id':orderid
},
method:'GET',
success:function (order) {
$("#order").html('訂單號(hào)：'+orderid+'('+order['status']+')');
$("#orderbody").append('發(fā)件人：'+order['shipper']+' 發(fā)件人手機(jī)：'+order['shipperPhone']+' 發(fā)件人地址：'+order['shippingAdress']+' 下單時(shí)間：'+order['shipTime']);
$("#orderbody").append('<br>收件人：'+order['recevier']+' 收獲人手機(jī)：'+order['receviePhone']+' 收獲人地址：'+order['recevierAddress']);
var logistics=order['logistics'];
console.log(logistics);
for(var i=logistics.length-1;i>=0;i--)
{
console.log(logistics[i]);
$("#timezhou").append(' <li class="layui-timeline-item">\n' +
' <i class="layui-icon layui-timeline-axis"></i>\n' +
' <div class="layui-timeline-content layui-text">\n' +
' <h3 class="layui-timeline-title">'+'('+logistics[i].operation+')'+logistics[i].operationTime+
' </h3><p>'+logistics[i].operator+' '+logistics[i].details+'<br>'+logistics[i].adress);
if(logistics[i].phone!=0)
{
$("#timezhou").append('<br>'+logistics[i].phone);
}
$("#timezhou").append(' </p>\n' +
' </div>\n' +
' </li>');
}
},
error:function (order) {
layer.msg(order)
}
})
}
</script>
其中Ajax將返回的值通過組裝渲染，將帶填充數(shù)據(jù)區(qū)域先設(shè)置id屬性，然后用JavaScript把數(shù)據(jù)渲染到該部分，核心的思路在 search() 函數(shù)中。
啟動(dòng)程序，訪問localhost:8080,點(diǎn)擊訂單管理，查詢訂單號(hào)為1001的物流情況。
利用上述添加物流信息，多添加該訂單的物流信息，模擬多一些流程。查詢的結(jié)果為：
作為管理人員，可能偶爾會(huì)遇到特殊情況需要?jiǎng)h除訂單，而這種操作需求也是很有必要的，在這里實(shí)現(xiàn)根據(jù)id刪除訂單。我們?cè)趧h除訂單時(shí)候，一般先查詢訂單的一些數(shù)據(jù)和結(jié)果，然后根據(jù)查詢的id刪除對(duì)應(yīng)的記錄。
首先在orderService中編寫deleteOrderById()函數(shù)，用來根據(jù)id刪除,編寫getAllorder()函數(shù)，用來查詢所有訂單。
//根據(jù)id刪除記錄
public boolean deleteOrderById(int id)
{
Query query = new Query(Criteria.where("_id").is(id));
mongoTemplate.remove(query,order.class,"order");
return true;
}
//查詢所有訂單
public List<order>getAllorder()
{
List<order>list=mongoTemplate.findAll(order.class,"order");
return list;
}
其中：
寫完service，接著在orderController中編寫deletebyid接口和getallorder接口，分別用來接收處理刪除訂單的請(qǐng)求和獲取所有訂單的請(qǐng)求。
@GetMapping("deletebyid")
public String deleteById(int id)
{
orderService.deleteOrderById(id);
return "成功";
}
@GetMapping("getallorders")
public Map<String,Object> getAllOrder()
{
Map<String,Object>map=new HashMap<>();
List<order> list=orderService.getAllorder();
map.put("code","0");
map.put("count",list.size());
map.put("data",list);
return map;
}
其中，getallorder接口返回一個(gè)Map<String,Object>類型的數(shù)據(jù)格式，這是因?yàn)閘ayui表格需要特定的json格式所以我們將數(shù)據(jù)存到Map中返回。啟動(dòng)訪問localhost:8080/getallorders你會(huì)看到以下格式：
我們將前端部分同樣寫在ordermanage.html中。在這個(gè)頁面實(shí)現(xiàn)查詢訂單和管理的功能。
首先在body的div中添加表格屬性，用來表示一個(gè)表格：
<div class="larry-personal-body clearfix">
<table class="layui-hide" id="ordertable" lay-filter="ordertable"></table>
</div>
在body域下側(cè)添加編輯欄的代碼，是表格附屬的一個(gè)編輯對(duì)象，刪除的按鈕就在這里。
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="getCheckData">右側(cè)進(jìn)行篩選導(dǎo)出</button>
</div>
</script>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>
</script>
最后，在最底層script域添加表格渲染的代碼和Ajax發(fā)送請(qǐng)求的代碼：
layui.use('table', function(){
var table = layui.table;//高版本建議把括號(hào)去掉，有的低版本，需要加()
table.render({
elem: '#ordertable'
,url: 'getallorders' //數(shù)據(jù)接口
,page: false //開啟分頁
,toolbar: '#toolbarDemo'
,cols: [[ //表頭
{field: 'id', title: 'id', sort: true, fixed: 'left',width:80}
,{field: 'orderTime', title: '下單時(shí)間',sort:true,width:80}
,{field: 'recevierAddress', title: '收貨地址'}
,{field: 'recevier', title: '收貨人' ,edit:'text'}
,{field: 'receviePhone', title: '收貨人手機(jī)' }
,{field: 'shippingAdress', title: '發(fā)貨地址'}
,{field: 'shipper', title: '發(fā)貨人'}
,{field: 'shipperPhone', title: '發(fā)貨人手機(jī)'}
,{field: 'status', title: '物流狀態(tài)'}
,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
]]
});
//頭工具欄事件
//監(jiān)聽單元格編輯
table.on('tool(ordertable)', function(obj){
var data = obj.data;
console.log(obj)
if(obj.event === 'del'){
layer.confirm('真的刪除行么', function(index){
$.ajax({
url:'deletebyid',
data: {
'id':data.id,
},
method:'GET',
traditional: true,
success:function (msg) {
layer.msg(msg);
obj.del();
},
error:function (msg) {
layer.msg(msg)
}
});
layer.close(index);
});
} else if(obj.event === 'edit'){
layer.msg(JSON.stringify("您可以直接單擊單元格進(jìn)行編輯"))
}
});
});
其中：
具體添加的位置為：
啟動(dòng)程序，訪問localhost:8080，點(diǎn)擊訂單管理，看到查詢的物流訂單咱們刪除id為1001:
再查看頁面和MongoDB數(shù)據(jù)庫，你會(huì)發(fā)現(xiàn)id為1001的記錄被成功刪除：
到此，MongoDB的實(shí)戰(zhàn)小項(xiàng)目——一個(gè)物流訂單系統(tǒng)就完成啦，我想優(yōu)秀的你肯定已經(jīng)能夠使用MongoDB “操作一頓猛如虎”！
回顧本節(jié)課程，首先是從宏觀介紹了MongoDB這個(gè)非關(guān)系型數(shù)據(jù)庫特點(diǎn)以及場(chǎng)景，從場(chǎng)景中選取一個(gè)比較適合的案例作為本課程案例—實(shí)現(xiàn)一個(gè)物流訂單系統(tǒng)，緊接著帶你簡單分析物流訂單案例邏輯以及在關(guān)系數(shù)據(jù)庫和MongoDB中的不同處理方式，最后創(chuàng)建Springboot整合MongoDB的項(xiàng)目實(shí)現(xiàn)一個(gè)簡易版本的物流訂單系統(tǒng)！
當(dāng)然，本節(jié)只是帶你入門MongoDB，講了一些比較基礎(chǔ)的內(nèi)容和簡單的使用，如果需要深入學(xué)習(xí)使用MongoDB，還需要多從官網(wǎng)文檔以及其他書籍和文章更深入學(xué)習(xí)MongoDB，它是當(dāng)前非常熱門的一種基于文檔的非關(guān)系型數(shù)據(jù)庫，是一種必須掌握的技術(shù)點(diǎn)，望你走的更遠(yuǎn)！下課！
下課之后別忘記點(diǎn)個(gè)贊贊、轉(zhuǎn)發(fā)、收藏支持一下！另外，更多精彩還請(qǐng)公眾號(hào)搜索bigsai，回復(fù)bigsai獲取超大學(xué)習(xí)資源，共同進(jìn)步！
吉客云是一家中國的云計(jì)算服務(wù)提供商。它提供了包括云服務(wù)器、云數(shù)據(jù)庫、云存儲(chǔ)、云網(wǎng)絡(luò)等各種云計(jì)算產(chǎn)品和解決方案，幫助企業(yè)和個(gè)人搭建高效、可靠、安全的云計(jì)算環(huán)境。
吉客云致力于為用戶提供高性能、高可靠、高安全的云計(jì)算服務(wù)，幫助用戶實(shí)現(xiàn)數(shù)字化轉(zhuǎn)型和業(yè)務(wù)創(chuàng)新。
企業(yè)使用傳統(tǒng)編碼方式集成聚水潭需要根據(jù)聚水潭提供的API接口進(jìn)行調(diào)用，一般有以下的步驟：
登錄管理者開發(fā)控制臺(tái)申請(qǐng)API調(diào)用權(quán)限。
查看聚水潭提供的API文檔，了解API接口的使用方法和參數(shù)。
根據(jù)API文檔編寫代碼實(shí)現(xiàn)API接口的調(diào)用。開發(fā)人員需要使用 Java、Python、PHP、JavaScript等編程語言開發(fā)。
測(cè)試API連接數(shù)據(jù)傳輸，請(qǐng)確保所有API調(diào)用都已正確響應(yīng)并返回期望的結(jié)果。
保證數(shù)據(jù)的同步質(zhì)量
如果想要開發(fā)接口，一般至少要一周以上才能完成需要開發(fā)的接口，費(fèi)時(shí)、費(fèi)力、而且數(shù)據(jù)同步的質(zhì)量還不高。有些企業(yè)平時(shí)沒有開發(fā)需求，公司內(nèi)部無開發(fā)人員，聘請(qǐng)其它公司開發(fā)人員專門開發(fā)聚水潭接口費(fèi)用較高
利用零代碼ETL工具后，只需要拖、拉幾個(gè)吉客云的組件即可完成數(shù)據(jù)同步到中間庫表或數(shù)倉中的需求，可以說效率提升百倍。
拉取吉客云出庫申請(qǐng)單場(chǎng)景
1.安裝組件
搜索安裝組件
2.配置公共變量
設(shè)置好吉客云的應(yīng)用編號(hào)-appkey，應(yīng)用秘鑰-appSecret
3.創(chuàng)建流程,配置組件配置
4.運(yùn)行
同步到本地MySql數(shù)據(jù)庫表下后的數(shù)據(jù)預(yù)覽效果如下
作為國內(nèi)數(shù)據(jù)集成領(lǐng)域的有力競爭者，ETLCloud數(shù)據(jù)集成平臺(tái)憑借其卓越的技術(shù)實(shí)力和拼勁，在近些年來，從無數(shù)競爭者中脫穎而出，成為眾多企業(yè)信賴的首選合作伙伴。該平臺(tái)提供了全面的數(shù)據(jù)集成服務(wù)，支持各類數(shù)據(jù)源的連接和數(shù)據(jù)抽取，將原本分散在不同系統(tǒng)中的數(shù)據(jù)整合到一個(gè)統(tǒng)一的數(shù)據(jù)平臺(tái)中。通過高效的數(shù)據(jù)清洗和轉(zhuǎn)換技術(shù)，確保企業(yè)獲得準(zhǔn)確、完整的數(shù)據(jù)，為后續(xù)的數(shù)據(jù)分析和應(yīng)用打下堅(jiān)實(shí)基礎(chǔ)。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
