部落格園UAP版開發心得之推薦應用的實現

2021-09-06 22:54:58 字數 4218 閱讀 7969

最近做了乙個uap公升級專案,增加了一些新的功能,下面簡單說一下都有什麼新功能在等著我們,並且著重介紹一下推薦應用的實現過程,希望能給一些感興趣的博友們一些幫助:)

1.在首頁增加了"熱門"和"精選"的快速訪問入口,省了好多事兒

2.可以離線收藏文章啦(離線所有的文字內容)

3.實現透明磁貼,去開始螢幕看看吧

4.在博主頁面二級選單裡面增加了"查詢博主"的功能選單,找人再也不費勁兒了

5.在欄目中增加幾個推薦應用,馬上去看看有哪些有意思的應用吧

下面我們重點說一下增加的推薦應用的實現過程,我們利用web api + cloud實現薦應用的伺服器端的控制,web api大家可能並不陌生,國內外介紹web api的文章有很多,在這裡我就不詳細的介紹了,簡單地介紹一下伺服器端如何實現推薦頻道,從sql server到web api再到cnblogs客戶端的整體實現過程

一、sql server資料庫的建立

在sql server資料庫中建立乙個名為cnblogsdb的資料庫例項,建立乙個名為cnblogs_recommend_columns的資料庫表字段包括id,quick,icon,name,desc,page,color,language等,我們不必關心具體欄位的含義。

建立資料庫表cnblogs_recommend_columns的指令碼如下

createtable[dbo].[cnblogs_recommend_columns] (

[id] intnotnullprimarykeyidentity (1,1),

[quick] varchar(50)null,

[icon] varchar(200)null,

[name] nvarchar(50)null,

[desc] varchar(500)null,

[page] varchar(100)null,

[color] varchar(10)null,

[language] varchar(10)null )

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

values ('false','images/bingdicticon.png',n'

必應詞典

',n'

推薦應用

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

values ('false','images/coupleticon.png',n'

微軟對聯

',n'

推薦應用

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

values ('false','images/doubanicon.png',n'

豆瓣一刻

',n'

推薦應用

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

values ('false','images/riddleicon.png',n'

微軟字謎

',n'

推薦應用

insertinto[dbo].[cnblogs_recommend_columns]([quick],[icon],[name],[desc],[page],[color],[language])

二、web api的實現與部署

1.建立乙個web api 專案,命名為cnblogswebapi

2.在models資料夾中建立乙個linq to sql classes,名為cnblogsdb.dbml,雙擊開啟主檔案

3.利用vs的server explorer與資料庫連線,並且開啟,拖拽表cnblogs_recommend_columns進入cnblogsdb.dbml

4.在controllers資料夾增加乙個recommendcontroller類

類的**如下

測試一下,執行cnblogswebapi會出現如下見面

不過,沒關係,我們可以根據routeprefix和route拼接出如下的鏈結http://localhost:34023/api/cnblogs/recommendcolumns/zh-cn,然後在位址列中輸入這個鏈結,回車,值得一提的是用ie瀏覽器開啟會返回乙個json串,據說用火狐返回是xml格式(本人不用火狐的,所以並沒有驗證過,感興趣的朋友可以自己試試)

5.至於部署,採用iis託管即可,uap是在雲伺服器上部署的

三、cnblogs wp客戶端呼叫

}通過如上的方法呼叫,我們得到了result,結果是json格式的資料,得到了資料,就是我們為所欲為,大顯身手的時候啦,最好是json to object,這樣我們就可以更好地與xaml介面binding啦,最後的結果大家已經看到了,就是紅色方框裡的嘍

部落格園UAP開發隨筆閱讀索引

以下是關於這些這些部落格的介紹 對開發模式有了初步了解?如何開始uap開發呢?先從最基本的demo做起吧。準備開始上手應用開發了?如何規劃uap工程的目錄?uap給你乙個很好的例子 如何使用ui控制項?從最常用的listview說起 客戶端uap開發隨筆 從9個細節說listview的使用 list...

被玩壞的部落格園 之canvas裝飾部落格園側邊欄

最近抽空學了學canvas,然後用canvas做了個小球運動的demo,大致的效果如下 html很簡單,沒啥講的,就是css那塊相容性你們注意下就好 我懶,沒寫相容 再看看canvas的js處理 就是上面引入的index.js 講解都寫在注釋裡了,寫的比較基礎,方便沒多少基礎的人看 window.o...

部落格園之滑鼠點選特效

滑鼠點選效果為下圖 1.新增特效 點選 管理 設定 下拉找到 首頁html 將下面的 新增到框中 儲存 儲存按鈕在頁面左下角 2.修改引數 a.修改顯示符號 可以將中的改為自己喜歡的符號。其中例項的表情符號可以通過 點選搜狗輸入法 右鍵 表情 符號 顏文字,來選擇。若直接輸入不了,可以先將符號輸入到...