程序员界面

❶ 计算机的程序员界面怎么打开

那个不叫程序员界面，那个叫程序员用的开发界面。这个要看你是哪方面的程序员了，如果java就是用myeclipse，如果是后台就是phpstorm。这些软件直接下载安装，然后双击打开就行了！

❷ 如何让程序员更容易的开发Web界面

如何让程序员更容易的开发Web界面，是一个持久的话题，所有的从事相关开发的公司都会碰到这个问题，并且被这个问题所深深困扰。
Tiny框架也不得不直视这个问题，确实来说，想解决这个问题，也是非常有难度与深度的，业界也有各种各样的尝试，这也是有各种各样不同框架出现的原因。
Tiny框架构建者认为，完全采用一种框架解决所有问题，是不现实的。而且即使目前找得到一种非常好的框架，暂时可以满足应用需要，但是随着技术的发展，业务的进化，就会慢慢变得不再满足业务需要。因此，Tiny框架构建从不再把做一套UI组件去适各种需求作为自己的目标。
反过来，我们看看在做Web应用中，可能会碰到的问题：
UI中JS的引入与顺序，JS合并的问题
UI中css的引入与顺序，CSS合并的问题
UI中碰到性能问题时的影响范围，比如：一个树出现问题，要改动许多用到树的地方
代码重复的问题，同样的内容在许多地方都有，如果要改动就要改动许多个地方
整体布局调整困难的问题
程序员需要关注的内容太多的问题，JS,CSS,布局，后台业务，前台展现，尼玛界面工程师必须得是全才才可以搞得定所有问题。
开发效率的问题
执行效率的问题，前台响应要求速度更快
集群的问题
国际化的问题
...
因此，我在以前写过一篇文章：UI开发的终极解决方案感兴趣的同学，可以去看看，今天的目标是利用TinyUI框架的重构SmartAdmin，使得更容易被使用。
SmartAdmin初识

SmartAdmin是一套基于JQuery,Bootstrap构建的UI组件库，说直白些，它就是个大杂烩，它把各种JQuery插件和Bootstrap整合到一起，提供了一整套基本完整的应用开发UI库，基本是拿着它就可以用来非常专业的应用系统了。

下面是界面，当然它内嵌提供了四套皮肤，可以进行切换的：

由于SmartAdmin是商业产品，需要购买，因此不能提供其Copy，据说在Bai可以搜到，据说可以下载。如果只是想看一下的话，请点击此链接：http://192.241.236.31/test4.smartadmin/
SmartAdmin分析
通过对SmartAdmin的分析，发现其复用了大量的开源插件，并且利用了Ajax加载技术，在运行期加载了大量的JS插件或CSS，整个页面采用Html+JS整合而成，许多JS与页面还是分离的，也就是说对本页面中的Dom元素的处理的JS不一定在当前html文件中，所以要想看得懂是非常困难的，如果想把它应用在自己的项目当中，也是非常困难的一件事情。
举个例子来说，要显示一个小部件，需要写这么一段内容：
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<div class="jarviswidget" id="wid-id-0">
�0�2<!-- widget options:
�0�2usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
�0�2�0�2
�0�2data-widget-colorbutton="false"
�0�2data-widget-editbutton="false"
�0�2data-widget-togglebutton="false"
�0�2data-widget-deletebutton="false"
�0�2data-widget-fullscreenbutton="false"
�0�2data-widget-custombutton="false"
�0�2data-widget-collapsed="true"�0�2
�0�2data-widget-sortable="false"
�0�2�0�2
�0�2-->
�0�2<header>
�0�2<h2><strong>Default</strong> <i>Widget</i></h2>
�0�2�0�2
�0�2</header>
�0�2
�0�2
�0�2<!-- widget div-->
�0�2<div>
�0�2�0�2
�0�2<!-- widget edit box -->
�0�2<div class="jarviswidget-editbox">
�0�2<!-- This area used as dropdown edit box -->
�0�2<input class="form-control" type="text">
�0�2<span class="note"><i class="fa fa-check text-success"></i> Change title to update and save instantly!</span>
�0�2�0�2
�0�2</div>
�0�2<!-- end widget edit box -->
�0�2�0�2
�0�2<!-- widget content -->
�0�2<div class="widget-body">
�0�2�0�2
�0�2<p> Widget comes with a default 10 padding to the body which can be removed by adding the class <code>.no-padding</code>�0�2
�0�2to the <code>.widget-body</code> class. The default widget also comes with 5 widget buttons as displayed on top right�0�2
�0�2corner of the widget header. </p>
�0�2<a href="javascript:void(0);" class="btn btn-default btn-lg"> <strong>Big</strong> <i>Button</i> </a>
�0�2�0�2
�0�2</div>
�0�2<!-- end widget content -->
�0�2�0�2
�0�2</div>
�0�2<!-- end widget div -->
�0�2�0�2
</div>

