一.代码结构
其中登录注册界面为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 class="header">
<div class="container"> <!-- container 是bootstrap自带响应式样式 页面效果类似于 table-->
<div class="row"> <!-- row 是bootstrap自带响应式样式 页面效果类似于 tr-->
<div class="register logo span4"> <!-- row 是bootstrap自带响应式样式 页面效果类似于 <td colspan="4">-->
<h1