货运智能物流后台管理系统 4 个月
技术栈:Vue,element-ui,axios,echarts,webpack,es6,Node,Mysql
项目简介:针对货车物流运输司机方的统一管理系统,具有查看货源、报名货源运输、后台分配、查看货运途径、账号管理、订单管理、订单统计等功能。
项目职责:
1.负责登陆注册、货源管理、个人中心、账号管理、订单统计组件;
2.将接口进行三层封装: 工具函数层( 用 axios.default.baseURL 配置统一的请求地址、axios.default.timeouts 请 求 超 时 、 axios.interceptors.request.use() 请 求 拦 截 器 、axios.interceptors.response.use()响应拦截器、get/post 请求);接口层(引入工具函数, 分离各个功能模块,调用工具函数配好接口地址);页面组件层(import 引入接口层相关请求, 使用async 和 await 发送请求,解决异步问题);
3.登陆状态检查:发送检查账号和密码的请求,拿到后台返回的 token,存入本地,然后在请求拦截器里面的请求头里携带上 token,token 过期时在请求拦截器里配置请求错误自动跳转到登陆页面;
4.实现面包屑导航:在路由配置里加上 meta 对象,用 watch 侦听路由地址的变化,将对象中的路由地址传入面包屑数组进行渲染;
6.echarts 的渲染:在 mounted 钩子函数里 init 一个 echarts 实例对象,根据图表类型配置options,再把后台拿到的数据写在配置中;
第二个项目
新川创新科技园
网址:http://www.sscip.com.cn/ 2 个月
技术栈:Bootstrap,less,gulp,jQuery,ajax
项目简介:新川创新科技公司官网,有首页、关于我们、产品与服务、信息披露、产品查询、联系我们等页面
项目职责:
1、高度还原ui设计图,pc端,移动端的适配,js特效的制作.
2、利用anmtions动画库实现动画