前端MUI+H5+HBuilderX開發APP，學習與實踐文章，更新中（一）
- 參考檔案
- 開發前的學習了解
- 前言
- 簡介
- MUI框架技術概述
- 基于MUI的跨平臺移動技術開發App的優、缺點
- 專案計劃
此專案為本人本科畢業設計，不喜勿噴，只是想邊學習邊分享，不一定存在很強的邏輯，文章作為本人學習開發的筆記，好記性不如爛筆頭，怕自己寫著后面忘了前面，作為個人學習成長筆記，如果能幫助到你，一定要點個贊哦！
參考檔案
開發工具：
HBuilderX：https://www.dcloud.io/hbuilderx.html.
下載完直接解壓打開HBuilderX.exe即可
MUI組件：https://dev.dcloud.net.cn/mui/ui/.
新手檔案：https://dev.dcloud.net.cn/mui/getting-started/.
GitHub地址：https://dev.dcloud.net.cn/mui/getting-started/.
開發前的學習了解
前言
本機應用程式開發有更快更好的用戶體驗和更高的性能,但在可移植性,尤其是一個本地應用程式,Android和IOS開發,同樣的邏輯,撰寫兩套介面,每次都需要更新，用戶更新APP還需要重新下載安裝，HTML5是一款使用Web技術開發的移動應用程式，它通過瀏覽器顯示與用戶互動，HTML5的代碼可以同時運行在Android，IOS和Windows上，但由于Web技術本身的限制，HTML5移動應用不能直接訪問設備硬體和離線存盤，因此在體驗和性能上有很大的局限性，混合模式的應用程式是輕量級的，快速的，并且擁有良好的用戶體驗，
對于一個跨平臺的移動應用，選擇合適的開發技術是非常重要的，一個好的跨平臺的升級技術可以使移動應用具有豐富的內容和良好的用戶體驗，方便用戶使用，并且可以減少開發周期，從而降低開發成本，目前，市場上主流的跨平臺開發技術主要有Ionic、React Native、 Flutter、Cordova 和uni-app，
簡介
Uni-app是一個開發框架終端應用使用vue.js，具有強大的性能，開源和原生HTML5+混合開發，它深入擴展了HTML5的性能、工具和功能，它是由國內制造商DCloud生產的，DCloud擁有420萬開發者，成千上萬的應用案例和6.5億手機月活躍用戶，除此以外，在App上的用戶體驗很好，沒有任何問題，Uni-app可以真正實作“一套代碼多終端發布”，即一套代碼可以發布到Android、IOS、HTML5、小程式等平臺，而不需要維護和升級不同平臺的代碼，
MUI框架技術概述
MUI框架是一種基于ratchet技術的前端開發框架，它的核心技術是WebView，由 DCLOUD公司研發，它為開發人員提供了一系列UI組件：如訊息框、串列、開關和折疊面板等，另外，它的CSS的預定義樣式、預加載、WebView互動效果等功能很好地解決了App應用常見的下拉重繪不流暢、SPA模式影片卡頓和切頁白屏等問題，使App的開發由復雜變得簡單，大大提高了開發效率，它是最接近原生體驗的App框架，MUI框架結合HBuilder軟體可以使開發者更加方便地進行Wep App的開發、設計和一鍵打包作業，并最終生成可以發布的跨平臺App應用，它是最接近原生體驗的前端框架技術，
基于MUI的跨平臺移動技術開發App的優、缺點
（1）優點，利用MUI技術開發的App應用不僅可以支持IOS和
Android等多系統平臺，而且UI風格簡潔美觀，在開發程序中使用的程式語言簡單易懂，縮短了開發時間，降低了開發成本，
（2）缺點，經過一定時間的實踐檢驗后發
現，開發的移動網頁設計App實作了跨平臺操作，但移動終端無論在硬體或軟體系統上均存在著各種細微的差別，導致
一小部分在使用編輯器時會出現移動終端與App不兼容或卡頓現象，
專案計劃
畢業設計將采用HTML5技術完成了系統的前端開發，系統后臺采用uni-app框架實作跨平臺，Spring Boot 技術完成實作，資料庫采用MySQL，Html5集成,uni-app，Spring Boot、和MySQL完成了跨平臺系統的研發，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/258756.html
標籤：其他