易家校 由于本人在团队中担任前端方面的工作,故本项目介绍侧重点为前端 登录角色 本项目分为两个登录方向,一个为教师,另一个为家长,预设的登录账号密码教师为“2001001 654321”,家长为“1001001 123456”。本项目介绍主要围绕家长端 登录界面 登录界面分为两个登录方向,通过一个radio-group包裹起来 家长端主界面 主界面上方为一个轮播图,中间主体部分为3个功能,底部则是一个底部导航栏,可以在“主界面”和“我的”界面之间跳转 主界面wxml代码 家长端我的界面 “我的”界面中,由头像名称,跟主体的信息还有个退出登录的按钮组成,用户可以点击退出登录来退出当前账号,但页面中的主体信息均为假数据(后期完善) 查看作业界面 该界面没什么好讲的,简单的template引入的应用,点击相应的作业可进入查看作业详情(详情页面较简陋不作展示- -。) 查看通知界面 查看通知界面wxml代码 同上,简单的template模板的应用,详情页面也是同样简陋(不作展示) 查看私信界面 该界面的制作时间在项目的后期,由于本项目是边学小程序边做项目的,所以在后期制作出来的页面算是质量高点 查看私信界面wxml代码 查看私信界面中的template模板代码 在该项目中,应用得最多的当属template模板的使用,模板使用十分方便,但项目前期由于模板文件位置的乱摆放,导致项目完成后,模板文件未能统一在一个文件夹中(最好是统一在一个template模板文件夹中,会使项目显得较为简洁) 发送私信界面 私信的发送,是通过查看私信中“点击发送私信”的大按钮跳转进来的,该界面中,最难实现的当属小程序中下拉列表的实现 项目初期,只是实现了下拉列表,但在后期测试中发现,真机预览时点击下拉列表没有反应,后边经过查找问题,才得知为z-index比重的问题 下拉列表相关实现代码 wxml文件 json文件 最终的实现效果为,点击下拉菜单,会相应的改变文本域中的内容(更改为“不可编辑”),此时只有选中完收件人,才可继续操作。但是,在实际的测试中,发现如果先写文本域的信息,再返回头去选择下拉菜单,会导致文本域中的内容丢失(后期完善) 项目总结:易家校这个项目,制作时间虽然不算长,但是我从这个项目中却学习到了很多,比如说小程序中数据绑定的使用,wx:if结合数据绑定控制显隐的应用...最最重要的,是坚定了我前端学习的决心!希望在仅剩的大学生活中,我能够学习好前端的知识,将来毕业能找到一份前端方向令我称心如意的工作!