澳门新葡萄京官网注册 34

澳门新葡萄京官网注册VS2017怎么提交作业? VS2017提交作业的方法

VS2017怎么提交作业?VS2017中做编程开发的时候,想要进行作业提交,该怎么提交呢?下面电脑你技术网我们就来看看VS提交作业的方法,需要的朋友可以参考下:

一直以来都想使用Git来管理自己平时积累的小代码,就是除了工作之外的代码了。有时候自己搞个小代码,在公司写了,就要通过U盘或者网盘等等一系列工具进行Copy,然后回家才能继续在原来的基础上作业。Copy来Copy去的麻烦不说,很容易出错,导致好不容易写的一点代码就找不到了。而且就目前来看,Git应该说是源代码管理工具中最NB、应用最广泛的了,很多开源的项目目前都转意到了GitHub上面来了。经常看到园子里的兄弟也来学习Git,对于一个菜鸟感觉再不拥抱Git就又要被甩尾了。

【前端】:作业之编辑框,前端作业编辑框

前言:这几天在学jQuery,感觉jQuery的知识比Dom多而且杂……下面这个编辑框作业先为jQuery做个前戏,明天或后天再写jQuery.

1、打开软件后我们点击菜单栏的工具按钮。

我是在Win8 32位机器下进行的源代码管理说明。开发工具使用的是VS2012。

需求(见下图):

澳门新葡萄京官网注册 1

 

2、接下来我们点击这个DataLake按钮。

首先说明一下需要配置过程中必备条件

思路:

1.
首先先写出一个表格table,再写出会弹出的div(下面以弹出框为称),这很简单!
如果不会,可以看看我之前写关于前端的博客。当然此时未实现一点击就弹出的效果。

  1. 接下来在弹出框加出一些input标签,然后就要想:
    如何实现一点击编辑按钮就出现弹出框?? 好,想出来了,用样式 .hide{display:
    none;},给弹出框加样式hide,当一触发onclick事件,就找到弹出框的div标签,并去除hide样式。

3.
接下来你会发现点击提交与取消弹出框都是毫无反应的,很不爽啊,根据思路2,只要在点击是加上hide样式,便可以将弹出框隐藏!!

  1. 现在已经实现弹出与取消的效果,蛮激动!
    但你会发现主机名,IP,端口对应的输入框皆是空的。如何能获取表格的数据,并写在对应的输入框中呢?
    简单阿,以主机名为例,我找先到表格主机名对应的标签,并获取其文本内容text,然后给input输入框设置value属性,attr(“value”,text);
    此时input输入框就有了value属性,并且属性值为表格对应的内容!