这个程序员处理起来还是相当有难度的，好吧，这还不算过分的。
执行下面的命令：
dir *.js /s /w
运行结果：
?

1
2

所列文件总数:
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2310 个文件�0�2�0�2�0�2�0�2�0�2 6,043,053 字节

执行下面的命令：
dir *.css /s /w
运行结果：
?

1
2

所列文件总数:
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�236 个文件�0�2�0�2�0�2�0�2�0�2 1,511,412 字节

里面有这么多的JS，有这么多的CSS，它们的引入顺序也是非常重要的，稍有差错，就会有js错误的问题。
再来看看，JS加载过程：

可以看到，要访问大量的js，CSS，对于服务器的压力是比较大的，客户端加载时间也是比较长的，程序员要厘清这些关系，也是非常困难的。
SmartAdmin重构
对SmartAdmin重构，是指按照Tiny框架的体系结构来进行重构。
第一步，厘清关系
通过整理，发现smartadmin中使用的js插件有如下之多：
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

bootstrap
bootstrapProgressbar
bootstrapSlider
bootstrapTags
bootstrapTimepicker
bootstraptree
bootstrapWizard
ckeditor
colorhelpers
colorpicker
datatables
delete-table-row
dropzone
easyPieChart
excanvas
fastclick
flot
FontAwesome
fueluxwizard
fullcalendar
ie-placeholder
ion-slider
jquery
jquery-form
jquery-nestable
jquery-touch
jqueryui
jqueryvalidate
js-migrate
jstorage
knob
markdown
maskedInput
maxlength
morris
msieFix
multiselect
notification
noUiSlider
pace
prettify
raphael
select2
selectToUISlider
smartadmin
smartwidgets
sparkline
summernote
superbox
throttle-denounce
typeahead
vectormap
x-editable

第二步：UI插件，组件包化：
比如JQuery组件包化，就是编写下面的文件：jquery.ui.xml
?

1
2
3
4
5

<ui-components>
�0�2�0�2�0�2�0�2<ui-component name="jquery">
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2<js-resource>/jquery/jquery-1.11.0.js</js-resource>
�0�2�0�2�0�2�0�2</ui-component>
</ui-components>

比如JQueryUI组修的包化，就是编写下面的文件：jqueryui.ui.xml
?

1
2
3
4
5
6

<ui-components>
�0�2�0�2�0�2�0�2<ui-component name="jqueryui" dependencies="jquery">
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2<js-resource>/jqueryui/js/jquery-ui-1.10.4.custom.js</js-resource>
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2<css-resource>/jqueryui/css/smoothness/jquery-ui-1.10.4.custom.css</css-resource>
�0�2�0�2�0�2�0�2</ui-component>
</ui-components>

比如BootStrap组件包化，就是写下面的文件：bootstrap.ui.xml
?

1
2
3
4
5
6

<ui-components>
�0�2�0�2�0�2�0�2<ui-component name="bootstrap" dependencies="jqueryui">
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2<css-resource>/bootstrap/css/bootstrap.min.css</css-resource>
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2<js-resource>/bootstrap/js/bootstrap.js</js-resource>
�0�2�0�2�0�2�0�2</ui-component>
</ui-components>

其它类推，最主要的目的就是要分清，用到哪些JS,哪些CSS，并且整理组件包之间的依赖关系，比如，上面BootStrap就依赖了jqueryui，当然jqueryui依赖了JQuery
通过上面的依赖树Tiny框架就可以自动构建好CSS及JS资源。
因为这些资源都是放在Jar工程的main/resources目录中，因此就直接打进jar包了。
第三步，编写宏
比如，原来的Tab，需要涉及到html,js，编写后续使用的宏如下：
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

