三层架构增删改查登录注册
时间: 2023-06-30 15:08:42 浏览: 46
三层架构是一种软件设计模式,将软件系统分为三个独立的层:表示层、业务逻辑层和数据访问层。下面是一个简单的三层架构增删改查登录注册的示例:
表示层:
- 登录页面
- 注册页面
- 用户列表页面
- 用户编辑页面
业务逻辑层:
- 用户登录验证
- 用户注册验证
- 用户信息查询、修改
- 用户列表查询
数据访问层:
- 用户信息数据表
- 用户登录信息数据表
在三层架构中,每一层都有特定的职责:
表示层:负责与用户交互,展示数据、接收用户输入,将数据传递给业务逻辑层。
业务逻辑层:负责处理业务逻辑,对数据进行处理、验证、计算,与数据访问层进行交互。
数据访问层:负责与数据存储进行交互,将数据存储到数据库中,从数据库中读取数据。
在以上示例中,表示层负责展示登录、注册、用户列表和用户编辑页面,接收用户输入,并将数据传递给业务逻辑层。业务逻辑层对用户输入进行验证,查询或修改用户信息,并将数据传递给数据访问层进行存储或读取。数据访问层将数据存储到数据库中,或从数据库中读取数据。
以下是一个示例代码:
表示层:
```
// 登录页面
function login() {
// 获取用户输入的用户名和密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 将用户名和密码传递给业务逻辑层进行验证
var result = businessLogicLayer.login(username, password);
// 如果验证通过,跳转到用户列表页面
if (result) {
window.location.href = "userlist.html";
} else {
alert("用户名或密码错误!");
}
}
// 注册页面
function register() {
// 获取用户输入的用户名、密码和确认密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var confirmPassword = document.getElementById("confirmPassword").value;
// 将用户名、密码和确认密码传递给业务逻辑层进行注册
var result = businessLogicLayer.register(username, password, confirmPassword);
// 如果注册成功,跳转到登录页面
if (result) {
window.location.href = "login.html";
} else {
alert("注册失败!");
}
}
// 用户列表页面
function getUserList() {
// 获取用户列表数据
var userList = businessLogicLayer.getUserList();
// 将用户列表数据展示到页面上
// ...
}
// 用户编辑页面
function editUser(userId) {
// 获取用户信息
var user = businessLogicLayer.getUser(userId);
// 将用户信息展示到页面上
// ...
}
// 保存用户信息
function saveUser() {
// 获取用户输入的信息
var userId = document.getElementById("userId").value;
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 将用户信息传递给业务逻辑层进行保存
businessLogicLayer.saveUser(userId, username, password);
// 跳转到用户列表页面
window.location.href = "userlist.html";
}
```
业务逻辑层:
```
// 用户登录验证
function login(username, password) {
// 查询用户登录信息数据表,验证用户名和密码是否正确
// 如果正确,返回 true;否则,返回 false。
// ...
}
// 用户注册验证
function register(username, password, confirmPassword) {
// 查询用户信息数据表,验证用户名是否已存在
// 如果已存在,返回 false;否则,进行密码验证
// 如果密码验证通过,返回 true;否则,返回 false。
// ...
}
// 用户信息查询
function getUser(userId) {
// 查询用户信息数据表,获取用户信息
// ...
}
// 用户信息修改
function saveUser(userId, username, password) {
// 更新用户信息数据表,保存用户信息
// ...
}
// 用户列表查询
function getUserList() {
// 查询用户信息数据表,获取用户列表数据
// ...
}
```
数据访问层:
```
// 用户信息数据表
var userData = [
{userId: 1, username: "张三", password: "123456"},
{userId: 2, username: "李四", password: "123456"},
{userId: 3, username: "王五", password: "123456"}
];
// 用户登录信息数据表
var loginData = [
{username: "张三", password: "123456"},
{username: "李四", password: "123456"},
{username: "王五", password: "123456"}
];
// 查询用户信息数据表,获取用户信息
function getUserData(userId) {
for (var i = 0; i < userData.length; i++) {
if (userData[i].userId == userId) {
return userData[i];
}
}
return null;
}
// 更新用户信息数据表,保存用户信息
function saveUserData(userId, username, password) {
for (var i = 0; i < userData.length; i++) {
if (userData[i].userId == userId) {
userData[i].username = username;
userData[i].password = password;
break;
}
}
}
// 查询用户信息数据表,获取用户列表数据
function getUserListData() {
var userList = [];
for (var i = 0; i < userData.length; i++) {
userList.push({userId: userData[i].userId, username: userData[i].username});
}
return userList;
}
// 查询用户登录信息数据表,验证用户名和密码是否正确
function checkLoginData(username, password) {
for (var i = 0; i < loginData.length; i++) {
if (loginData[i].username == username && loginData[i].password == password) {
return true;
}
}
return false;
}
// 查询用户信息数据表,验证用户名是否已存在
function checkUsername(username) {
for (var i = 0; i < userData.length; i++) {
if (userData[i].username == username) {
return true;
}
}
return false;
}
// 在用户信息数据表中创建新的用户
function createUserData(userId, username, password) {
userData.push({userId: userId, username: username, password: password});
}
```