微閱讀與電影小程序的設計與實現

徐祎麟　劉星含

摘要：隨著社會進步和科技發展，移動端技術得到迅速發展，手機已經普及到各個年齡段，信息服務重心從電腦端向移動端轉移。但學生信息服務的移動應用目前還不太完善，學生無法快速獲最新消息和對應數據?；谖⑿判〕绦虻奈㈤喿x與電影前端使用原生態App進行開發，后端采用云服務框架構建，前后端信息交互通過架包封裝API接口實現，微閱讀與電影微信小程序為大眾建立一個公共電影服務以及文章閱讀平臺，敢于挑戰傳統的信息服務，采用個性化設計，時刻關注用戶的使用體驗。

關鍵詞：微信小程序;數據爬取;小程序開發;云服務

中圖分類號：TP393? ? ?文獻標識碼： A

文章編號：1009-3044（2021）04-0083-02

小程序無需用戶進行應用的下載和安裝，大大縮短了等待時間，優化用戶使用體驗。微信小程序服務于微信平臺，只需要安裝微信便可使用各種各樣小程序。當前網絡信息過度泛濫，造成信息的不一致和虛假傳播，用戶所能獲得的信息真實度有限，使用微信小程序，可以收獲大量的用戶群體，同時凈化網絡環境。使用者在使用小程序時，與微信賬號進行綁定，產品公開免費，因此小程序可以迅速獲得用戶關注并方便后期維護和優化。此應用可以幫助用戶第一時間獲取信息，同時進行信息交流分享，創造良好的網絡環境。

1需求分析

通過數據分析和市場調研，信息服務重心更傾向于移動端，但學生信息服務的移動應用目前還不太完善。高校學生的關注集中在日常生活和消費娛樂，此應用旨在提供觀影和閱讀方面的服務，為學生的生活提供便利。包括的功能有：瀏覽推薦文章，收聽流行音樂，查看電影排名和評分數據，搜索電影等功能。此應用為大眾建立一個公共電影服務以及文章閱讀平臺，程序分為三大的模塊：閱讀文章、瀏覽電影、用戶信息。

2體系架構

該程序前端頁面使用原生態App進行開發，方便查看源碼和代碼維護。前端頁面向后端發送請求獲取數據，后端再把結果傳遞給前端，經過數據渲染功能顯示在頁面上。后端采用云服務框架構建，與云數據庫進行交互，從微信服務器獲取信息，經過后端邏輯層處理數據，前端再進行數據渲染和顯示。

3 功能模塊

3.1閱讀文章模塊

閱讀文章模塊包括文章閱讀和評論分享。用戶可以查看文章列表，會跳轉到具體文章頁面，查看文章作者，標題和內容。該頁面實現音樂播放接口，用戶通過點擊頁面圖片，實現音樂播放和暫停。文章底部有三個圖片，用戶可以為相關文章點贊，評論和收藏。點擊評論圖標，可以查看用戶評論和發表評論內容。

3.2瀏覽電影模塊

瀏覽電影模塊包括查看電影榜單和搜索功能。調用電影網站接口，頁面分成三個板塊：新片榜，熱映榜和高分榜。用戶點擊電影海報圖片，即可查看有關的電影信息，如電影評分，電影簡介，演員陣容等內容。電影模塊界面上端有搜索框，用戶可以根據關鍵字，索引到具體電影名稱，進而獲得想要的內容。用戶可以拖曳榜單，實現數據的即時刷新。

3.3用戶信息模塊

用戶信息模塊根據功能不同進行分類，主要分為八個功能：系統信息，網絡狀態，地圖顯示，即時定位，用戶登錄，應用服務，掃碼支付，運動步數。用戶可以查看相關信息和體驗服務，某些功能需要通知用戶進行允許權限設置。例如，開啟地圖顯示功能，用戶可以查看自己位置。支持微信掃碼功能，獲得更多的信息服務與支持。打開應用服務，里面有第三方平臺服務，增加用戶體驗。

4 功能實現

4.1頁面布局

傳統的前端設計，依賴于盒子模型，但在某些特殊布局，如垂直居中設計就比較困難，采用Flex彈性布局可以有效解決此類問題。指定父容器display屬性為flex，對于文字列表，設置flex-direction屬性為column，垂直方向由上至下排列。每個列表內容設置flex-direction屬性為row，對于主軸justify-content和交叉軸align-items對齊方式都設置為center。一般獲取的電影數量不只幾個，再設置元素的flex-wrap屬性為warp，當數量超出屏幕寬度時，實現自動換行。

4.2數據獲取

本地數據庫存儲文字和圖片，音樂和電影數據分別調用音樂外鏈和電影API接口進行實現。通過wx.request方法發起https請求，參數url為請求資源地址，調用默認get方法獲得的資源是json格式文件，然后通過在線json轉碼器翻譯為js文件。定義一個函數，通過循環遍歷電影目錄，根據得到的數據字段，依此獲得電影名稱，評分，簡介和演員等數據，再設置success函數調用請求數據和fail函數如果返回資源錯誤。

4.3接口調用

在用戶界面，實現運動步數功能獲得用戶步數，首先調用login函數登錄小程序，如果申請有appID的話，可以通過云函數得到cloudID后，weRunData的值便可以公開獲取，經過前端界面數據渲染，用戶便可以查看。定位功能的實現，開發者需要登錄微信開發者平臺，申請第三方服務，按照官方文檔要求，調用第三方服務接口。

5結束語

微閱讀與電影小程序借助于微信平臺，開發成本簡單，代碼易于維護。目前小程序的初期效果已經實現，后期還有待繼續完善，未來在大學校園里推廣，能有效節省學生時間和促進合理消費，同時數據實現即時更新，可以與學生會和廣播站進行聯合，刊登優秀文章到小程序中，營造良好的大學氛圍。合理設計和應用小程序能為學生的學習和生活提供便利，同時宣傳和擴大學校知名度。

參考文獻：

[1] 雷磊.微信小程序開發入門與實踐[M].北京：清華大學出版社，2017.

[2] 雷磊.微信官方文檔.小程序[EB/OL].[2020-08-15].https：//developers.weixin.qq.com/miniprogram/dev/framework/

[3] 蔣文娟，蘇喜紅，孟麗珍.基于微信小程序的音樂播放器研究與實現[J].軟件導刊，2020，19（6）：141-145.

[4] 徐星明.微信小程序第三方平臺的設計與實現[D].濟南：山東大學，2020.

[5] 余躍泓.基于彈性盒子的響應式網頁布局[J].信息與電腦，2020，32（10）：181-183.

【通聯編輯：梁書】