课程表
自定义课程表
实现方法
对象数组存储课程信息,for循环遍历输出纯前端demo,可自行搭建数据库保存数据
40自定义课程表-demo功能h5
表格样式
事项
查找
下~排序
待办事项表
实现方法
基本都是很基础的操作,主要是日期方面需要计算数据每一行跟用户选择的日期是什么关系(过期 ,未过期,已完成,今日过期),用一个时间变量临时存储计算次数循环中每一行的时间数据,再去和用户选择的日期进行对比得到是否过期,再在前端以不同的形式显示出来。设置
过期
设置页
待办页
0后台
277待办事项表h5功能
购物
购物清单
实现方法
“购物清单”负责记录每样商品的具体信息,然后“类别”数组主要是用于给下拉菜单提供选项,并方便计算购物清单里每一类商品的总价格。点击添加可以添加商品,点击下拉箭头可以排序,再次点击变成倒序。前台
类别-表格
数组-导入
添加数据
表格
150购物清单一览表demo功能h5
查询
交互
招生计划查询
实现方法
在后台添加对数据库的查询服务,服务的接收参数为前台检索时提交的院校名称、考生年份、考生身份。返回的查询结果存入到一个对象数组中,在前台添加一个表格,数据来源选择为该对象数组。查询成功则显示该表格即为查询结果,查询失败则提示失败原因。动作
查询
选择
选项
后台2
1院校
101前台院校查询端h5系统
101后台院校管理端h5系统
上传
院校查询
微服务+
+分页
多板块
列表上拉刷新
实现方法
使用面板组件自带的上拉加载功能。数据的输出用两个参数动态控制:page(page自增,控制数据加载次数),offset(控制每页显示数据条数)前端:数据分页输出,每页条数为offset(可根据情况自主设定),page为当前输出数据请求总次数,初始值为1,面板每上拉加载一次,page自增一次,直到无数据输出为止。输出有数据则往前台数据列表增加输出的数据值,无数据输出则提示无数据状态。输出商品需多次调用,故打包成一个动作组。
本案例每次输出数据条数为5
后台:数据输出服务中,前端传入page和offset,有数据则返回输出数据,无数据则给出无数据提示
注意:由于面板组件不知道数据获取所需要的时间,加载的动画不会自主结束,而需要我们自己在获取数据结束后去手动结束动画。面板文档:https://www.ivx.cn/docview?lang=zh&page=ih5-simscroller&type=doc&showall=0#
下拉-加载
结构
+小模块,事件
后台-输出商品
64列表上拉刷新h5功能