WSL图形界面优势

为wsl安装图形界面之后，就像拥有一台新电脑一样。

wsl安装完毕后，与wsl子系统交互的方法只有shell，具有一些弊端：

1.学习难度大，交互式编程循环结构难以加入。

2.不支持GUI，对数据可视化很不友好，终端中查看图片时会报错X11未安装。matplotlib中的plt.show()也会报错。

3.需要额外安装适用于wsl的文本编辑器，终端等linux生态系列软件。

wsl的图形界面相比双系统也有很多优势：

1.系统功能和面板设置基本相同。

2.类似虚拟机，但是剪切板和文件夹公用，可以从图形界面上控制win10进程。

3.为子系统增加了GUI设计的可能，对数据可视化非常友好。

4.图形界面中有的文本编辑器和终端，这样可以免去在win10中下载配置文本编辑器和终端的繁琐。

安装教程

图形界面的安装需要在win10系统上安装VcXsrv，用于监听wsl系统，以显示wsl的桌面；同时在wsl系统上安装xfce4，即wsl的轻量级桌面。

win10系统安装VcXsrv

win10中安装VcXsrv的下载网址是 https://sourceforge.net/projects/vcxsrv/

下载后安装-下一步-完成后再开始菜单和桌面上都可以找到Xlaunch，就是显示子系统wsl桌面的窗口。

wsl终端中安装xfce4

在终端中依次输入以下命令即可

1 #!/bin/bash
2 # this is bash command
3 sudo apt-get update #更新源
4 sudo apt-get install xfce4 xfce4-terminal #安装xfce4桌面
5 echo -e "\n##DISPLAY Configuration" >> ~/.bashrc #配置声明
6 echo "export DISPLAY=127.0.0.1:0.0" >> ~/.bashrc #添加配置
7 source ~/.bashrc #配置生效
8 #run xfce4
9 startxfce4 #如何运行xfce4

安装配置完毕

使用教程

step01 在win10系统中打开VcXsrv，以开启Xserver监听wsl，选择one window without titlebar模式（其他模式无法显示Linux系统的任务栏），然后一直下一步即可。

step02 打开wsl终端，开启xfce4桌面，命令是 startxfce4

然后即可在VcXsrv中进行Linux系统的操作了。例如打开终端运行一个小命令 xeyes试验图形界面是否可行

测试一下python的matplotlib是否可用：

主要面向想做出图形界面的C语言初学者

C语言初学者开始都是在黑白控制台上开发一些小程序，实现一些小功能，因为基础的C语言可视化效果比较差，所展示的都是黑白的字符和数字，比较单调乏味。一些大学的计算机类专业学生，大一学习C语言，学习基础语法和算法，通过平台刷题提高自己编程能力，一般不专门学习图形化编程，期中或者期末可能会有开发一个小游戏或者小系统（如学生成绩管理系统、银行管理系统、日程管理系统等）的任务。这时如果在实现基本功能的情况下做出优美的图形界面，会比较出彩并且会有满满的成就感。

一、环境准备

操作系统：windows 10
编译环境：VS 2017
图形库：EasyX_20190415(beta)

下载链接
VS 2017: 微软官网
EasyX图形库：EaxyX官网

下面介绍一下EasyX:
EasyX 是针对 C++ 的图形库，可以帮助 C语言或C++语言初学者快速上手图形和游戏编程，比如用编译环境和EasyX图形库可以轻松画一个房子，或者一辆移动的小车，可以编写俄罗斯方块、贪吃蛇、黑白棋等小游戏，或者导入一张图片，可以练习图形学的各种算法，等等。
如何安装：
需要先下载安装好编译环境VS2017，然后再下载安装EasyX图形库，安装时选择安装在Visual C++2017目录下即可。

二、程序运行截图

欢迎界面

系统初始界面

学生端

教师端

三、部分源码展示

下面是代码的头文件、宏定义、函数声明部分。完整源码请在下方获取

 /************************************************************************
程序名：日程管理系统
版本号：2.0
程序功能：1）设计学生端口和教师端口，学生端学生自我管理，教师端教师监督管理
		  2）注册、登录账号，修改密码
		  3）添加、修改、删除、显示日程
		  4）文件自动保存
		  5) 精美界面，界面友好，交互性强
		  6）系统会进行自动保存
		  7）登录后退出需要重新登录
************************************************************************/

/*对库函数的定义*/
#include <graphics.h>      // 引用图形库头文件
#include<stdio.h>
#include<stdlib.h>
#include<string.h>
#include<math.h>
#include <conio.h>
#include<tchar.h>

/*宏定义*/
#define NUMBER 100//定义可容纳（学生/教师）的用户数量 
#define MANAGELENGTH 30//定义事件长度（包含时间） 
#define STRLENGTH 30//定义用户名长度
#define NUMLENGTH 12//定义密码长度 

/*定义图片*/
IMAGE welcome;//欢迎界面
IMAGE welcome_button;//ENTER按钮
IMAGE startup;//初始界面
IMAGE stu1;//学生端初始
IMAGE stu1_return;
IMAGE stu1_exit;
IMAGE stu_register;//学生端:创建账户
IMAGE stu_logon;//学生端:学生登录
IMAGE stu_resetpassword;//学生端：修改密码
IMAGE stu_schedulemanagement1;//学生端：日程管理界面1
IMAGE stu_schedulemanagement2;//学生端：日程管理界面2
IMAGE stu_schedulemanagement2_return;
IMAGE stu_schedulemanagement2_exit;
IMAGE teacher1;//教师端初始
IMAGE teacher1_return;
IMAGE teacher1_exit;
IMAGE teacher_register;//教师端：创建账户
IMAGE teacher_logon;//教师端：教师登录
IMAGE teacher_resetpassword;//教师端:修改密码
IMAGE teacher_schedulemanagement1;//教师端：日程管理界面1
IMAGE teacher_schedulemanagement2;//教师端：日程管理界面2
IMAGE teacher_schedulemanagement2_return;
IMAGE teacher_schedulemanagement2_exit;
IMAGE createschedule;//学生端：创建日程
IMAGE resetschedule;//学生端：修改日程
IMAGE finishedcondition;//学生端：完成状态
IMAGE setstuschedule;//教师端：设定学生日程
IMAGE resetstuschedule;//教师端：修改学生日程
IMAGE checkfinishedcondition;//教师端：查看完成状态
IMAGE end;//结束界面

