H5、高德地圖、騰訊地圖 、天地圖、openlayers 、mqtt與設備連接" />
1. 精通主流js框架,VUE2、VUE3/TS、Vue全家桶、小程序、uni-app等技術棧,能夠實現后臺管理系統、小程序、App、
H5、高德地圖、騰訊地圖 、天地圖、openlayers 、mqtt與設備連接等前端的項目開發
2. 精通微信小程序以及用uni-app開發工具,搭建小程序項目
3. 熟練掌握Element-Plus、Element-ui、Vant-ui、Vue、uni-app、colorUI等UI框架的使用
4. 熟練掌握Ajax、Axios等技術棧,能夠解決項目中前后端數據交互問題
5. 能夠熟練使用Git、SVN代碼管理工具
6. 熟練掌握前端常見跨域解決方案,如JSONP、proxy代理技術
7. 熟悉Echarts等圖表插件,能夠熟練利用相關技術完成大屏項目的開發
8. 熟悉mysql數據庫,了解sql語法
辦公后臺管理系統(vue2+小程序端)
1. 使用vue cli腳手架搭建項目, 環境配置、Git提交規范、Eslint和Prettier代碼校驗規范,方便后期的代碼維護和擴展
2. 對axios進行封裝首先新建一個utils文件夾,新建http.js文件,在http中封裝axios,配置攔截器請求攔截和響應攔截,在配置get post put delete請求方法,方便在后面直接調用
3. 使用Element-ui中的Layout組件進行對首頁的混合布局,并通過后臺返回的數據使用ECharts進行對圖表的數據渲染,可以通過圖表來清楚了解后臺各類型的基本數據情況
4. 使用Element-ui中的Form表單組件實現登錄表單的校驗,結合登錄api接口實現項目登錄功能以及Token的存儲
小程序:
1. 項目是使用HBuilderX搭建的,使用github實現項目的版本控制和多人協作
2. 使用promise的then、 catch 和finally實例方法對request進行封裝,實現前后端的交互
3. 在打開應用進行登錄鑒權,未登錄跳轉登錄頁面
4. 員工打卡:使用uni-app-bluetooth插件和uni.startBluetoothDevicesDiscovery()方法獲取藍牙以及通過wx.openLocation獲取位置信息功能來實現員工打卡功能
家門口養老系統(vue2+小程序商城端、用戶端、護理員端、管理員端+可視化大屏+居家智慧生活小程序)(此項目目前已經上線)
養老項目主要采用前端通過 mqtt 與設備進行連接 關聯設備 返回相應的數據展示 和 實時的數據變化
1. 家門口后臺系統是二開的項目 前端采用vue2和EleAdmin組件庫實現(當前項目已經上線)
2. 主要采用的技術棧是vue2 Echarts 權限管理 與后端完成交互
小程序:
1. 小程序用原生小程序寫的,UI是利用了ColorUI
可視化大屏:
采用 mqtt 與設備進行連接 關聯設備 返回相應的數據通過Echarts圖表和騰訊地圖以及openlayers展示數據 和 實時的數據變化
此項目前端的所有頁面以及頁面的UI展示由我一人開發,利用腳手架創建vue項目、利用HBuilder X和微信開發工具創建小程序、與后端做好交互、利用js寫用戶的交互邏輯、利用openlayers、展示高德地圖、騰訊地圖、天地圖,并實現相應的功能
展示前端頁面 自己設計UI 與后端做好交互 利用colorui 組件庫 根據需求寫好邏輯 通過mqtt與設備做好連接 并獲取實時數據展示
通過微信開發工具和color ui數據庫實現該小程序 該小程序是店家內部小程序 用于存儲所有客戶的信息 方便所有員工對顧客的信息展示
服務管理系統 用于用戶方便在后臺管理小程序的商城端的上架和下架 方便觀察每一件商品的賣出數量 也可以觀察每天用戶的訪問量