javaee模仿SWPU邮件系统页面

1.打开要模仿的网页http://mail.swpu.edu.cn/   

 

 

 

 

 

 2.按F12查看源代码

 

3.通过分析源代码可以发现网页由三部分构成

 

4.根据网页结构构成我的代码

 

 

5.在Sources里面的images文件夹中把需要的图片复制到我们的images文件夹下

 

 

 

6.参照源码修改布局参数

 

 

 

 

 

6.网页实现效果为

 

 

 7.添加js静态验证

 

 

最终实现效果为：

 

 

 9.码云链接

https://gitee.com/yin_fa_bi/JavaEE