2.4.1 第一阶段
实现：登录和主页面的设计。
（1） 使用HubilderX 创建web项目，命名为“StuProject”，如图2.1所示。
图2.1
（2） 在各个文件夹中导入EasyUI 框架初始需要的css和js及需要的图片等，如图2.2所示。
图2.2
（3） 所设计的系统为学生管理系统，其页面设计应清晰的展示功能菜单与操作界面为主，再兼顾头部用于展示横幅与登录等相关操作和脚部的基本信息。故一般使用jQuery+EasyUI完成三行两列式布局，可以得到如下所示的整体布局概览：
效果如图2.3所示。
图2.3主页面
在index文件中写入以下代码如下所示。
完成登录页面效果。
