MVC系列-2.数据处理-登陆.docVIP

MVC建立 登录 详细步骤 0.新建文件夹，规划好代码摆放位置 1）根目录下新建一个?ViewModels文件夹。 ? ? ? ? ? ?Models文件夹里面存放对应于数据库表的实体。 ? ? ? ? ? ?View中需要显示的数据和Models中实体模型不一定能对应上， 因此需要专门给View使用的自定义数据模型，我们称之为ViewModel , 放在ViewModels文件夹里面。 2）根目录下新建一个DAL?文件夹。 ? ? ? ? ? ?DAL?放置数据访问相关类。?本文中放AccountContext.cs, AccountInitializer.cs 1.打开上次项目，新建两个Action 本系列文章知识点和演示代码都以前一篇文章为基础，有问题可以回上一篇进行查找。本次我们将会新建用户 注册/登录 的两个页面。 打开Controllersà?AccountController.cs ，仿照已有的Index, 添加两个Action, 如下图。  NOTE： 添加这Action可以 a. 通过手打或粘贴复制， b.右键，插入代码段（或ctrl k, x）→ASP.NET MVC4→mvcaction4(或mvcpostaction4), 如下面一组图。 2.添加Action相应的View 根据上一步中添加的Action, 添加相关View: Login.cshtml, Register.cshtml 添加方法详见上篇文章，不再重复讲解。 这里再说明下View的存放位置约定。记住下面三句话： 1）所有的View都放在Views文件夹 2）Views文件夹创建了一系列与Controller同名的子文件夹 3）各子文件夹内存放与Action同名的cshtml文件（对应的View文件） 3.完成登录界面UI 我们把Login.cshtml就当做一个静态html页面，完成登录界面的UI，大家可以把cshtml理解成原来的aspx和html的混合体：利用了aspx的优点，方便和后台交互；利用了html的优点，语法简洁（HtmlHelper）。 到bootstrap上复制个登录界面html HYPERLINK /css/#forms /css/#forms 2）放到Login.cshtml 的body的div中 右键浏览器 View page source, 发现多了VS Browser Link废代码。 我们将它禁用掉。 打开web.config添加如下代码，再去浏览器查看源代码，可以看到纯净的html了。 4.完成注册界面UI（类似登录界面，步骤略） 5.创建连接字符串（ConnectionString） 打开Web.Config 文件，在 Configuration 标签内添加以下代码： configuration configSections !-- For more information on Entity Framework configuration, visit /fwlink/?LinkID=237468 -- section name=entityFramework type=System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=, Culture=neutral, PublicKeyToken=b77a5c561934e089 requirePermission=false / /configSections connectionStrings add name=AccountContext connectionString=user id=sa;password=sasa;initial catalog=MVC;data source=.\SQLexpress providerName=System.Data.SqlClient / /connectionStrings 。。。。 /configuration 6.添加EF引用 右击项目-管理Nuget 包。选择Entity Framework 并点击安装。 7.?创建Model?类 在Models文件夹下新建Account类，代码如下。 对于上面的类的约定和说明：EF生成数据库时，ID 属性将会成为主键。（约定：EF默认会将ID或classnameID生成主键， MSDN建议保持风格的一致性, 都用ID或classnameID, 我们这里都用ID） 8.创建 Database Context 前置条件：安装EF 从上图可以看出，EF框架在底层是通过调用ADO.NET来实现数据库操作的。 在DAL文件