小白学web记录篇,话不多说,直接开始叭。
首先,准备工作先做好。
建个web工程
然后把我们数据库的JDBC放在WebRoot的WEB-INF的lib文件夹下,然后右键Built Path一下。
好了,接下来是数据库
先构建好自己的数据库表
简简单单一张表,是的整个功能都很简单。因为我的数据库服务设了手动开启,在此附上开启服务的方法:右键此电脑->管理->服务和应用程序->服务,找到MySQL,然后右键开启。
然后回到MyEclipse,Windows->Show View->Other,搜索DB,找到DB Browser。然后右键new一个
这样子就是连接上了
然后就可以看到自己数据库的情况了
准备工作结束,开始正文。
我的习惯是先构建完前端再后台
前端登陆界面是介个亚子,嗯很简陋
前端的码,login.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body style=background:url(images/background.jpg)>
<center>
<div>
<br><br><font face="楷体" size="6" color="#000">宿舍管理系统</font>
<a id="register" href="register.jsp">注册</a>
<form style="height: 163px; " method="post" action="check.jsp" >
<p><input name= name placeholder="用户名...." style="width: 293px; height: 44px; "></p>
<p><input name= pwd type="password"placeholder="密码...." style="width: 293px; height: 44px; "><br>
</p>
<p><input name="identity" type="radio" value="m_system" checked="checked">系统管理员
<input name="identity" type="radio" value="m_dominant">宿舍管理员
<input name="identity" type="radio" value="student">学生
<p >
<input type="checkbox"><label class="label_reme">记住我</label>
</p>
<div id="login_control">
<a id="forget_pwd" href="forget_pwd.jsp">忘记密码</a><br><br>
<input type="submit" id="btn_login" value="登陆" style="width: 119px; height: 43px; ">
</div>
</form>
</div>
</body>
</html>
几个知识点:
1、如果jsp的preview界面乱码,在head里面加<meta charset="utf-8">
2、在body里面直接加<center>省事很多
3、radio的传值是靠的是na