视频监控后台
web前端开发
项目概述:设计和开发了一个实时监控系统的管理后台,旨在为用户提供实时远程监控。
技术选型:Vue + Vue-cli + Vue-router + Element-ui + Axios + Js-cookie + Vue-i18n
+ WebSocket
负责内容:
1. 负责项目的排版布局,数据对接,页面跳转,响应式开发;
2. 实时数据监测,通过WebSocket技术实时接收并展示传感器和设备数据,帮助用户实时了解
系统状态。
3.远程控制,允许用户通过界面远程控制设备,执行命令,实现远程管理。
4.对项目进行国际化处理。
技术要点:
1. 使用WebSocket确保实时数据的高效传输和更新
2. 使用pc端布局进行页面的适配,以及对页面进行优化使用路由懒加载
3. 与后端联调对设备进行操控下发指令
小区门禁系统
项目描述: 开发了一款基于Vue框架的小区门禁系统App,为居民提供高效的门禁管理和安全
控制解决方案。
技术栈: JavaScript, Vue, Vant, Vue-router, Vuex
负责内容:
用户登录和身份验证功能,确保只有授权居民能够进入小区。
扫码进出门功能,提高出入效率,减少等待时间。
管理员后台,允许管理员管理权限、查看记录以及添加访客。
使用Vue框架构建用户界面,实现了组件化和数据驱动的开发方式。
技术要点:
负责设计和开发用户登录界面,实现了安全的用户身份验证流程。
使用Vue组件构建了扫码进出门页面,通过单文件组件提高了代码的可维护性和可读性。
设计并实现管理员后台,允许管理员轻松管理居民权限和访客信息。
阅读READ
项目概述:阅读READ是一款简单易用免费的网络小说搜索阅读工具。
技术选型:Vue、uni-app
负责内容:
1. 与后台交互获取数据动态填充静态页面;
2. 负责首页顶部开发以及底部导航开发;
3. 实现首页页面轮播效果、隐藏滚动条和底部;
4. 实现首页书籍区域滚动功能开发;
技术要点 :
1. 配置 pages.json,使用 globalStyle 设置默认页面窗口 ,使用 tabBar 设置底部导航;
2. 使用 swiper 页面轮播 ,使用 scrollIndicator 隐藏滚动条和底部, 使用 scroll-view 实现
区域滚动;
3. 使用 uniapp 自带储存( uni.setStorageSync )存储用户信息;
4. 使用 uni.navigateTo 来进行页面跳转 ,使用 uni.switchTab 切换tabBar;
5. 对 uni.request 进行封装;
Flower Platform(移动端)
项目概述:一款专门以鲜花为主的平台,按专区分类,种类齐全,花样繁多。拥有甄选优质花
材、严格品控标准、平台安全保障等品牌优势。 是送恋人、送朋友、送家人的首选。并且与全
国万家 连锁花店合作,拥有甄选优质花材、严格品控标准、平台安全保障等品牌优势。
技术选型:ES6、Vue Vuex、Vue-Router、Axios、Vant
负责内容:
1. 与后台交互获取数据动态填充静态页面;
2. 负责首页以及详情页,使用 better-scroll 使页面滑动体验更加流畅,实现首页页面轮播效
果;
技术要点 :
1. 使用vue-cli 进行工程的搭建;
2. 使用移动端布局进行页面的适配:
3. 使用vuex对全局状态进行查询,分类,购物车状态编辑:
sT2iodhi202309061445
4. 使用导航守卫进行判断用户是否登录来进行权限控制:
5. 使用本地储存(LocalStoragel)进行状态管理存储用户信息
6. 使用了Lazy-oad图片懒加载技术进一步提高页面优化;
7. 与后端开发人员配合完成接口定义、调用、数据交互及项目功能的调试: