- 时间:2021-12-15 22:14 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:vs2010制作简单的asp.net网站
[b]直入主题:[/b]
打开visual studio 2010程序开发软件
[img]http://files.jb51.net/file_images/article/201509/2015092411333619.jpg[/img]
单击菜单栏的文件,依次选新建->网站->ASP.NET空网站,这里我们选择空网站,利于今后DIY自己的网站,最好什么从头来,便于对各类架构的理解(若是选择ASP.NET网站也行,只是里面已经集成了一些东西)
[img]http://files.jb51.net/file_images/article/201509/2015092411333620.jpg[/img]
这里我们默认解决方案的名称为WebSite1,单击确定后进入网站的代码页面,在右边的解决方案资源管理器里只有一个web.config文件,这个文件用于对网站进行全局化的设置
[img]http://files.jb51.net/file_images/article/201509/2015092411333621.jpg[/img]
web.config其实是一个xml文档,里面有很多配置节点配置各项属性。比如有数据库连接字符串的节点设置数据库连接比如IP地址、端口、登陆用户名和密码等相关信息,在示图里只表明了所用的环境是netframework 4.0
[img]http://files.jb51.net/file_images/article/201509/2015092411333622.jpg[/img]
右键单击解决方案,左键单击选择添加新项弹出如下窗口。这里有很多网页元素,这里我们介绍用的最多的web窗体,选择好web窗体后单击添加
[img]http://files.jb51.net/file_images/article/201509/2015092411333723.jpg[/img]
在右边的解决方案资源管理器里就出现了Default.aspx以及附属他的cs源码Default.aspx.cs,这里cs源码和网页分开便于设计和编程
[img]http://files.jb51.net/file_images/article/201509/2015092411333724.jpg[/img]
单击左下角的拆分我们就看到了网页界面的代码和网页界面
[img]http://files.jb51.net/file_images/article/201509/2015092411333725.jpg[/img]
单击左边的工具箱,找不到就单击菜单栏视图下的工具箱,打开如下界面
[img]http://files.jb51.net/file_images/article/201509/2015092411333826.jpg[/img]
在工具栏里拖动一个button和一个textbox到中下方网页界面上
[img]http://files.jb51.net/file_images/article/201509/2015092411333827.jpg[/img]
双击button控件,打开cs源码页(其实就是上面的Default.aspx.cs),为button 控件添加代码
[img]http://files.jb51.net/file_images/article/201509/2015092411333828.jpg[/img]
[img]http://files.jb51.net/file_images/article/201509/2015092411333929.jpg[/img]
单击菜单栏调试->执行,就出现网站的预览页面,单击按钮,textbox就会显示代码中的文字
[img]http://files.jb51.net/file_images/article/201509/2015092411333930.png[/img]
最后一步就是发布网站了,单击菜单栏生成->发布网站,在目标位置里填写网站服务器的地址或者本地磁盘的地址,生成网站的所有文件就会上传到相应的位置,网站就可以运作了
[img]http://files.jb51.net/file_images/article/201509/2015092411334031.jpg[/img]
十步教你利用vs2010制作简单的asp.net网站,希望对大家的学习有所帮助。