企业应用程序或多或少会涉及界面开发。然而不是所有的应用程序都需要图形界面或者web UI. 有些应用程序需要很简洁的命令行即CLI就能满足用户需求。CLI 也可以大大减少开发时间。如何快速开发CLI程序呢？ Spring Shell就是为了方便用户快速开发CLI而发布的应用程序。 VMware 的Serengeti就是基于命令行来快速部署并管理Hadoop集群的应用。而Serengeti的CLI 就是基于Spring Shell 开发。Spring Shell 是开源项目，完全基于Spring 框架开发。更多信息请参考: https://github.com/SpringSource/spring-shell
 

 
 

 

在一些底层的系统中，一定都是采用C作为开发语言，而且底层与UI进行交互，一般都会采用CLI来实现，CLI(Command Line Interface)也就是命令行接口。一定来说都是通过它来提供接口给UI或者一些高级用法。 



熟悉PERL或者其他一些脚本的人都知道，CLI实现起来是非常简单，想PERL就是采用GEOPT来实现的。同样在C语言里面也是很简单的。 



下面我来详细介绍下getopt_long的用户。 



首先讲下它所涉及的数据结构： 

他的结构定义都在getopt.h这个结构体中，下面这个option是一个非常重要的结构体，它用于存储命令的参数以及缩写。 






struct option
{
   const char *name;
   /* has_arg can't be an enum because some compilers complain about
      type mismatches in all the code that assumes it is an int.  */
   int has_arg;
   int *flag;
   int val;
};






这个结构体是用于存储命令参数的，第一参数NAME就是我们参数的名字，第二个参数就是表示这个参数是否有参数值，最后一个val就是缩写。 



我们来举个最简单的例子 






struct option longopts[] = 
{	
 /*   { name 		has_arg 	*flag		val } 	*/
	{"login_user",    	1, 		0,		'U'},
	{"methodname",    0, 		0,		'M'},
}






这个例子就定义了两个参数，第一个login_user第二个位methodname,而他们的缩写分别为U,和M 而且他们都是参数值的。 



同时我们还需要定义一个char的字符指针 

例如上面的例子我们就需要这样定义 char *shortopts = "U:M"; 



这个指针指向了这些参数的缩写，如果它后面有冒号的话就表明它是带参数值的参数。反之则反。 



上面我简述了下他的数据结构，下面它的一个重要函数出场了，它就是getopt_long 






extern int getopt_long (int ___argc, char *const *___argv,
             const char *__shortopts,
                const struct option *__longopts, int *__longind)






他第一个参数就是参数的个数 

也就是我们C语言中int main(int argc,char ** argv) 这里的argc 第二个参数就是这里的**argv 一个指向指针的指针，存放着各种命令参数。 

第三个就是我们定义的 shortopts 第四个是我们的longopts 



它每执行一次获取一个参数，并且会返回参数名的缩写对于的值，下面我来举个简单的例子 







while((c=getopt_long(argc,argv,shortopts,longopts,0))
		!=EOF)
	{
		switch(c)
		{
			case 'M':
                            这里就把我们输入的参数值获取过来。 
             	}
	}








这里我们需要将一下一个全局变量 *optarg,它指向我们存放的参数值。 



在case中我们需要将我们输入的参数值获取过来。 





这样一来我们就可以轻松完成我们的CLI。

之前想写一篇如何安装脚手架的博客，但是自己对于webpack又不了解，所以就作罢，假定这是在已经有vue基础的


首先，对于组件。我们的理解是将页面的一部分分割，然后将一部分就称之为组件，就好像我们最常用的按钮，他也可以算是一个组件，这样，整个界面被规划成为一个个小的组件，那么我们就实现了组件化

图例：

可能你会觉得，既然是一个完整的页面，为什么要分割成为一个个小小的组件？
比如一个界面中有一个搜索框，我们可能会在多次用到，那么我们把他变化了组件，那么我们不久是可以多次引用，不用去再次编写了。
接下来该给例子了

在使用了脚本架之后，我们的结构已经很分明了，由于使用的是界面组件化，那么我们就直接上相关的代码
先说说
流程，首先，我们的index。html中定义了关于了id为app的一个div，那么我们就需要用到app。vue
其次，webpack也定义了程序的入口为main。js，那么我们的main。js也是要用到的。接着加上我们自己定义的组件，所以我们就愉快的决定了要修改的文件有三个，
第一步，我们需要定义我们的vue文件来封装，承载我们的组件，我们先看看文件的目录结构吧：

开始吧，首先先写出我们的组件，就取其中一个hello。vue来

这里请不要嫌弃我啰嗦，我讲讲关于vue文件的结构，我们的布局代码通常都是写在《template》标签中的，在<script>标签中，我们的做法是用来书写我们的脚本语言
（请注意，我们的msg是需要放在return中的），style就不用说了
接下来在我们的app。vue中去引用我们的组件


。。。原谅我不会画图，看得出来，我们的app。vue也是在由那三个标签构成，
步入正题，我们在第二个黑色尖头的地方，我们引入了这两个vue文件，然后我们在第三个箭头的时候，将其定义为components
然后我们就可以使用他了，是不是很厉害，那么我们运行一下吧






运行成功，而且我们下个界面要使用的时候也是这样就可以了，很是简单，方便。