项目名称:零食商城(PC端)
技 术 栈:Vue.js、Vuex、VueRouter、Element-UI、Axios 等。
项目介绍:本项目开发属于前后端模式,零食商城是一个实现了可以在线预购零食和浏览商品,实现添加购物车快速购买,今日零食推荐,周零食榜推荐,主要是为了方便用户减少操作,减少页面过多跳转麻烦,使用户用的开心,提供了方便快捷的商城。
负责模块:零食详情模块,零食购物车模块,零食模块主要实现了首页点击零食跳转零食详情页,查看详情和添加购物车商品、删除商品,数量增加减少,以及购物车总计等功能。
技 术 点:1.使用了Axios 向后台接口发送请求接收数据渲染页面,对Axios进行封装,解决重用。
2.使用APIpost工具进行数据接口规范测试,正则表达式处理数据的规范。
3.使用Vuex,解决页组件间的传值跳转问题,一些调用方法。
4.使用路由守卫进行拦截,如用户未登录状态无法使用购物车模块和我的模块信息。
5.引入了一些Element-UI第三方组件库 ,美化页面效果和组件的封装。
7.使用了Moment.js 第三方插件更有效的处理日期时间格式问题。
8.项目设计实现了前后端分离。
9.使用Sass 封装全局样式,能够有效提高和优化代码管理。
项目名称:美食食谱(移动端)app
技 术 栈:Vue.js、Vuex、VueRouter、VantUI、Axios 等。
项目介绍:本项目使用MVVM 开发模式,本项目实现,在线视频学习菜的教学,点赞评论,分享功能,轮播图,登录注册,菜种类搜索,手机短信接口api,用户的权限管理、等等功能。能够实现更便捷的跟快的管理模式,前台分离 。
负责模块:用户详情页模块,菜品的8大分类,点赞模块,轮播图模块及部分 UI 设计和搭建,搜索模块、实现了用户一键搜索关键字查询,详情页,菜的制作流程的视频功能。
技 术 点:1.在vue cli 脚手架开发环境,采用了MVVM 的设计分层模式开发,降低程序间的耦合性。
2.表现层使用 JavaScript+Axios 实现页面的交互,实现局部页面刷新,引入了一些 Vant 第三方组件库 ,美化页面效果和axios封装。
3.组件页面的头部尾部,复用封装。
4.使用Vuex传值到页面、跳转,实现了页面可视化交互。
5.使用Sass 封装全局样式,能够有效提高和优化代码管理。
6.使用了第三方轮播图插件功能,有效的提高了效率和功能。
7.使用Git 进行项目码迭代以及管理。
8.实现页面前后端分离。
9.了解腾讯云项目打包部署,使用了宝塔系统搭建环境,部署项目。
其他: 登录注册模块、登录状态、app下拉刷新,tab底部导航栏、webworker聊天室