一.代码结构
其中登录注册界面为login.jsp
二.工具
eclipse+Navicat Premiun12
数据库为MySQL
三.主要代码
1.数据库建表代码
数据库名:db_info 表名:tb_user
CREATE TABLE `db_info`.`tb_user` (`username` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`email` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`password` char(12) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`sex` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`address` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL) ENGINE = InnoDB CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;
2.login.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%><!DOCTYPE html><html lang="zh"><head><meta charset="utf-8"><title>全屏幕相应注册</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content=""><meta name="author" content=""><script src= "js/angular.min.js"></script><!-- CSS --><link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="css/style.css"></head><body><div><div> <!-- container 是bootstrap自带响应式样式 页面效果类似于 table--><div> <!-- row 是bootstrap自带响应式样式 页面效果类似于 tr--><div> <!-- row 是bootstrap自带响应式样式 页面效果类似于 <td colspan="4">--><