使用UNIAPP實(shí)現(xiàn)跨端個(gè)人簡歷應(yīng)用開發(fā)

摘要：對于計(jì)算機(jī)類專業(yè)的大學(xué)畢業(yè)生來說，在求職過程中，僅僅通過紙質(zhì)簡歷已經(jīng)不足以體現(xiàn)自己的專業(yè)水平。最好能夠有自己開發(fā)過的實(shí)際項(xiàng)目，而實(shí)際項(xiàng)目又并不適合通過紙質(zhì)的簡歷展現(xiàn)。在這種情況下，開發(fā)電子簡歷應(yīng)用既可以豐富自己的展示方式，也可以作為一個(gè)實(shí)際項(xiàng)目案例提供給目標(biāo)求職企業(yè)。本文將介紹如何使用UNIAPP框架開發(fā)出一個(gè)運(yùn)行在H5、安卓、小程序端的個(gè)人簡歷應(yīng)用。

關(guān)鍵詞：UNIAPP;跨端;簡歷應(yīng)用

一、UNIAPP

uni-app是一個(gè)使用Vue.js開發(fā)跨平臺應(yīng)用的前端框架。開發(fā)者通過編寫Vue.js代碼，uni-app將其編譯到iOS、Android、微信小程序等多個(gè)平臺，保證其正確運(yùn)行并達(dá)到優(yōu)秀體驗(yàn)。uni-app繼承自Vue.js，提供了完整的Vue.js開發(fā)體驗(yàn)。uni-app組件規(guī)范和擴(kuò)展api與微信小程序基本相同。有一定Vue.js和微信小程序開發(fā)經(jīng)驗(yàn)的開發(fā)者可快速上手uni-app，開發(fā)出兼容多端的應(yīng)用。uni-app提供了條件編譯優(yōu)化，可以優(yōu)雅的為某平臺寫個(gè)性化代碼、調(diào)用專有能力而不影響其他平臺。uni-app打包到App時(shí)仍然使用了5+引擎，5+的所有能力都可以在uni-app中可以使用。在App端運(yùn)行性能和微信小程序基本相同。對于技術(shù)人員而言：不用學(xué)那么多的平臺開發(fā)技術(shù)、研究那么多前端框架，學(xué)會基于vue的uni-app就夠了。對于公司而言：更低成本，覆蓋更多用戶，uni-app是高效利器。

二、colorUI

ColorUI是一個(gè)Css類的UI組件庫！不是一個(gè)Js框架。相比于同類小程序組件庫，ColorUI更注重于視覺交互！具有以下三個(gè)優(yōu)點(diǎn)：

其一：組件精美，可以說每一個(gè)都制作精良，作者很用心，UI功底很扎實(shí)。

其二：封裝性特別特別的好，每一個(gè)單獨(dú)的class選擇器，都是一個(gè)封裝極好的css小組件，可以靈活的組裝與變換。

其三：colorUI的組件代碼具有良好的兼容性，擴(kuò)展性，可以在它的基礎(chǔ)上進(jìn)行靈活的修改。

三、簡歷項(xiàng)目的實(shí)現(xiàn)

1、初始化項(xiàng)目

使用HBUILDER創(chuàng)建一個(gè)UNIAPP項(xiàng)目，然后在APP.VUE文件中導(dǎo)入colorUI代碼如下：

@import"static/css/icon.css";

@import"static/css/main.css";

注意此處務(wù)必先導(dǎo)入圖標(biāo)庫，否則會發(fā)生樣式?jīng)_突。2、基本信息頁的實(shí)現(xiàn)

下面主要展示基本信息頁面的核心代碼及colorUI樣式庫的使用

程序媛

期待職位：開發(fā)類崗位

3、專業(yè)技能頁的實(shí)現(xiàn)

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

開發(fā)工具

Eclipse、IntelliJ IDEA、Visual Studio Code、Sublime、

HBuilder

4、項(xiàng)目經(jīng)驗(yàn)頁的實(shí)現(xiàn)

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

2020.1-2020.5

程序員

項(xiàng)目名稱

電子商務(wù)網(wǎng)站

開發(fā)環(huán)境

Java+MySQL

項(xiàng)目簡介

B2C性質(zhì)的購物網(wǎng)站，專賣電子產(chǎn)品

個(gè)人職能

負(fù)責(zé)登錄、注冊、商品管理、訂單管理等模塊的開發(fā)、測試工作

四、總結(jié)

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

參考文獻(xiàn)：

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

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

作者簡介：

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