项目实训——初版的页面优化（1）

至此，系统的初版已经到了收尾阶段。现在我的主要任务是要给整个系统进行浏览，找出尚有不足的地方并完善。简单地说就是美化整个系统，完善一些之前暂时放下的功能。

注册页面

注册页面属于前期完成度不高的页面。虽然初一看页面美观毫无异样，但实际使用上就觉得不方便了：日期类型的输入和专业不能点选纯靠手输，下拉选择框不美观等。故此还要花费好一段时间去完善。

下拉框的美化

在我做这个页面的时候还没决定用前端框架，下拉框的美貌全靠样式表撑着，然而点击选择的时候就会暴露出它的粗糙：就是默认的下拉框，十分原生态。幸好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