项目一:楼先生房源管理系统
技术栈:vue2、vue-cli、element-ui、vuex、vue-router、axios、echarts 等
项目描述:该系业绩管理、用户管理,交易管理等,可以帮助用户实时统是一个用于公司内部房源的管理系统,内置有房源管理、观看到房源的情况概览和交易记录。
负责模块:业绩统计排名、权限管理、房源管理,用户管理。
技术要点:
1、使用 ECharts 实现数据可视化,使用户更直观的看到数据的变化趋势;
2、使用高德地图组件实现房源信息的可视化。
3、使用动态路由完成权限控制,使不同角色登录只能看到对应的菜单和路由权限。
4、使用路由懒加载、element-ui 的按需引入、图片懒加载进行项目的优化。
5、使用 axios 请求响应拦截器添加 token 和判断 token 是否有效。
项目二:楼先生官网
技术栈:Vue2、vue-cli、element-ui、Vuex、vue-Router、axios 等
项目描述:该网站是为公司官网,主要展示了新闻咨询、合作业主、合作渠道、合作项目等。负责模块:首页动画效果的实现、数据渲染、各个模块的封装。
技术要点:
1、首页采用节流+动态 class 实现首页动画效果;
2、使用 Vuex 对全局数据状态进行动态管理;
3、通过路由的懒加载、element-ui 的按需引入对项目打开速度进行优化;
4、对相同模块和函数进行封装、减少代码量,提高开发效率;
5、统一 api 接口管理、便于编程人员配置接口地址或修改、便于管理;