CS

C/S结构用户界面设计

 

 

【实验编号】

10003809547j 　　图形用户界面设计

【实验学时】

8学时

【实验环境】

l  所需硬件环境为微机；

l  所需软件环境为Microsoft Visual Studio 2013

【实验内容】

编写一整套Mis系统UI界面，Mis系统名称自拟，尽量运用到如下控件：

l  窗体

l  菜单

l  工具栏

l  状态栏控件

l  标签控件

l  按钮控件

l  文本框控件

l  单选按钮控件

l  复选框控件

l  列表框控件

l  组合框控件

l  分组框控件

l  面板控件

l  图片框控件

l  定时器控件

l  滚动条控件

l  月历控件

 

【关键步骤】

1.对登录页面增加PS背景图片。

2.使用老师推荐的WeiFenluo开源框架，美化界面，加入分页标签。

3.在学生管理主页面的菜单栏，分为学生班级管理，学生成绩管理，关于，和退出。

4.点击学生学籍管理，可以对学生的个人信息，导员等信息进行管理。

5. 点击学生成绩管理，可以对学生的考试成绩信息进行管理。

6. 欢迎界面放的是自己使用PS设计的欢迎背景图片。

7. 为页面加上icon。

 

【程序运行截图】

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

【实验体会】

这次实验做了CS的界面结构是在老师讲了weifenluo之后开始做的，这个开源的架构真的好用，另外还在menu上面添加了一些小图标，设计了一个背景和图表icon。感觉在做的时候大体实现很容易，主要还是在细节美化的时候要细心一些，有时候别人很顺利就能通过的方式在我这里运行就会遇到一些问题，需要查找一些资料才能明白怎样实现，比如在实现一个登陆页面的时候，大体实现了登陆的功能。在过程中，以前总以为做出程序就可以了，但是美工也十分重要，一个程序需要进行界面的美化，用户使用时的心情就会大不一样。