c#extjsmvc登陆资源-CSDN文库

共3277个文件

gif：2641个

png：215个

scss：158个

4星 · 超过85%的资源需积分: 11 83 浏览量 2012-11-25 10:39:00 上传评论 1 收藏 5.43MB RAR 举报

在C#中，结合ExtJS 4.1框架构建MVC模式的登录界面是一项常见的任务，这涉及到前端交互和后端验证的结合。下面将详细解释这个过程中的关键知识点。 C# MVC（Model-View-Controller）是一种设计模式，用于组织Web应用程序的结构，使得代码更易于维护和扩展。在MVC模式中，Model负责处理数据，View负责展示，而Controller作为两者之间的桥梁，处理用户请求并更新视图。 1. **C# MVC控制器(Controller)**：在C# MVC中，我们通常会创建一个名为`AccountController`的类，用于处理登录相关的操作。控制器类包含一系列的动作（Action），如`Login`，该动作接收用户的登录信息并进行验证。 ```csharp public class AccountController : Controller { [HttpPost] public ActionResult Login(LoginViewModel model) { // 验证用户名和密码 if (ModelState.IsValid && ValidateCredentials(model.Username, model.Password)) { // 登录成功，创建Session或Cookie，设置授权信息 FormsAuthentication.SetAuthCookie(model.Username, false); return RedirectToAction("Index", "Home"); } // 登录失败，返回错误信息 ModelState.AddModelError("", "用户名或密码错误"); return View(model); } private bool ValidateCredentials(string username, string password) { // 实现数据库验证逻辑 // ... } } ``` 2. **视图(View)**：在`Views/Account`目录下，创建一个名为`Login.cshtml`的视图文件，用于展示登录表单。这里使用了ExtJS 4.1，它是一个强大的JavaScript库，用于构建富客户端应用。 ```html @model LoginViewModel <!DOCTYPE html> <html> <head> <title>登录</title> <script src="@Url.Content("~/Scripts/extjs4.1/ext-all.js")"></script> <link href="@Url.Content("~/Content/extjs4.1/resources/css/ext-all.css")" rel="stylesheet" /> </head> <body> <script type="text/javascript"> Ext.onReady(function () { var form = new Ext.form.Panel({ width: 300, bodyPadding: 10, items: [{ xtype: 'textfield', fieldLabel: '用户名', name: 'username' }, { xtype: 'passwordfield', fieldLabel: '密码', name: 'password' }], buttons: [{ text: '登录', handler: function () { var f = this.up('form').getForm(); if (f.isValid()) { f.submit({ url: '@Url.Action("Login", "Account")', method: 'POST', success: function (form, action) { // 登录成功处理 }, failure: function (form, action) { // 登录失败处理 } }); } } }] }); form.render(document.body); }); </script> </body> </html> ``` 3. **模型(Model)**：`LoginViewModel`通常包含用户名和密码属性，用于在视图和控制器之间传递数据。 ```csharp public class LoginViewModel { public string Username { get; set; } public string Password { get; set; } } ``` 4. **ExtJS 4.1**：在上述HTML中，我们创建了一个ExtJS表单，包含了用户名和密码字段，以及一个登录按钮。当点击登录按钮时，表单数据将通过AJAX提交到`Account/Login`控制器动作。 5. **验证**：在登录过程中，我们需要验证用户输入的用户名和密码。这通常涉及查询数据库以检查匹配的用户记录。如果验证通过，我们会使用`FormsAuthentication`类来创建一个认证票，以便后续请求可以识别已登录用户。 6. **安全性**：为了提高安全性，我们应该对用户密码进行哈希处理，并在存储时使用盐值。此外，还应考虑使用HTTPS来保护数据传输的安全。 7. **异常处理**：在处理登录时，可能需要处理各种异常，例如数据库连接问题或无效的用户输入。确保这些异常被捕获并以适当的方式向用户显示错误信息。以上就是利用C# MVC和ExtJS 4.1开发登录界面的关键知识点，涵盖了前端交互、后端验证、数据传输安全等多个方面。通过这样的组合，我们可以构建出功能强大且用户体验良好的Web应用程序登录系统。

资源推荐

资源详情

资源评论

收起资源包目录

c# extjs mvc登陆（3277个子文件）

Global.asax 87B

backMgr.aspx 3KB

Default.aspx 462B

DesignTimeResolveAssemblyReferencesInput.cache 389KB

ResolveAssemblyReference.cache 243KB

ResolveAssemblyReference.cache 136KB

ResolveAssemblyReference.cache 29KB

ResolveAssemblyReference.cache 23KB

DesignTimeResolveAssemblyReferencesInput.cache 6KB

DesignTimeResolveAssemblyReferencesInput.cache 5KB

