Skip to content

本项目名为“易家校”,由先锋团队开发,该项目为学校的课程项目,本人在团队中担任前端页面的编写工作,所以该项目的介绍侧重点偏向前端

Notifications You must be signed in to change notification settings

xianfengtuandui/Home-school

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

易家校

由于本人在团队中担任前端方面的工作,故本项目介绍侧重点为前端

登录角色

本项目分为两个登录方向,一个为教师,另一个为家长,预设的登录账号密码教师为“2001001 654321”,家长为“1001001 123456”。本项目介绍主要围绕家长端



登录界面

image

登录界面分为两个登录方向,通过一个radio-group包裹起来



家长端主界面

image

主界面上方为一个轮播图,中间主体部分为3个功能,底部则是一个底部导航栏,可以在“主界面”和“我的”界面之间跳转

主界面wxml代码

image


家长端我的界面

image

“我的”界面中,由头像名称,跟主体的信息还有个退出登录的按钮组成,用户可以点击退出登录来退出当前账号,但页面中的主体信息均为假数据(后期完善)



查看作业界面

image

该界面没什么好讲的,简单的template引入的应用,点击相应的作业可进入查看作业详情(详情页面较简陋不作展示- -。)



查看通知界面

image

查看通知界面wxml代码

image

同上,简单的template模板的应用,详情页面也是同样简陋(不作展示)



查看私信界面

image

该界面的制作时间在项目的后期,由于本项目是边学小程序边做项目的,所以在后期制作出来的页面算是质量高点

查看私信界面wxml代码

image

查看私信界面中的template模板代码

image

在该项目中,应用得最多的当属template模板的使用,模板使用十分方便,但项目前期由于模板文件位置的乱摆放,导致项目完成后,模板文件未能统一在一个文件夹中(最好是统一在一个template模板文件夹中,会使项目显得较为简洁)



发送私信界面

image

私信的发送,是通过查看私信中“点击发送私信”的大按钮跳转进来的,该界面中,最难实现的当属小程序中下拉列表的实现

image

项目初期,只是实现了下拉列表,但在后期测试中发现,真机预览时点击下拉列表没有反应,后边经过查找问题,才得知为z-index比重的问题

下拉列表相关实现代码

wxml文件

image

json文件

image

最终的实现效果为,点击下拉菜单,会相应的改变文本域中的内容(更改为“不可编辑”),此时只有选中完收件人,才可继续操作。但是,在实际的测试中,发现如果先写文本域的信息,再返回头去选择下拉菜单,会导致文本域中的内容丢失(后期完善)



项目总结:易家校这个项目,制作时间虽然不算长,但是我从这个项目中却学习到了很多,比如说小程序中数据绑定的使用,wx:if结合数据绑定控制显隐的应用...最最重要的,是坚定了我前端学习的决心!希望在仅剩的大学生活中,我能够学习好前端的知识,将来毕业能找到一份前端方向令我称心如意的工作!

About

本项目名为“易家校”,由先锋团队开发,该项目为学校的课程项目,本人在团队中担任前端页面的编写工作,所以该项目的介绍侧重点偏向前端

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 66.6%
  • JavaScript 33.4%