#**
�0�2* JqueryUI Tab
�0�2* juiTab[1..1]
�0�2*�0�2�0�2�0�2�0�2�0�2 juiTabHeader[1..1]
�0�2*�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2 juiTabHeaderItem[1..n]
�0�2*�0�2�0�2�0�2�0�2�0�2 juiTabContentItem[1..n]
�0�2*#
�0�2
#macro(juiTab $juiTabId)
<div id="$juiTabId">
$bodyContent
</div>
<script>
�0�2�0�2�0�2�0�2$(document).ready(function(){
�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2$('#$juiTabId').tabs();
�0�2�0�2�0�2�0�2});
</script>
#end
�0�2
#macro(juiTabHeader)
<ul>
$bodyContent
</ul>
#end
�0�2
#macro(juiTabHeaderItem $juiTabContentItemId)
<li>
�0�2�0�2�0�2�0�2<a href="#$juiTabContentItemId">$bodyContent</a>
</li>
#end
�0�2
#macro(juiTabContentItem $juiTabContentItemId)
<div id="$juiTabContentItemId">
$bodyContent
</div>
#end

❸ 前端程序员和后端程序员的区别是什么

一、方式不同：

前端开发主要是研究用户可以看到的前端显示界面。后端开发主要集中在逻辑功能等模块上，用户看不到的这些模块。

二、技术不同：

前端开发的技术主要包括但不限于html5、css3、javascript、jquery、Bootstrap等技术。而后端开发是以java为例的，主要用到的技术包括但不限于Struts spring springmvc Hibernate Http协议 Servlet Tomcat服务器等技术。

前端开发从网页制作演变而来

名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。

前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5，Node.js的广泛应用，各类UI框架，JS类库层出不穷，开发难度也在逐步提升。

以上内容参考：网络-前端开发

❹ 程序员编程开的黑色的窗口怎么出来的

1. 在windows里叫控制台，在linux里叫终端。因为原来的没有window这个概念，都是用命令行输入的，现在即使是图形用户界面，但有些事情用命令行还是方便的，也是强大的。

2. 应该学习visual basic 或者 delphi 7，这两个软件是针对对象编程的，或者你使用visual studio 2010这类软件编程，建立窗口应用程序，实现面向对象的程序设计。

❺ 为什么大部分程序员都喜欢用黑色界面

我就从来都不喜欢黑色，因为黑色的亮度并不低，因为显示器有背光，而且黑底的配色往往反差过大，切换窗口的时候眼睛更受不了。相比之下我直接把显示器亮度调成舒服的程度。

❻ 程序员要学做自己软件的主界面,用什么软件比较简单啊

如果你的软件不是拿来卖钱的，就试试SkinCrafter吧，自带的SKINS就相当不错了。可惜贵了点。

❼ 我是程序猿，代码写得挺熟练的，但是界面设计的一团糟，就连控制台程序也很丑，求一点建议

这不是什么问题，术业有专攻，做好自己擅长的就行了！
UI的话，可以找其他人设计一下就行了！

❽ 现在的程序界面都是怎么做的呢

现在桌面程序和网页程序的边界越来越模糊了，所以有兴趣可以研究下WPF，前景很乐观啊。MFC是微软旗下的老将了，用来做界面当然没问题的，或者QT也不错啊，用的人也很多。关键是看公司的要求，像WFP的话能够把界面设计和程序功能彻底地分离，所以有利于软件项目进一步的细化分工，把界面美化这一块单独交给专门的设计人员处理，让程序员能够集中精力在程序的功能表达上，同时又能实现两者的无缝衔接。

❾ 为什么大部分程序员都喜欢用黑色界面

我只有在最初两年试过黑色背景的编程界面，后来全都换成IDE/Editor默认的白色背景了。白色背景的编辑环境下语法高亮有更多选择，不会导致tooltip等浮动小窗口文字看不清楚（debug时很重要），和IDE/Editor的其他窗口、控件色调不冲突。而且标准配色由于本身很常见/平淡因此不会干扰思路

❿ 程序员是怎么进入敲代码界面的

电脑单击开始菜单-运行-cmd 好了现在就可以了