5.
注意提交按钮是submit标签。所以你一点提交按钮弹出框也隐藏了。但是,但是你可能IP忘写了,此时按理是不应该提交的(类似登陆时,密码没写,肯定登陆不了,此时会自动提示密码为空)。怎么办呢?
可以找到三个input标签$(‘input[type=text]’).each(function ()
{},对它们进行循环,当输入框为空时设置为红色。为什么要return ret??
因为submit标签本身有提交信息的属性,但我给它定义了一个click事件,一点击就调用Sure()方法。当Sure()方法return
false时则不执行本身的提交属性,此时可提示错误信息;当return
true时,则提交到后台。

 1         function Sure() {
 2 //            var return_host = document.getElementById("hostname").text();
 3 //            var return_host = $('#hostname').attr("value");
 4 //            var return_host = $('#hostname').val();
 5             dic = {};
 6             var ret = true;
 7             $('input[type=text]').each(function () {
 8                 var value = $(this).val();
 9                 var id = $(this).attr("id");
10                 dic[id] = value;
11                 if(value.trim()==0){  //如果编辑后输入为空
12                     $(this).css("border-color", "red");  //当输入为空时,为输入框设置颜色
13                     ret = false;
14                 }else {
15                     $(this).css("border-color", "green");
16                 }
17             });
18             console.log(dic);
19             return ret;
20         }

 

 

未点击编辑按钮:

澳门新葡萄京官网注册 2

一点击编辑按钮出现弹出框:

澳门新葡萄京官网注册 3

当IP输入框为空,点击确定按钮时:

澳门新葡萄京官网注册 4

 

源码参考学习:

澳门新葡萄京官网注册 5

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>edit_table</title>
  6     <style>
  7         table{
  8             border: solid 2px #505aff;
  9             border-collapse: collapse;
 10         }
 11         .border{
 12             position: fixed;
 13             left: 200px;  top: 150px;
 14             width: 350px;height: 200px;
 15             background-color: #f9ebc4;
 16         }
 17         .hide{
 18             display: none;
 19         }
 20     </style>
 21 </head>
 22 <body>
 23     <table border="1">
 24         <thead>
 25             <tr>
 26                 <th>主机名</th>
 27                 <th>IP</th>
 28                 <th>端口</th>
 29                 <th>编辑</th>
 30             </tr>
 31         </thead>
 32         <tbody>
 33             <tr>
 34                 <td class="host">1.1</td>
 35                 <td class="id">1.2</td>
 36                 <td class="port">1.3</td>
 37                 <td ><input type="button" value="编辑" onclick="Click(this);"/></td>
 38             </tr>
 39             <tr>
 40                 <td class="host">2.1</td>
 41                 <td class="id">2.2</td>
 42                 <td class="port">2.3</td>
 43                 <td><input type="button" value="编辑" onclick="Click(this);"/></td>
 44             </tr>
 45             <tr>
 46                 <td class="host">3.1</td>
 47                 <td class="id">3.2</td>
 48                 <td class="port">3.3</td>
 49                 <td><input type="button" value="编辑" onclick="Click(this);"/></td>
 50             </tr>
 51         </tbody>
 52     </table>
 53 
 54     <div id="border" class="border hide">
 55         <form action="">
 56             <div style="margin-top: 50px;margin-left: 50px;">主机名:<input id="hostname" type="text" /></div>
 57             <div style="margin-left: 50px;margin-top: 10px;">&nbsp;&nbsp;IP:<input id="id" type="text" /></div>
 58             <div style="margin-left: 50px;margin-top: 10px;">端 口:<input id="port" type="text" /></div>
 59             <div style="margin-left: 100px;margin-top: 20px;">
 60                 <input type="submit" value="确定" onclick="return Sure();"/>&nbsp;&nbsp;
 61                 <input type="button" value="取消" onclick="Cancel();"/>
 62             </div>
 63         </form>
 64     </div>
 65 
 66     <script src="jquery-3.1.1.min.js"></script>
 67     <script>
 68         function Click(ths) {
 69             //初始时编辑窗口不可见,当一点编辑时,便弹出
 70             $("#border").removeClass("hide");
 71             //找到主机名对应的内容text(),并将内容加到弹出的input框
 72             var ret_host = $(ths).parent().siblings(".host").text();
 73             $('#hostname').attr("value", ret_host);
 74             //类似同上
 75             var ret_id = $(ths).parent().siblings(".id").text();
 76             $('#id').attr("value", ret_id);
 77             //类似同上
 78             var ret_port = $(ths).parent().siblings(".port").text();
 79             $('#port').attr("value", ret_port);
 80             /*
 81             console.log(ret_host,typeof ret_host);
 82             console.log(ret_id,typeof ret_id);
 83             console.log(ret_port,typeof ret_port);
 84             */
 85         }
 86         function Cancel() {
 87             $('#border').addClass("hide");
 88         }
 89         function Sure() {
 90 //            var return_host = document.getElementById("hostname").text();
 91 //            var return_host = $('#hostname').attr("value");
 92 //            var return_host = $('#hostname').val();
 93             dic = {};
 94             var ret = true;
 95             $('input[type=text]').each(function () {
 96                 var value = $(this).val();
 97                 var id = $(this).attr("id");
 98                 dic[id] = value;
 99                 if(value.trim()==0){  //如果编辑后输入为空
100                     $(this).css("border-color", "red");  //当输入为空时,为输入框设置颜色
101                     ret = false;
102                 }else {
103                     $(this).css("border-color", "green");
104                 }
105             });
106             console.log(dic);
107             return ret;
108         }
109     </script>
110 
111 </body>
112 </html>

View Code

 

前言:
这几天在学jQuery,感觉jQuery的知识比Dom多而且杂……下面这个编辑框作业先为jQuery做个前戏…

3、然后我们点击提交作业按钮。

1、GitHub网站帐号
如果没有就在

4、不过没有安装脚本的会出现这样提示。

2、Git
Extensions
的最新版本文件。

5、此时我们点击确定按钮。

澳门新葡萄京官网注册 6

6、其他按钮的使用方法与之相同。

3、TortoiseGit
这里去下载的时候要注意区分是32位系统还是64位系统,这里选择了最新的32位系统的1.8.8.0版本。

以上就是VS提交作业的方法,希望大家喜欢

澳门新葡萄京官网注册 7

澳门新葡萄京官网注册 8

4、Git Source Control Provider
这个工具也可以直接在VS扩展工具中下载。

接下来,就开始一步一步的进行详细的配置说明工作。话说这配置看似很简单,但真正整起来还是比较麻烦的,特地在此记录一下,以备之后可以进行查询,或者能给学习Git的朋友提供一些帮助。

1.GitHub账号注册和添加项目仓库

第一步:注册GitHub账号

首先进入到

澳门新葡萄京官网注册 9

输入以上这个信息,然后点击[Sign up for
GitHub]
即可完成注册,如果有帐号直接点击右上角的[Sign
in]
登陆就可以了。

第二步:注册成功之后,先进行创建一个简单的项目仓库。

澳门新葡萄京官网注册 10

点击之后进行填写信息

澳门新葡萄京官网注册 11

继续点击 [Create
repository],完成项目仓库创建工作,这个留着下面会用到。

2.Git Extensions安装

第一步:打开GitExtensions233SetupComplete.msi,进行安装,一直Next到如下图所示

澳门新葡萄京官网注册 12

第二步:勾选以上[Install MsysGit][Install
KDiff],
继续Next,之后就会进行安装KDiff和MsysGit,根据提示安装就可以了。

3.TortoiseGit安装

打开安装文件”TortoiseGit-1.8.8.0-32bit.msi”,根据提示安装就可以了。

4.GitExtensions设置

澳门新葡萄京官网注册 13

点击应用程序图标,第一次启动时根据提示选择语言为中文,然后会进入设置界面:

澳门新葡萄京官网注册 14

点击修复按钮,进入全局设置,输入你的Gif上的用户名和邮箱

澳门新葡萄京官网注册 15

找到菜单树形选项“SSH”,点击,然后在右侧选项勾选“PuTTY”,,然后点击确定,进入软件主界面。

澳门新葡萄京官网注册 16

澳门新葡萄京官网注册 17

在菜单栏选择
“工具”——”PuTTV”——“生成或导入key”,打开PuTTV密钥生成器,点击[Generate]按钮

澳门新葡萄京官网注册 18

保存生成的Key

澳门新葡萄京官网注册 19

第三步:Github绑定public key

澳门新葡萄京官网注册 20

根据1、2、3的步骤进行操作,然后输入key值,点击下面的[Add
Key]即可完成绑定Key。

Git本地同步设置

Git本地Clone,点击Git克隆出现如右图所示的界面

澳门新葡萄京官网注册 21

澳门新葡萄京官网注册 22

URL输入如下图所示的地址,本地目录根据所需进行选择或者新建文件夹即可。

澳门新葡萄京官网注册 23

加载上面保存的PuTTv Key文件,点击确定即可。

澳门新葡萄京官网注册 24

澳门新葡萄京官网注册 25

如果发现[load putty key]被禁用了,解决方法如下:

点击鼠标右键,选择如下进行设置

澳门新葡萄京官网注册 26

点击设置之后,进行如下设置,即可进行重新加载Putty key

澳门新葡萄京官网注册 27

重新加载,然后点击确认之后

澳门新葡萄京官网注册 28

成功了,只不过暂时在Git上没文件,所以克隆后文件夹只有.git配置文件。

澳门新葡萄京官网注册 29

VS2012源代码管理配置

新建了一个控制台的应用程序,然后在工具菜单中的[扩展和更新]来下载Git
Source Control Provider,安装之后重启VS即可。

澳门新葡萄京官网注册 30

重启VS之后,再在工具==>>选项==>>Source
Control==>>选择源代码管理器

澳门新葡萄京官网注册 31

然后在本地目录下G:GitTest添加一个项目,我这里暂时新建了一个控制台应用程序进行测试。

再在VS下进行同步项目到Git服务器。

澳门新葡萄京官网注册 32

Add Files添加文件 Commit提交文件 Push推送

在Commit中有一个选项 提交并推送

澳门新葡萄京官网注册 33

点击提交并推送之后,输入GitHub账号和密码就可以进行上传到服务器了。上传完毕就有有如上图小窗体的提示,我们再来看一下GitHub上的源代码吧。

澳门新葡萄京官网注册 34

That’s All.

发表评论

电子邮件地址不会被公开。 必填项已用*标注