uni-app


uni-app 

https://www.cnblogs.com/guolianyu/p/10521970.html

基於Vue.js的uni-app前端框架結合.net core開發跨平台project

 

一、由來


 最近由於業務需要要開發一套公益的APP項目,因此結合所給出的需求最終采用uni-app這種跨平台前端框架以及.netcore快速搭建我們的項目,並且能做到一套代碼跨多個平台。

當然在前期技術框架選型方面尤其是前端,我們也是歷經了許多波折,讓我一 一道來:一開始我們接到app項目時,由於公司人手不足,無法開發原生的app,因此需要另辟途徑,

在我的腦海中我知道微軟Xamarin工具可以實現一端多平台的開發,所以我就投入進去進行深入的研究,在搭建的過程中發現Xamarin的開發環境以及調試等出現各種各樣的問題,而且網上的文檔比較少,導致我越深入研究越沒有信心,

最終放棄了xamarin,這個工具真的不是很好用,可能是我還不了解吧。由於放棄了此工具,我就在想是否可以做一套H5然后套個殼,因此順着這個思路我發現了一個新興的框架uni-app,而且還是基於vue的,這個大大幫助我們,而且

對於vue,樓主我之前只花了1周的時間來學習就基本掌握其中的要領,基本可以適應uni-app,話不多說趕緊入手,越研究越有趣,一套代碼可以發布H5、小程序、APP(包含安卓和IOS),簡直是福音呀。因此立馬建立好前后端的項目底層框架,就開始干了。

最終也是花了兩周的時間把項目搞定並且推出了H5、小程序和安卓版的,並且在項目驗收時得到了一致好評,也為樓主我晉升加薪開辟了道路,哈哈哈。

當然此處還是要給出注意事項:uni-app 目前成熟度不夠高,只適應一些中小項目,對於大型項目還需謹慎,當然也希望uni-app發展的越來越好。

那么話不多說什么叫做uni-app前端框架呢?讓我一 一道來。

二、介紹


1、vue.js

官方文檔:https://cn.vuejs.org/v2/guide/

我們知道目前市面上最流行的前端框架有angular、react、vue,對於初學者來說vue是上手比較容易的,當然如果想比較這三者的優勢,可以自行上網search一下。

如:React、Angular、Vue.js:三者完整的比較指南等。

Vue.js是一套用戶構建用戶界面的漸進式框架,只關注視圖層,還方便與第三方庫或項目整合。

針對與vue的安裝我們需要先安裝一下node.js並且里面也有npm包管理工具,然后我們在把npm鏡像替換成國內的路徑,如淘寶的npm。速度非常的塊。

2、uni-app 

是一個使用vue.js開發跨平台應用的前端框架,開發者編寫一套代碼,既可以編譯成IOS、Android、H5、小程序等多個平台,是不是難以置信,好吧,我們應該相信。

官方文檔:https://uniapp.dcloud.io/

unia-pp 在跨端數量、擴展能力、性能體驗、周邊生態、學習成本、開發成本等6大關鍵指標上擁有極強的競爭優勢。

 

三、整體項目


1、項目采用前后端分離

前端采用uni-app,后端采用 .net core2.2 的asp.net core webapi。並且加入了jwt令牌。

2、前端

前端采用的開發工具為HBuild,后端采用的是VS2017。

前端整體頁面操作動圖,數據全是測試,只展示開發時的部分功能。

 

3、后端服務器由於用戶沒有liunx服務器,因此就存放在windows2008R2 IIS上。效果還是不錯的。

 

四、總結


 有興趣的同學可以好好研究一下。當然如果想和我交流歡迎。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM