1.在/st目录下创建多个php文件，通过$_REQUEST、$_POST获取客户端传递数据，并检查数据完整性、合法性；mysqli_*等内置函数实现数据查询，采用内置方法mysqli_real_escape_string阻挡sql注入；将查询结果通过json_encode对外输出，至此完成back-end与front-end数据交互，并经过postman测试；
2.在HBuilderX中新建uni-app项目，创建页面文件index和detail，代表工程首页和详情页（为了解决uni-app内置组件tabBar不能规定rpx的问题）；创建公用函数接口api文件夹，设计前后端交互接口文件queryDetail、queryType文件，array、number和string公用函数，以及请求数据格式化文件fmIndexData、formatDetail；
3.在工程components目录下设计组件home、history用作app首页一级组件，并设计组件public/TabBar.vue，载入至app首页pages/index之下；当点击TabBar组件，在index页面方法switchTab改变spaDisplayIndex实现页面切换；
4.使用CSS3 transition属性（当绑定元素某些CSS属性改变之时，对这些属性实现过渡），联合uni-app框架提供的uni.creatAnimation（首先创建实例，绑定动画属性并链式添加多个动画方法，step方法标记完成一组动画，最后通过export方法导出），setInterval、uni-app页面切换动画实现项目动画效果。如switchTab切换缩小放大动画、首页顶部nav点击以及切换加载动画、nav右侧类型选择弹出框动画（弹出、点击过渡、隐藏）、首页新闻项目点击关闭等动画；
5.在index页面onReachBottom（框架内置life cycle）改变属性homeRBThreshold，并将该属性与一级组件spa-Home props值fireReachBottom绑定；在watch方法中监听属性改变，如果为true触发方法reachBottomLoad；当加载完毕通过$emit homeRBLoaded方法重设该boolean；