项目名称:企鹅医生口腔
项目描述:实现口腔项目在线选购,医院详情介绍的小程序
负责模块:首页与购物车页面交互、页面逻辑的编写
涉及技术:
在点击进我的页面时要获取用户信息减少被劫持的风险,调用wx.login()与wx.request将获 取登录返回的用户信息一起发送至后台接口,并进行签名效验,保存用户信息,使用openid作 为唯一标识返回登录成功的界面信息
因为此项目涉及订单支付操作,首先必须创建统一下单,将小程序appid,用户ID,密匙进行 存储,商品的描述,内部订单号的生成,作为一个object返回出去,调用wx.requestPayment 的api发送支付请求并修改数据库中订单信息
在小程序解决用户疑问提高用户体验方面增加的客服会话工能,使用contact - button 在页面 创建客服会话按钮,或通过控制post请求调用JSON可与小程序用户产生特定的动作交互,增 加用户体验提高服务质量
项目名称:威彪后台管理系统
项目描述:将人员提交的事件做相应审核和批准处理
负责模块:页面UI规范制定,主页面逻辑算法处理,用户触发事件的响应
对于后台项目,公司统一使用Umi+DvaJS 进行开发,因为DvaJS解决了React数据流向不 明确的问题,包装了React工具库,简化了API的使用
在项目渲染的提交信息量庞大时单个信息事件的加减会引起页面的延迟,所以为了降低延迟利用 shouldComponentUpdate 方法,判断是否要将该数字进行后面render方法的调用,解决组 件树深度嵌套时带来的延迟。
在进行页面事件信息状态逻辑管理时,并没有采用class,因为class在使用时并不能将组件拆 分为更小的粒度,所以使用React Hooks解决了在不编写 class 的情况下无法使用 state 和 React 生命周期,使代码逻辑更加清晰,减少bug的产生。