本次学习需要打开Visual Studio 2015简称“VS”开发工具(其他的版本也可以使用),打开进入页面创建项目。创建的项目命名为控制台get提交的两种方式,之后我们在软件默认的位置(保存的位置可以进行更改,之后就到更改的位置中查找)中找到搭建的项目。
打开项目右侧的解决方案资源管理器,在那里我们可以看到项目自带的一些文件夹。找到命名为Controllers的文件夹右键添加控制台。点击后弹出选项框
选中后会弹出控制器名称,将名称改为MainController点击确定就会在文件夹内生成。文件生成需要时间,生成好后我们回到Controllers文件夹单击打开文件。
接下来创建视图,创建视图有两种方式。一种是在控制台添加视图,另一种是在Views文件夹内生成的文件夹里添加。在控制台内添加,我们只需要点击我画红圈圈中的Index右键添加视图。
从视图回到对应的控制器中只需要右键转到控制器即可,同理从控制器转到对应视图也可如此操作。
项目搭建好后,就是我们熟悉的页面布局了。在这里我需要使用bootstrap框架,回到右侧的资源管理器新建文件夹Content,将bootstrap的css和js文件夹复制到Content文件夹中。只是复制是不行的,我们还需要将它包括在项目中。如图操作:
点击圆圈圈中的地方
选中里面的css文件夹和js文件夹右键点击包括在项目中,这样我们就可以使用框架里的css文件和js文件了。我们使用的时候将css文件夹里的文件拖到页面上就行,关于页面的搭建我们只需要两个文本框和一个按钮、一个选项框。分别对应姓名、性别、地址。
详细代码如下:
查看页面布局的时候点击上方绿色的三角形,进行运行。(运行方式可以自己选择,注意:不管你运行后添加文件夹、修改控制器里的代码都必须停止运行,否则不能进行修改);
接下来式get提交的两种写法,在写方法之前。我们先在布局的下面写上与它相对应的js代码
Get提交的按钮加上点击事件,获取到文本框里的内容进行输出。开头以及是熟悉的标签,在标签内写上get提交的点击事件。通过文本框的id获取到它的value值。
进行if判断语句,判断文本框内的值是否为空(注意:因为性别设置的式选项框,所以它的判断是不能为0)如果我们运行的结果是都不为空或0就往下执行。在else里面我们首先获取form标签里的id名称,然后是我们提交的方式,提交表单时从哪里发送表单数据。
圈中的部分对应的是控制器生成的文件夹和调用控制器的方法名称,一般调用的方法名称放到最后在填写。
右键转到控制器,我们开始写get的两种提交方法了。第一种通过形参的方式接受表单提交的数据(post提交也可以使用)获取到的数据以字符串的形式进行拼接,将圈中的数据复制到我们提交表单的地址然后在运行。
第二种EntityClass实体类接收数据,与第一种的写法不同它多了一个实体类。获取到的数据仍然以字符串的形式进行输出。