JSP Microsoft Word 文档.docx
《JSP Microsoft Word 文档.docx》由会员分享,可在线阅读,更多相关《JSP Microsoft Word 文档.docx(57页珍藏版)》请在冰点文库上搜索。
![JSP Microsoft Word 文档.docx](https://file1.bingdoc.com/fileroot1/2023-6/21/47e89be9-d341-4fe2-a392-a42075377c02/47e89be9-d341-4fe2-a392-a42075377c021.gif)
JSPMicrosoftWord文档
JSP程序设计综合作业
作业题目:
用户注册登录功能的设计与实现
班级:
计算机教育1班
姓名:
毕恒芳
学号:
2010219152
专业:
计算机教育
教师:
杜英国老师
完成日期:
2012年12月18日
作业步骤:
1.先下载MySql支持的JDBC驱动程序。
到官方网址:
下载步骤如下:
先解压新建文件夹→安装mysql-5.5.28-win32→到welcometothemysqlsever5.5setup→next→选择“typical”默认→install→next→finish→安装完成
接下来再安装nacicat8mysql简体中文版的mysql,安装完成后打开安装成功的快捷图标。
下载界面并打开数据库连接成功界面如下图所示:
出现这个界面说明数据库安装成功,并且可以使用。
2.在数据库中创建连接,右击新建数据库名称为(myuser),展开新建的数据库,右击表→创建表→在出现的表设计中输入数字→如ID、姓名、性别、密码等字段在工具栏中选择创建栏位分别添加字段(并把ID设为主键)。
界面如下所示:
然后打开表输入内容如下图所示:
3.安装apache-tomacat-7.0步骤如下:
双击apache-tomacat-7.0图标→next→下一步→finish,安装成功。
4.打开eclipse→窗口→首选项→服务器→添加→apache-tomacat-7.0完成。
5.创建项目→文件→新建→其他→web项目→dynamicwebproject→mysecondjspfile
6.Buildpass构建路径→配置构建路径→库选项卡→添加外部架→找到下载的文件→确定
步骤图形如下所示:
7.构建好路径后单击确定,再出现的界面中输入如下代码:
注册页面:
Register.jsp
注册的功能:
人们单击注册链接进入注册页面,输入用户名、密码、确认密码、邮箱、电话号码等信息。
然后提交注册请求,系统将验证输入的信息格式是否正确,验证的用户号是否已经注册过,确认密码和密码是否一致。
如果验证失败,返回注册页面并提示相应的错误信息,如果验证成功保存注册信息并自动跳转到系统的首页。
<%@pagepageEncoding="gb2312"%>
<%@pagecontentType="text/html;charset=gb2312"%>
<%request.setCharacterEncoding("gb2312");%>
<%@pagelanguage="java"%>(表明此页所使用的是JAVA语言)
(标记定义一个表格行align="center")
新用户注册
(name:
表单的名字method:
表单数据的传递方式,还有一种方式是getaction)
(
标签定义HTML表格中的行。tr元素包含一个或多个th或td元素。
实例一个简单的HTML表格,包含两行两列)
登录名称:
colspan就是在表格中跨了2个列合并的意思
value指默认值。
*大小为2,颜色是红色
登陆密码:
*
|
密码确认:
*
|
电子邮件:
*
|
验证码:
value属性为input元素设定值
使用ImageAlign属性指定或确定图像相对于网页上其他元素的对齐方式。
*
td标签,表中的数据单元...
|
真实姓名:
输入真实名字
|
性 别:
男
女
|
密码提示问题:
|
密码提示答案:
|
联系电话:
|
个人主页:
|
兴趣爱好:
计算机编程 阅读书籍 |
上网冲浪 电脑游戏 |
逛街购物 影音娱乐 |
医疗保健 家居生活 |
旅游度假 体育运动 |
个人简介:
|
--客户端验证-->
functionCheck()
{
if(document.register.username.value=="")
{
window.alert("请填写你的登录名!
");
window.register.username.focus();
returnfalse;
}
if(document.register.pwd.value=="")
{
window.alert("请填写密码!
");
window.register.pwd.focus();寄存器窗口。
。
focus()密码。
returnfalse;
}
if(document.register.pwd.value!
=document.register.confpwd.value)
{
window.alert("请验证密码!
");
window.register.confpwd.focus();
returnfalse;
}
if(document.register.email.value=="")
{
window.alert("请填写你的E_mail!
");
window.register.email.focus();
returnfalse;
}
document.register.submit();
}
|
代码录入完成后,点击运行按钮,看程序能否正常运行。
8.在代码界面中删除之前的相关代码,输入新的代码如下所示:
注册失败的功能:
说明注册页面的录入信息有误,可能是用户名已被注册或是密码验证错误或是邮箱等联系方式的格式错误!
请重新写入注册信息。
注册失败页面:
reg_failure.jsp
<%@pagepageEncoding="gb2312"%>
<%@pagecontentType="text/html;charset=gb2312"%>
<%request.setCharacterEncoding("gb2312");%>
<%@pagelanguage="java"%>
<%if(session.getAttribute("username")!
=null){
out.println(session.getAttribute("username"));
}
%>
|
height=30>
<%if(request.getAttribute("errorMsg")!
=null){%>
<%=request.getAttribute("errorMsg")%>
|
<%
}
%>
注册错误!
请重新注册!
|
9.注册成功,说明输入夫人信息正确,用户名没有被实用过,且密码验证一致,以后可以根据这个注册信息直接登录不必再注册一次,注册信息已经被保存!
注册成功页面:
reg_success.jsp
<%@pagepageEncoding="gb2312"%>
<%@pagecontentType="text/html;charset=gb2312"%>
<%request.setCharacterEncoding("gb2312");%>
<%@pagelanguage="java"%>
<%if(session.getAttribute("username")!
=null){
out.println("用户名:
"+session.getAttribute("username"));
}
%>
|
注册成功!
!
!
10.密码丢失的时候可以找回,先输入您之前的密码选择找回密码。
登录名、提示问题、密码问题答案。
设置密保可以找回密码,确认密码安全。
找回密码页面:
FindPwd.jsp
<%@pagepageEncoding="gb2312"%>
<%@pagecontentType="text/html;charset=gb2312"%>
<%request.setCharacterEncoding("gb2312");%>
<%@pagelanguage="java"%>
找回密码
|
<%if(request.getAttribute("pwd")!
=null){%>
您的密码:
[<%=request.getAttribute("pwd")%>]
|
<%
}else{
%>
登录名:
|
密码提示问题:
|
密码提示答案:
|
|
<%
}
%>
11.登录的功能:
登录页面有用户名和密码等信息要写入,还需要进行
关的验证码等。
登录页面:
Login.jsp
<%@pagepageEncoding="gb2312"%>
<%@pagecontentType="text/html;charset=gb2312"%>
<%request.setCharacterEncoding("gb2312");%>
<%@pagelanguage="java"%>
用户登录
|
<%if(request.getAttribute("error")!
=null){%>
<%=request.getAttribute("error")%>
|
<%
}
%>
用户名称:
|
密码:
|
验证码:
展开阅读全文
相关搜索
资源标签
|