1. 程式人生 > >2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

RSS相關介紹:

什麼是 RSS?

  • RSS 指 Really Simple Syndication(真正簡易聯合)
  • RSS 使您有能力聚合(syndicate)網站的內容
  • RSS 定義了非常簡單的方法來共享和檢視標題和內容
  • RSS 檔案可被自動更新
  • RSS 允許為不同的網站進行檢視的個性化
  • RSS 使用 XML 編寫

誰應當使用 RSS?

RSS 對那些頻繁更新內容的網站是很有幫助的,比如:

  • 新聞站點 - 列出新聞的標題、日期以及描述
  • 企業 - 列出新聞和新產品
  • 日程表 - 列出即將來臨的安排和重要日期
  • 站點更新 - 列出更新過的頁面或新的頁面

RSS 聚合器

  • RSS 被設計用來展示選定的資料
  • 如果沒有 RSS,使用者就不得不每日都來您的網站檢查新的內容。對許多使用者來說這樣太費時了。通過 RSS feed(RSS 通常被稱為 News feed 或 RSS feed),使用者們可以使用 RSS 聚合器來更快地檢查您的網站更新(RSS 聚合器是用來聚集並分類 RSS feed 的網站或軟體)
  • 由於 RSS 資料很小巧並可快速載入,它可輕易地被類似行動電話或 PDA 的服務使用

TERSUS 開發 RSS訂閱應用案例

顯示內容

顯示一個標題和一些列表出來的新聞,以人民網的新聞RSS來處理

功能核心邏輯

在伺服器端設計從資訊獲取網站的RSS地址讀取RSS文字內容

在顯示端設計將讀取的資訊物件傳至顯示元件中

在顯示元件中,資訊顯示

開發過程

找到RSS地址

  • 首先我們確定一個RSS源---人民網的新聞:http://www.people.com.cn/rss/politics.xml
  • · 我們可以在瀏覽器直接開啟檢視XML文字的新聞內容

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

TERSUS中新建專案

  • 隨意用字母命名專案名稱,案例中我們命名為“RMWXINWEN”
  • 刪除電腦端和平板端顯示塊,只保留移動端顯示塊

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

  • 執行後在本地瀏覽器顯示移動端預設介面,注意瀏覽器需小屏化才能自適應顯示移動端內容
  • 我們進入預設的一個主頁面處理,不修改主頁面內容和名稱

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

在移動端主頁面中設計新聞資訊獲取邏輯

  • 雙擊進入主頁面,新增一個行為處理元件,不需命名,作為執行時的預處理功能
  • 新增頁面內容的父級物件引用,用來將轉值的值傳給預設頁面的預設顯示列表中

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

  • RSS獲取資料邏輯開發演示

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

  • XML格式內容用“Read Resource 檔案內容”元件讀取 因為內容源是XML的二進的內容且內容本身就是XML格式的,所以可直接將二制內容用“Binary to Text轉字串”元件轉為XML字串
  • XML字串文字需要用“Parse XML生成xml視覺化物件”元件來傳為資料結構,執行時輸出的資料結構中的內容值就是我們要顯示的新聞資訊內容
  • XML格式檔案轉為視覺化物件資料結構的開發演示
  • · 一個XML檔案中輸出的新聞內容是多條新聞,代表新聞的Item物件是複數的

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

資料結構的內容轉為顯示物件內容顯示新聞資訊

  • 設計不同結構物件中資訊值的轉化處理,在專案目錄中找到資料結構物件和顯示物件,連線傳值
  • 處理完成後可以執行,如果獲取RSS資訊的邏輯正常,那麼預設的頁面列表顯示新聞內容
  • 資料轉化的開發演示

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

測試開發程式

  • 轉化顯示資訊邏輯遠成後,我們就可以執行測試程式了
  • 我們測試後發現一個問題,新聞源給出的資訊帶有HTML超文字標籤,而這些標籤定義了文字顯示的格式,在列表元件預設的文字顯示元件中,HTML沒有解釋直接顯示了

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

替換預設元件

  • 我們將主頁面中預設列表元件下的“Description”名稱的字元顯示元件替換為“HTML Displayjo顯示超文字”顯示元件,這樣顯示內容中沒有HTML標籤且轉為顯示樣式了

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

  • 修改後再次執行測試,發現第一個新聞內容中,開頭的資訊含有空格,所以測試時有一頁以上空白

字串刪除空格處理

  • 我們用“Replace 替換”元件進行空格替換,注意空格常量為“ ”,雙此號中間輸入空格,替換為物件的輸入元件改為非必須輸入狀態且不傳值
  • 字串刪除空格處理的開發演示

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

  • 再次測試,顯示新聞內容完全正常
  • 以下為完整的開發演示供參考學習

 

2分鐘上手、3小時學會無程式碼軟體開發案例---RSS訂閱應用

 

 

匯出開發檔案存檔或伺服器部署

  • 專案開發檔案匯出為.tersus檔案,可在我們雲盤下載匯入開發工具執行並檢視邏輯

進階說明

  • 我們以上案例開發的頁同只是顯示獲取的新聞內容,所有XML檔案內容的獲取和顯示邏輯都是類似的
  • 此案例中移動端列表顯示樣式沒有進一步處理,可以設計優化頁面和顯示校果,也就是為列表、顯示標題和內容元件設計樣式

*****

本文為TERSUS無程式碼開發手冊文章,供參考學習使用,在有需要詳細瞭解對應內容時細看學習,敬請關注並轉發文章

參考我們手冊第一個文章中的2分鐘的計算器功能的拖放連線開發演示,可學會無程式碼開發是如何開發軟體的

想學無程式碼軟體開發的學員請先學習3小時免費教學視訊,3小時內可學會開發並開發出一套管理軟體系統,然後看手冊及其他視訊來進階提高快速成