/*全局变量*/
int nStudentNum = 0;//注册的学生编号（从0开始）（同时也代表着注册人数） 
int nTeacherNum = 0;//注册的教师编号 （第一个注册的用户编号为0） 
int nStuFlag = 0;//定义判断学生是否登录的标志变量
int nTeacherFlag = 0;//定义判断教师是否登录的标志变量 
int studentnum;//定义登录的学生编号
int teachernum;//定义登录的教师编号

/*定义学生结构体数组*/
struct student
{
	wchar_t szName[STRLENGTH];//定义学生用户名
	wchar_t password1[NUMLENGTH];//定义学生账户密码
	wchar_t password2[NUMLENGTH];//定义学生二次输入密码
	int nSerialNum;//定义学生序号(从1开始) 
	int nManagement = 0;//定义学生的日程事件数  
	wchar_t Management1[10][MANAGELENGTH];//定义存储该学生设定的初始时间字符数组      设定一个学生最多设定10个事件 
	wchar_t Management2[10][MANAGELENGTH];//定义存储该学生设定的截止时间字符数组
	wchar_t Management3[10][MANAGELENGTH];//定义存储该学生设定的日程内容字符数组
	wchar_t FinishStatus[10][MANAGELENGTH];//定义每个学生设定的日程的完成状态 
}stu[NUMBER];

/*定义教师的结构体数组*/
struct  teacher
{
	wchar_t szName[STRLENGTH];//定义教师用户名
	wchar_t password1[NUMLENGTH];//定义教师账户密码
	wchar_t password2[NUMLENGTH];//定义教师二次输入密码 
	int nSerialNum;//定义老师序号(从1开始) 
}teacher[NUMBER];

/*函数声明***********************************************/

/*欢迎界面函数*/
void Welcome(FILE *fp);

/*文件保存函数*/
void SaveFile(FILE *fp);

/*一级主菜单函数*/
void Select_MainMenu(FILE *fp);

/*二级菜单函数*/

//二级菜单学生端目录显示
void OutputStu_SecondMenu(FILE *fp);
//二级菜单教师端目录显示
void OutputTeacher_SecondMenu(FILE *fp);
//二级菜单：学生创建账户 
void Stu_Register(FILE *fp);
// 二级菜单：学生登录
void Stu_Logon();
//二级菜单：学生修改密码
void Stu_ResetPassword(FILE *fp);
//二级菜单：学生日程管理
void Stu_ScheduleManagement(FILE *fp);
//二级菜单：教师创建账户
void Teacher_Register(FILE *fp);
//二级菜单：教师登录
void Teacher_Logon();
//二级菜单：教师修改密码
void Teacher_ResetPassword(FILE *fp);
//二级菜单：教师对学生日程管理
void Teacher_ScheduleManagement(FILE *fp);

/*二级菜单结束*/

/*三级菜单*/

//三级菜单：新建日程 
void CreateSchedule(FILE *fp);
//三级菜单：修改日程
void ResetSchedule(FILE *fp);
//三级菜单：完成状态
void FinishedCondition(FILE *fp);
//三级菜单：设定学生日程
void SetStuSchedule(FILE *fp);
//三级菜单：修改学生日程
void ResetStuSchedule(FILE *fp);
//三级菜单：查看学生完成状态
void CheckFinishedCondition();

/*三级菜单结束*/

/*函数声明结束********************************************/

四、完整文件

程序中要多次用到图形库的函数，建议刚接触的初学者查看EasyX安装时附带的官方帮助文档，也可以参考我的源代码。但是考虑到帮助文档内容较少，对函数的用法介绍较少，EasyX图形库详细函数用法介绍文档和完整代码文件可以添加微信获取：A18792660219

注：如果有特别需要，可以微信私我获取ppt、开发文档、用户手册、演示视频等配套资料。

五、要点

1、创建项目：新建-项目-空项目-右键“源文件”-添加-新建项-C++文件
2、编码字符集：unicode字符集

3.将图片资源直接导入到所命名的文件夹中，注意不要将图片打包文件夹后再放入，要直接将图片导入对应文件夹。

4.解决方案配置有两种选择：debug和release,程序编译后会生成对应的文件，如debug文件夹，将图片资源导入该文件夹就可以直接运行文件夹内的可执行文件，否则无法运行，release同理。

5.信息存储用的C语言文件模块，相信可以解决大多数C语言初学者的难题。

六、最后的话

本文不谈高深的技术，只介绍了最基础的基于EasyX图形库的C语言图形化编程，比较简单适合初学者，但是学好了同样可以开发出非常棒的程序。当时刚接触C语言和图形界面时不知从何下手，后来发现EasyX这个简单好用的库，没有找到很多详细的文章和博客。自己看EaxyX帮助文档和一些源码学到了一些东西，最后写出了这个日程管理系统，于是决定将我学到的东西和写的程序分享给大家，没有多好，希望给大家一个参考，衷心的希望本文可以对大家有所帮助，欢迎大家留言呀。