至此,系统的初版已经到了收尾阶段。现在我的主要任务是要给整个系统进行浏览,找出尚有不足的地方并完善。简单地说就是美化整个系统,完善一些之前暂时放下的功能。
注册页面
注册页面属于前期完成度不高的页面。虽然初一看页面美观毫无异样,但实际使用上就觉得不方便了:日期类型的输入和专业不能点选纯靠手输,下拉选择框不美观等。故此还要花费好一段时间去完善。
下拉框的美化
在我做这个页面的时候还没决定用前端框架,下拉框的美貌全靠样式表撑着,然而点击选择的时候就会暴露出它的粗糙:就是默认的下拉框,十分原生态。幸好layui有相应的组件,让我不必再费神学习下拉框。
使用layui的下拉框也十分简单,只需要在外层容器中定义class=“layui-form”,并且写明:
<script>
layui.use('form', function(){
var form = layui.form;
});
</script>
以上这段script相当重要,因为在使用表单时,layui 会对 select、checkbox、radio 等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于 form 组件,所以我们必须加载 form,并且执行一个实例。需要注意的是,加载了form后,表单内所有元素都会使用layui的样式,特别是一些比较特殊的inpu