设计登录界面

1. 需要掌握的技术;

Java语言(Java database Connectivity技术、Servlet技术、jsp(Java Server Pages)技术,

JavaBean(Application)应用组件技术)、面向对象分析设计思想、设计模式和框架结构、XML语言、网页脚本语言、

开发工具(数据库、web服务器、集成开发环境(IDE))等等

程序源代码:

DBUtil.java

复制代码
package com.jaovo.msg.Util;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
public class DBUtil {
    public static Connection getConnection() {
        try {
            Class.forName("com.mysql.jdbc.Driver").newInstance();
        } catch (InstantiationException | IllegalAccessException | ClassNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        String user = "root";
        String password = "root";
        String url = "jdbc:mysql://localhost:3306/jaovo_msg";
        Connection connection = null;
        try {
            connection = DriverManager.getConnection(url, user, password);
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return connection;
    }
}
复制代码

login.jsp

复制代码
<%@page import = "com.jaovo.msg.Util.DBUtil" %>
<%@page import = "java.sql.*" %>
<%@page import = "java.sql.PreparedStatement" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
    String username = request.getParameter("username");
    String password = request.getParameter("password");
    if(username == null || "".equals(username.trim())){
        request.setAttribute("result", "请输入用户名!");
%>
        <jsp:forward page = "longinwindow.jsp"></jsp:forward>
<%
    }
    if(password == null || "".equals(password.trim())){
        request.setAttribute("result", "请输入密码!");
%>
        <jsp:forward page = "longinwindow.jsp"></jsp:forward>
<%
    }
    Connection connection = DBUtil.getConnection();
    boolean flag = false;
    String sql = "select * from t_user where username = ?";
    PreparedStatement preparedstatement = null;
    ResultSet resultset = null;
    preparedstatement = connection.prepareStatement(sql);
    preparedstatement.setString(1,username);
    resultset = preparedstatement.executeQuery();
    while(resultset.next()){
            if(resultset.getString("password").equals(password)){
                flag = true;
                request.setAttribute("result", "登陆成功!");
%>
                <%=request.getAttribute("result")%>
<%
            }
            else{
                request.setAttribute("result", "密码错误!请重新登录!");
%>
                <jsp:forward page = "longinwindow.jsp"></jsp:forward>
<%

            }
    }
    if(!flag){
        request.setAttribute("result", "没有这个人!登录失败!");
%>
        <jsp:forward page = "longinwindow.jsp"></jsp:forward>
<%
    }
%>
</html>
复制代码

loginwindow.jsp

复制代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>用户登录页面</title>
</head>
<body>
    <%=request.getAttribute("result") %>
    <form action="login.jsp" method = "get">
        <table align = "center" border = "1" width = "500">
            <tr>
                <td>用户名称:</td>
                <td>
                    <input type = "text" name = "username"/>
                </td>
            </tr>
            <tr>
                <td>用户密码:</td>
                    <td>
                        <input type = "password" name = "password"/>
                    </td>
            </tr>
            <tr align = "center">
                    <td colspan = "2">
                            <input type = "submit" value = "登录"/>
                            <input type = "reset" value = "重置"/>
                    </td>
            </tr>
        </table>
    </form>
</body>
</html>
复制代码

运行结果截图:

转载于:https://www.cnblogs.com/tianzeyangblog/p/7884502.html

在使用Django设计登录界面时,VS Code(Visual Studio Code)是一个强大的代码编辑器,提供了丰富的插件支持和优秀的开发环境。首先,你需要安装Django和VS Code,然后设置好项目结构。接下来,你可以按照以下步骤创建登录界面: 1. **创建项目**: 在VS Code中,使用`django-admin startproject your_project_name`命令初始化一个新的Django项目。 2. **设置应用**: 在项目目录下创建一个名为`auth_app`的应用,`python manage.py startapp auth_app`。 3. **模型**: 在`auth_app/models.py`文件中,添加User模型或使用默认的Django User模型。 4. **视图**: 在`auth_app/views.py`中编写视图函数,比如`LoginView`,使用Django内置的`AuthenticationForm`来处理登录表单验证。 5. **URL配置**: 在`auth_app/urls.py`中,定义登录和登出的URL路径,与视图函数关联。 6. **模板**: 创建`templates/auth_app/login.html`模板,用HTML和Django模板语言构建登录表单。 7. **配置`settings.py`**: 在项目的`settings.py`中,确保`AUTHENTICATION_BACKENDS`设置正确,启用表单登录。 8. **迁移和运行服务器**: 使用`python manage.py makemigrations`和`python manage.py migrate`进行数据库迁移,然后运行`python manage.py runserver`启动开发服务器。 在VS Code中,你可以使用Django插件如`Django`、`Django Snippets`等提高开发效率,还可以通过`Live Server`插件实时预览前端更改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值