使用UNIAPP實現跨端個人簡歷應用開發

摘要：對于計算機類專業的大學畢業生來說，在求職過程中，僅僅通過紙質簡歷已經不足以體現自己的專業水平。最好能夠有自己開發過的實際項目，而實際項目又并不適合通過紙質的簡歷展現。在這種情況下，開發電子簡歷應用既可以豐富自己的展示方式，也可以作為一個實際項目案例提供給目標求職企業。本文將介紹如何使用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樣式庫的使用

開發工具

Eclipse、IntelliJ IDEA、Visual Studio Code、Sublime、

HBuilder

4、項目經驗頁的實現

下面主要展示專業技能頁面的核心代碼及colorUI樣式庫的使用

2020.1-2020.5

程序員

項目名稱

電子商務網站

開發環境

Java+MySQL

項目簡介

B2C性質的購物網站，專賣電子產品

個人職能

負責登錄、注冊、商品管理、訂單管理等模塊的開發、測試工作

四、總結

開發跨端電子簡歷應用可以生成H5端、安卓端、小程序端等多端應用，可以充分展示開發者進行多端開發的能力。還可以為多端程序生成二維碼，將二維碼粘貼到紙質簡歷上供企業更深入的了解求職者的能力，可以大大提高求職競爭力。

參考文獻：

[1]?? https：//uniapp.dcloud.io/

[2]?? https：//github.com/weilanwl/ColorUI

作者簡介：

江駿（1979-），男，湖北武漢人，副教授，工作單位：武漢軟件工程職業學院信息學院，研究方向：軟件技術.