论文部分内容阅读
摘要:对于计算机类专业的大学毕业生来说,在求职过程中,仅仅通过纸质简历已经不足以体现自己的专业水平。最好能够有自己开发过的实际项目,而实际项目又并不适合通过纸质的简历展现。在这种情况下,开发电子简历应用既可以丰富自己的展示方式,也可以作为一个实际项目案例提供给目标求职企业。本文将介绍如何使用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样式库的使用
<view class="padding-xl radius shadow-warp bg-white margin-top">
<view class="flex justify-center">
<image class="cu-avatar xl round"src="images/avatar.png"></image>
</view>
<view class="flex justify-center margin-top-sm">
<text class="text-bold">程序媛</text>
</view>
<view class="flex justify-center margin-top-sm">
<text>期待职位:开发类岗位</text>
</view>
</view>
3、专业技能页的实现
下面主要展示专业技能页面的核心代码及colorUI样式库的使用
<view class="padding-sm bg-white flex margin-bottom-sm">
<view>
<image class="cu-avatar lg bg-white"src="icon/ide.png"></image>
</view>
<view class="margin-left-sm">
<text class="text-bold text-lg">开发工具</text>
<view>Eclipse、IntelliJ IDEA、Visual Studio Code、Sublime、
HBuilder
</view>
</view>
</view>
4、项目经验页的实现
下面主要展示专业技能页面的核心代码及colorUI样式库的使用
<view class="flex justify-between align-center">
<text class="cu-tag line-blue">2020.1-2020.5</text>
<text>程序员</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">项目名称</text> <text class="flex-treble">电子商务网站</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">开发环境</text>
<text class="flex-treble">Java+MySQL</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">项目简介</text>
<text class="flex-treble">B2C性质的购物网站,专卖电子产品
</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">個人职能</text>
<text class="flex-treble">负责登录、注册、商品管理、订单管理等模块的开发、测试工作</text>
</view>
四、总结
开发跨端电子简历应用可以生成H5端、安卓端、小程序端等多端应用,可以充分展示开发者进行多端开发的能力。还可以为多端程序生成二维码,将二维码粘贴到纸质简历上供企业更深入的了解求职者的能力,可以大大提高求职竞争力。
参考文献:
[1] https://uniapp.dcloud.io/
[2] https://github.com/weilanwl/ColorUI
作者简介:
江骏(1979-),男,湖北武汉人,副教授,工作单位:武汉软件工程职业学院信息学院,研究方向:软件技术.
关键词: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样式库的使用
<view class="padding-xl radius shadow-warp bg-white margin-top">
<view class="flex justify-center">
<image class="cu-avatar xl round"src="images/avatar.png"></image>
</view>
<view class="flex justify-center margin-top-sm">
<text class="text-bold">程序媛</text>
</view>
<view class="flex justify-center margin-top-sm">
<text>期待职位:开发类岗位</text>
</view>
</view>
3、专业技能页的实现
下面主要展示专业技能页面的核心代码及colorUI样式库的使用
<view class="padding-sm bg-white flex margin-bottom-sm">
<view>
<image class="cu-avatar lg bg-white"src="icon/ide.png"></image>
</view>
<view class="margin-left-sm">
<text class="text-bold text-lg">开发工具</text>
<view>Eclipse、IntelliJ IDEA、Visual Studio Code、Sublime、
HBuilder
</view>
</view>
</view>
4、项目经验页的实现
下面主要展示专业技能页面的核心代码及colorUI样式库的使用
<view class="flex justify-between align-center">
<text class="cu-tag line-blue">2020.1-2020.5</text>
<text>程序员</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">项目名称</text> <text class="flex-treble">电子商务网站</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">开发环境</text>
<text class="flex-treble">Java+MySQL</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">项目简介</text>
<text class="flex-treble">B2C性质的购物网站,专卖电子产品
</text>
</view>
<view class="flex margin-top-sm">
<text class="flex-sub">個人职能</text>
<text class="flex-treble">负责登录、注册、商品管理、订单管理等模块的开发、测试工作</text>
</view>
四、总结
开发跨端电子简历应用可以生成H5端、安卓端、小程序端等多端应用,可以充分展示开发者进行多端开发的能力。还可以为多端程序生成二维码,将二维码粘贴到纸质简历上供企业更深入的了解求职者的能力,可以大大提高求职竞争力。
参考文献:
[1] https://uniapp.dcloud.io/
[2] https://github.com/weilanwl/ColorUI
作者简介:
江骏(1979-),男,湖北武汉人,副教授,工作单位:武汉软件工程职业学院信息学院,研究方向:软件技术.