微信小程序開發(fā)朋友圈功能，仿朋友圈樣式要怎么開發(fā)，下面為大家介紹這篇文章。

一、開發(fā)功能分析：

1.各條內容以列表展示 
2.點擊，可展示內容詳情 
3.評論功能

二、數(shù)據(jù)庫建立

這里列表與詳細，我們用一個表來實現(xiàn)，評論用第二個表?？傆?個表

1.post 表 
我們可以直接這樣導入一個JSON，但由于首頁的資訊這樣操作，導致數(shù)據(jù)都一模一樣，這次我們使用云函數(shù)定時采集數(shù)據(jù)到數(shù)據(jù)庫。

2.采集數(shù)據(jù) 
數(shù)據(jù)結構地址：

var url = 'https://apiquan.ithome.com/api/post?categoryid=0&type=0&orderTime=1526981875455&visistCount=&pageLength=' 
如果手動導入可以導入此數(shù)據(jù)結構:

1. {
2. "id":266716,
3. "t":"普通聯(lián)通卡可以轉米粉卡嗎？",
4. "c":"[雜談]",
5. "cn":"暢談",
6. "uid":100058,
7. "un":"中國火箭軍",
8. "rn":"諾基亞 Lumia 930",
9. "pt":"/Date(1527057744773)/",
10. "rt":"/Date(1527060538403)/",
11. "vc":0,
12. "rc":17,
13. "IC":false,
14. "IH":false,
15. "ot":"/Date(-62135596800000)/"
16. }

云函數(shù)獲取網(wǎng)址數(shù)據(jù)代碼:

1. function onRequest(request, response, modules) {
2. var http = modules.oHttp;
3. var url = 'https://apiquan.ithome.com/api/post?categoryid=0&type=0&orderTime=1526981875455&visistCount=&pageLength='
4. http(url, function(error, res, body) {
5. response.end(body);
6. });
7. }

點擊測試看結果

這樣就可以拿到目標網(wǎng)址數(shù)據(jù).  如何插入到數(shù)據(jù)庫，看下面代碼：

1. db.insert({
2. "table":"XXX", //表名
3. "data":{"a":"XXXX","b":"XXXX"} //需要更新的數(shù)據(jù)，格式為JSON
4. },function(err,data){ //回調函數(shù)
5. });

上面是插入單行數(shù)據(jù)，如果批量插入，可以使用下面代碼：

1. function onRequest(request, response, modules) {
2. var http = modules.oHttp;
3. var db = modules.oData;
4. var url = 'https://apiquan.ithome.com/api/post?categoryid=0&type=0&orderTime=1526981875455&visistCount=&pageLength='
5. http(url, function(error, res, body) {
6.  
7. //結果轉為對象類型
8. var results =JSON.parse(body);
9.  
10. var arr = [];
11. //循環(huán)更新數(shù)據(jù)
12. for (var i in results) {
13. newdata = {
14. "method": "post",
15. "path": "/1/classes/post",
16. "body":results[i]
17. };
18. arr.push(newdata)
19. }
20.  
21. //獲取數(shù)組對象
22. var bat = modules.oBatch;
23. //批量操作
24. bat.exec({
25. "data": {
26. "requests": arr
27. }
28. }, function (err, data) {
29. //回調函數(shù)
30. response.end(data);
31. return;
32. });
33.  
34. response.end(JSON.stringify(results.length));
35. });
36. }

點擊測試