展示图:
笔记功能逻辑:进入首页显示所有笔记的 每条显示笔记信息加发布时间当点击其中一条信息时打开编辑此条笔记的界面在这个界面需要对消息回显,点击添加进入新建笔记的页面,保存后进入我的笔记页面重新刷新一下所有的笔记。
第一 前端功能和逻辑
返回功能和添加笔记的跳转功能
返回功能使用uview中导航栏组件的:customBack属性定义一个函数,函数内调用uni库中原生的返回函数。
添加笔记跳转功能当点击时触发点击函数跳转到笔记编辑页面携带id,由于当前是新编辑功能不需要接收id
进入首页加载onLoad函数调用showLoading内置函数当首页数据加载完毕后再执行hideLoading()来隐藏。再调用getSessionUser全局函数获取当前登录的用户信息并存储到变量中。最后调用请求笔记列表的函数查询笔记信息。
触发事件的细节问题:
页面首次加载分页查询第一页数据,当下拉事件触发先清空笔记列表中的信息再加载分页查询第一页数据,当上拉触发事件分页号++加载数据
加载数据的函数:发出请求如果请求回来的数据不为空,先把当前笔记列表是否为空的标记置为false(用于判断是否显示空数据的容器),再将请求回来的数据拼接在笔记列表的后面。如果返回的数据的总条数total等于笔记列表的总长度那么将下拉显示控件的状态修改为nomore 否则修改为loadmore
后端分页逻辑, 根据分页信息构建分页对象,去查询所有笔记数据,对返回的数据进行封装返回
返回数据的格式:
添加笔记转到添加笔记页面
添加笔记页面和查看笔记页面是同一页面,如果跳转传给当前页面的id不为空那么就是查看笔记详情编辑保存,如果跳转传给当前页面的id为空那么就是新增笔记添加页面。
如果进入的是添加笔记功能那么页面加载时发出请求拿到项目列表的信息用于选择。
如果进入的是查看笔记详情的页面那么除了发送请求项目列表信息外还需要通过当前笔记id查询当前笔记信息的详情。