1.来燥盲盒 app(uniapp)
该项目已经上线安卓各大应用商店,可以搜索“来燥”。
技术栈:Vue、uView、HBuilderX,uniapp,uni-ui,JavaScript、git,Android studio。
项目描述:该项目是一个电商盲盒app,用户可以在 app 内付费选购提供的盲盒,随机开出选购盲盒内的多种商品,可以进行选择地址提货等操作。
负责内容:
整个app 的界面所有样式的修改完善,与后端对接接口数据,完善显示内容;
登录鉴权模块,包含手机验证码登录,微信登录,一键登录;其中一键登录使用第三方SDK 实现;
分享模块,包含分享到微信,图片分享,以及图文分享给微信好友;
支付模块,包含支付宝支付,微信支付;对接支付宝app 支付,H5 端的支付内容;微信对接app 支付的内容;
盒柜模块,功能类似淘宝购物车;
App 内强制新版更新等。
技术实现:
使用uniapp 框架进行app 的开发;
使用uniapp 提供的 plus,调用一些原生的 api,实现页面的一些特殊交互;
使用第三方uVIew UI 库结合uinapp 项目内置的uni-ui 实现一些界面交互;
二次封装uniapp 提供一些api,比如uni.request(),达到项目的使用需求。
第三方sdk(阿里云一键登录 sdk),实现登录鉴权;
使用Android studio 配置离线打包发行。
2.锐捷通学习平台 app(uniapp)
技术栈:Vue、uView、HBuilderX,uniapp,LaTeX,JavaScript、git。
项目描述:该项目是一个大学课程学习测试平台,用户可以在平台上浏览大学专业课程的相关知识点,学习课程相关知识点;选择相关知识点进行自我测评;提交测试成绩等。
负责内容:
整个app 的界面所有样式的修改完善;与后端对接接口数据,完善显示内容;相关学科的测试题目公式的渲染; 测试题目的随机出题,以及动态生成测试试卷,可导出为 pdf 打印功能等。
技术实现:
使用uniapp 框架进行app 的开发;
使用第三方uVIew UI 库结合uinapp 项目内置的uni-ui 实现一些界面交互;
二次封装uniapp 提供一些api,比如uni.request(),达到项目的使用需求等。
3.福州某公司门店管理系统
技术栈:Vue、ElementUI、ECharts、JavaScript、axios、git。
项目描述:该系统是公司旗下门店业务后台管理系统,主要为管理层服务使用。
负责内容:
前台页面样式控制模块、表格信息筛选模块、员工账号及权限模块;
会员等级模块、查询店铺商品库存模块;新增excel 表格导入修改档案资料,excel 表格单据导入导出引导;销售记录图表展示、众多 bug 的修复等。
技术实现:
使用element-ui 框架,高效搭建页面结构。
封装 axios,优化代码,方便项目迭代和统一管理,实现数据动态渲染;
配置请求拦截器和响应拦截器完成整个项目的拦截;
vue-router 权限模块的实现,使用路由守卫 、实现登录安全限制;
使用 vuex,实现数据的多页面共享;