完成Visual Studio2015项目
开发工具与关键技术:完成Visual Studio 2015项目
作者:郭海明
撰写时间:1月26号
通过完成老师教的项目 巩固了里面许多的知识点,
如果要创建一个项目,首先我们要打开Visual Studio 2015,然后在起始页里面点新建项目,然后在模板Visual C#里面选择Web,然后再从web里面选择Asp.NET.Web应用程序(注:ASP.NET是一个使用HTML、CSS、Javascript和服务器脚本创建网页和网站的开发框架,目前ASP.NET支持三种不同的开发模式:Web Pages(Web页面)、MVC(Model View Controller 模型-视图-控制器)、WebForms(Web窗体)),
我们项目选择的是Asp.NET.Web应用程序,就是这三种的其中一种。
并在下面填写项目的名称,以方便打开查询,然后选择存放的位置。确定之后,在选择模板这里选择Empty(空白模板)并在为一下项添加文件夹和核心引用里面选择MVC(MVC是三种ASP.NET编程模式中的一种,MVC(Model Vile Controller 模型-视图-控制器)是设计创建Web应用程序的模式,MVC简单来说就是一种编程模式)。然后就可以开始编写项目了。
创建好项目模板之后,我们第一步是先在Controllers里面添加一个MVC 5控制器-空,,控制器建好,就可以添加需要创建网页的视图了,可以创建多个页面的视图,
如果想要设置主页面我们可以打开解决方案资源管理器的App_Start然后选到c#RouteCongig.cs,然后可以
将写在Controllers里面打开的主页面的命名,添加进action里面,这样打开这个项目的时候,浏览器里面首先显示的就是这个页面,这个就是主页面的意思。
编写网页前,我们可以先把网页布局需要的文件创建好
我们可以把图片存放在Content里面,也可以在Content里面添加CSS、JS、等,并且记得要找到显示所有按钮,将添加进Content里面的文件包括在项目中,然后我们就可以在写网页的过程中调用这些文件和代码了。
然后我们可以新创建一个文件夹plugins,添加框架在里面,需要使用某一个框架的时候,可以直接按住该文件的移动到代码需要放置的地方就可以了。
1、为手机网页响应式布局
只需要在head里面添加一句代码
该网页内容在手机上打开会支持响应式布局了,根据查阅资料
http-equiv=“X-UA-Compatible” 是以最高级别的可用模式显示内容,ie7支持最高ie7,ie8支持最高ie8,它也支持ie8一下的,但以最高支持的模式使用。
2、为网页标题添加图标
一般我们上网浏览网站的时候,网站的标题旁边都会有一个网站的小图标,这个也是添加一
句代码也可以实现的,如下
rel为设置标题的小图标,href则是添加图片的地址。
3、连接数据库
用户在登陆账号、密码的时候,必须要连接储存了账号和密码的数据库,我们就可以在Modelsl里面添加新建项,左侧点击数据,然后选择ADO.NET实体数据模型,
然后新建连接,
登陆数据库,然后选择要连接的数据库,点测试连接,如果成功就可以确定连接,则表示成功连接上数据库了,
连接上数据库之后,我们就可以通过代码,可以把新用户注册的账号密码添加进数据库里面,当用户用账号和密码登陆时,我们又可以通过数据库储存好的账号密码,用来登陆页面了。