mvc C# JavaScript LigerUI与Oracle实现用户注册、登录验证教程

134 浏览量更新于2024-09-01 收藏 141KB PDF 举报

"这篇文档介绍了如何使用mvc框架（可能是ASP.NET MVC）、C#语言、JavaScript以及LigerUI前端库和Oracle数据库来实现用户注册、登录验证及登录功能。内容包括数据库操作、控制器创建以及可能的业务逻辑处理。" 在开发Web应用程序时，`MVC`（Model-View-Controller）架构模式是一种常见的设计模式，它将应用分为模型（Model）、视图（View）和控制器（Controller）三个部分，以实现数据、界面显示和业务逻辑的分离。在本案例中，`C#`被用作后端编程语言，处理与数据库交互和业务逻辑，而`JavaScript`则负责前端交互和验证。 `LigerUI`是一个基于jQuery的前端UI组件库，用于构建富客户端的Web应用。在用户注册和登录过程中，LigerUI可以提供表单验证、对话框、按钮等交互元素，提高用户体验。在数据库层面，使用了`Oracle`作为数据存储，创建了一个名为`User00`的表，包含`Id`（编号，自动增长）、`Name`（姓名）、`Grid`（级别）、`Score`（积分）、`Password`（密码）、`Age`（年龄）和`Code`（邀请码）字段。数据库操作示例包括查询、插入、更新、删除和字段修改，展示了对数据的基本管理能力。在代码段中，我们看到一个名为`HomeController`的控制器类，它是`ASP.NET MVC`中的核心组件，处理HTTP请求并返回视图。控制器内部定义了一个静态变量`test00`，用于实例化一个`Bll.Test00`对象，这可能是业务逻辑层的一个类，负责与数据库的交互。连接字符串`"DataSource=YWW;UserId=Test00;Password=Test00;"`表明了数据库的访问配置。实现用户注册和登录验证通常涉及以下步骤： 1. **用户注册**：用户填写相关信息（如用户名、密码、邮箱等），前端使用JavaScript进行基本验证，如非空、长度限制等，然后通过Ajax提交到服务器。后端接收数据，验证其唯一性（如检查用户名是否已存在），并将有效数据存入数据库。 2. **登录验证**：用户输入用户名和密码，前端可能有简单的非空验证，然后提交给服务器。后端接收到请求后，查询数据库以验证用户名和密码的正确性，如果匹配，生成会话（Session）或令牌（Token），以便后续请求验证用户身份。 3. **登录**：登录成功后，服务器返回一个成功响应，前端收到响应后，展示登录后的界面，并可能设置cookie或使用本地存储保存登录状态。 4. **安全性**：在整个过程中，密码通常需要进行哈希加密存储，防止明文泄露。前端和后端之间的通信应使用HTTPS以保证数据传输的安全性。 5. **异常处理**：对于可能出现的错误情况，如数据库连接失败、用户名不存在、密码错误等，都需要进行适当的错误处理和反馈。这个例子涵盖了Web开发中的一些关键点，包括前后端交互、数据库操作、用户认证以及业务逻辑处理。在实际项目中，还需要考虑更多因素，如安全性、性能优化、用户体验等。

mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆实现用户的注册、登陆验证、登陆

主要介绍了mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆的相关资料,需要的朋友可以参考下

一、登录数据库，在数据库中创建表一、登录数据库，在数据库中创建表User00，并且插入数据，并且插入数据。

表的字段分别为：

Id(编号)、Name(姓名)、Grid(级别)、Score(积分)、Password(密码)、Age(年龄)、Code(邀请码)。（其中编号是自动编号）

部分命令如下：

select * from User00; /*查询User00*/

insert into User00 values('one','优',10000,'123',24); /*插入一行数据*/

update User00 set Grid='优' where Id=001; /*更新已存在数据*/

delete from User00; /*删除表里所有数据*/

alter table User00 rename Code to Code; /*更改字段名*/

update User00 set Code =null; /*删除某一列所有数据*/

alter table User00 add Age number; /* user00中插入一列*/

alter table User00 modify Age varchar2(4); /*更改某字段类型*/

delete from User00 where Score is null; /*删除密码为空的所有行*/

二、新建二、新建mvc项目项目kaohe00，添加一个控制器，添加一个控制器Home。。

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using Model;

using log4net;

using System.Reflection;

//using Bll;

namespace kaohe00.Models

{

public class HomeController : Controller

{

//数据库数据库的

private static Bll.Test00 test00 = new Bll.Test00("Data Source=YWW;User Id=Test00;Password=Test00;"); //连接数据库

// GET: /Home/

public ActionResult Index() //显示主页的动作方法

{

return View();

}

public JsonResult ShowInfo() //把数据库里的表的数据发送到前台的方法

{

var list = test00.GetList(); //

return Json(new { Rows = list, Total = list.Count }, JsonRequestBehavior.AllowGet);

}

public ActionResult Register() //注册的动作方法

{

return View();

}

三、为三、为Home的的Index添加一个视图，显示主页的信息，将数据库的表添加一个视图，显示主页的信息，将数据库的表User00的数据放到主页视图的表格中。的数据放到主页视图的表格中。

1、主页视图代码：

ViewBag.Title = "Index";

}

<head>

</head>

$(function () {

$("#maingrid").ligerGrid({

columns: [

{ display: '编号', name: 'Id',heigth:100,width:250 },

{ display: '姓名', name: 'Name', heigth: 100, width: 250 },

{ display: '积分', name: 'Score', heigth: 100, width: 250 },

{ display: '密码', name: 'Password', heigth: 100, width: 250 },

{ display: '级别', name: 'Grid', heigth: 100, width: 250 },

{ display: '邀请码', name: 'Code', heigth: 100, width: 250 }

url: "/Home/ShowInfo", //调用显示自己信息的动作方法

});

</script>

2、主页视图界面：

四、实现登录功能四、实现登录功能

1、添加一个Login控制器。

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

下载后可阅读完整内容，剩余4页未读，立即下载

weixin_38501810

粉丝: 2
资源: 942

mvc C# JavaScript LigerUI与Oracle实现用户注册、登录验证教程

包含ligerUI的MVC三层实例

Ligerui Table导出excel 支持样式、冻结行列、图片等导出

ligerui-LigerUI

解析Jquery的LigerUI如何实现文件上传

jQuery ligerUI API.rar_jQuery ligerUI API_ligerui api

ligerui-LigerUI-Release

ligerui实现表格分页

ligerUI spring struts2 mybatis oracle

ligerUI

ligerui

最新资源