面向对象及软件工程-个人作业2 (10)

对马海霞同学微信小程序的欣赏说话

(软件工程实验3)

1,首先欣赏首页

(首页附图1)                            

                 面向对象及软件工程-个人作业2 (10)_第1张图片

 

 

 

评价:可以看到学生和教师的按钮排列使得教师溢出了屏幕。

观察此页的代码

start.wxss)

 面向对象及软件工程-个人作业2 (10)_第2张图片

 

 

 

其中发现学生和老师按钮各自使用绝对位置规划视图(思考:这样对于不同型号的手机兼容性不强大)

优化:可以使用flex方法尝试优化一下。(优化如下)

 面向对象及软件工程-个人作业2 (10)_第3张图片

 

 (代码)

面向对象及软件工程-个人作业2 (10)_第4张图片

 

 

2,欣赏学生界面

(学生附图1)

 

 面向对象及软件工程-个人作业2 (10)_第5张图片

 

 

代码如下:

 

评价:增加了所处地点选择的功能,以及时间选择器,使得更加方便快捷。

 面向对象及软件工程-个人作业2 (10)_第6张图片

 

 面向对象及软件工程-个人作业2 (10)_第7张图片

 

 面向对象及软件工程-个人作业2 (10)_第8张图片

 

 

 

评价:使用了picker的自定义和时间模式(此处使用的picker是微信开发平台提供的,并没有使用第三方库)。

思考:可以在学生填写宿舍楼以及院系的时候根据情况添加类似以上功能的方便。

可以考虑使用第三方库减少代码开销。

 

 

3,欣赏教师界面

(教师附图1

 面向对象及软件工程-个人作业2 (10)_第9张图片

 

 

教师界面以及代码格式与学生的界面以及代码格式采取了同样的设计,此处不多赘述。

评价:发现在老师和学生的js界面都有以下定义(提供自定义picker的数组队列)

思考:因为内容一样所以可以考虑放到app.js中作为全局变量,以减少代码量和修改的开销。

 

问题:我们观察学生信息输入区和老师信息输入区有一个共同点,都没有返回按键(设计一个取消键返回)

面向对象及软件工程-个人作业2 (10)_第10张图片

 

本人水平有限 此次鉴赏点到结束!!

你可能感兴趣的:(面向对象及软件工程-个人作业2 (10))