Web.config 3KB

DbHelperSQL.cs 44KB

DbHelperOleDb.cs 16KB

userinfoController.cs 8KB

ValidateCode.cs 4KB

Common.cs 3KB

userinfo.cs 3KB

CommandInfo.cs 2KB

userinfoDao.cs 2KB

CJson.cs 1KB

AssemblyInfo.cs 1KB

Global.asax.cs 1KB

userinfoMgr.cs 1KB

CJSearchSql.cs 1023B

PubConstant.cs 880B

Default.aspx.designer.cs 841B

backMgr.aspx.cs 601B

Default.aspx.cs 547B

backMgr.aspx.designer.cs 464B

Web.csproj 420KB

Controllers.csproj 8KB

DAO.csproj 6KB

BLL.csproj 5KB

Model.csproj 4KB

DBUtility.csproj 3KB

ext-neptune.css 546KB

ext-neptune-debug.css 546KB

ext-all-scoped-debug.css 431KB

ext-sandbox-debug.css 396KB

ext-ie-scoped-debug.css 395KB

ext-all-debug.css 391KB

ext-all-gray-debug.css 381KB

ext-all-access-debug.css 370KB

ext-ie-debug.css 357KB

ext-standard-scoped-debug.css 316KB

ext-standard-debug.css 287KB

ext-all-scoped.css 263KB

ext-sandbox.css 244KB

ext-all.css 240KB

ext-ie-scoped.css 233KB

ext-all-gray.css 230KB

ext-all-access.css 224KB

ext-ie.css 210KB

ext-standard-scoped.css 179KB

ext-standard.css 163KB

xtheme-silverCherry.css 114KB

xtheme-silverCherry.css 112KB

xtheme-slickness.css 26KB

xtheme-midnight.css 19KB

xtheme-indigo.css 19KB

xtheme-galdaka.css 19KB

xtheme-slate.css 18KB

xtheme-olive.css 17KB

xtheme-peppermint.css 16KB

xtheme-darkgray.css 16KB

xtheme-chocolate.css 16KB

xtheme-black.css 16KB

xtheme-pink.css 16KB

xtheme-purple.css 16KB

xtheme-calista.css 15KB

xtheme-green.css 10KB

xtheme-gray.css 9KB

icons.css 4KB

ext-patch.css 2KB

TreeGrid.css 2KB

Ext.ux.UploadDialog.css 2KB

column-tree.css 1KB

backMgr.css 841B

TreeGridLevels.css 522B

LovCombo.css 462B

ListBox.css 443B

userLogin.css 424B

GroupHeaderPlugin.css 161B

Thumbs.db 10KB

Thumbs.db 8KB

Thumbs.db 6KB

Thumbs.db 5KB

共 3277 条

评论收藏

内容反馈

扯淡1992

2014-12-29

适合初学者。
yuwuhu

2014-03-16

我解压打开后，运行不起来吗，好像文件没有唉。
Big富

2013-05-05

很好的很适合我下载使用
疯狗卡利

2014-09-02

很不错的EXTJS,MVC资源
sleepdragon

2013-08-27

相对简单，适合初学者

前往

页

星云飞龙

粉丝: 3
资源: 22

c# extjs mvc登陆

asp.net+MVC+Extjs 考试管理系统

C#+Extjs项目主要框架源码

Extjs与C#完美接合写法控件源代码

ExtJs 登陆框、框架

EXTJS4 MVC+ASP.NET MVC3动态加载JS文件实例

基于ExtJS开发的酒店管理系统C#源码

Extjs 4 MVC Demo 示例

用EXTJS和C#结合写的数据浏览器

ASP.NET 调用EXTJS

ExtJs与C＃做的简易毕业设计论文管理系统

extjs 权限 c# oa

Spring.Net+NHibenate+Asp.Net mvc +ExtJs

EXTJS+LINQ+MVC

ExtJs+ASP.net+MVC

基于C#的ExtJs实现系统框架页源码.zip

ExtJs_ASPMVC_Batch_Operation.rar

ASP.NET结合EXTJS动态生成Grid列表的例子程序源码

extjs4 MVC2 TreePanel动态JSON实现

Extjs简单版酒店管理系统

Extjs与Asp.net mvc的集成

EXTJS 增删改查及c#json连接数据库

完整的基于ExtJs ASP.NET 的商业应用框架 C#

汽车网站毕业设计，包含MVC、JQ、extjs. .net

EXTJS代码生成器

Spring.Net+NHibenate+Asp.Net mvc +ExtJs 项目实例

Extjs酒店管理系统

ASP.net Extjs 网站通用后台框架

ExtJS和.NEt平台结合

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理（2） 源代码

EXTJS与.NET开发

最新资源

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理（2）源代码