摘要:對于計算機類專業的大學畢業生來說,在求職過程中,僅僅通過紙質簡歷已經不足以體現自己的專業水平。最好能夠有自己開發過的實際項目,而實際項目又并不適合通過紙質的簡歷展現。在這種情況下,開發電子簡歷應用既可以豐富自己的展示方式,也可以作為一個實際項目案例提供給目標求職企業。本文將介紹如何使用UNIAPP框架開發出一個運行在H5、安卓、小程序端的個人簡歷應用。
關鍵詞:UNIAPP;跨端;簡歷應用
一、UNIAPP
uni-app是一個使用Vue.js開發跨平臺應用的前端框架。開發者通過編寫Vue.js代碼,uni-app將其編譯到iOS、Android、微信小程序等多個平臺,保證其正確運行并達到優秀體驗。uni-app繼承自Vue.js,提供了完整的Vue.js開發體驗。uni-app組件規范和擴展api與微信小程序基本相同。有一定Vue.js和微信小程序開發經驗的開發者可快速上手uni-app,開發出兼容多端的應用。uni-app提供了條件編譯優化,可以優雅的為某平臺寫個性化代碼、調用專有能力而不影響其他平臺。uni-app打包到App時仍然使用了5+引擎,5+的所有能力都可以在uni-app中可以使用。在App端運行性能和微信小程序基本相同。對于技術人員而言:不用學那么多的平臺開發技術、研究那么多前端框架,學會基于vue的uni-app就夠了。對于公司而言:更低成本,覆蓋更多用戶,uni-app是高效利器。
二、colorUI
ColorUI是一個Css類的UI組件庫!不是一個Js框架。相比于同類小程序組件庫,ColorUI更注重于視覺交互!具有以下三個優點:
其一:組件精美,可以說每一個都制作精良,作者很用心,UI功底很扎實。
其二:封裝性特別特別的好,每一個單獨的class選擇器,都是一個封裝極好的css小組件,可以靈活的組裝與變換。
其三:colorUI的組件代碼具有良好的兼容性,擴展性,可以在它的基礎上進行靈活的修改。
三、簡歷項目的實現
1、初始化項目
使用HBUILDER創建一個UNIAPP項目,然后在APP.VUE文件中導入colorUI代碼如下:
@import"static/css/icon.css";
@import"static/css/main.css";
注意此處務必先導入圖標庫,否則會發生樣式沖突。2、基本信息頁的實現
下面主要展示基本信息頁面的核心代碼及colorUI樣式庫的使用
3、專業技能頁的實現
下面主要展示專業技能頁面的核心代碼及colorUI樣式庫的使用
HBuilder
4、項目經驗頁的實現
下面主要展示專業技能頁面的核心代碼及colorUI樣式庫的使用
四、總結
開發跨端電子簡歷應用可以生成H5端、安卓端、小程序端等多端應用,可以充分展示開發者進行多端開發的能力。還可以為多端程序生成二維碼,將二維碼粘貼到紙質簡歷上供企業更深入的了解求職者的能力,可以大大提高求職競爭力。
參考文獻:
[1]?? https://uniapp.dcloud.io/
[2]?? https://github.com/weilanwl/ColorUI
作者簡介:
江駿(1979-),男,湖北武漢人,副教授,工作單位:武漢軟件工程職業學院信息學院,研究方向:軟件技術.