JSP课程设计-简单用户管理系统的设计与开发

更新时间:2023-08-10 22:03:01 阅读量: 经管营销 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

武汉理工大学华夏学院

JSP课程设计

课程名称:

jsp大作业

题 目: 简单用户管理系统的设计与开发 系 名: 信 息 工 程 系 专业班级: 计算机1111班

姓 名: 学 号: 10210411131 指导教师: 苏 永 红

2014年 5 月 23 日

1 目标

1.1.实现用户登录检测,密码修改; 1.2.用户信息管理 (1)用户信息输入;

(2)信息查询,可根据不同关键字进行条件查询;

(3)用户信息修改:拥有权限的操作员可以修改,删除普通用户;

2 软件开发环境与技术简介 2.1 开发工具介绍

该系统的开发主要包括前台开发语言设计和后台数据库设计。选择开发工具时应该考虑客户需求、系统功能和性能要求及开发人员的习惯等因素。

开发B/S(浏览器/服务器)结构的应用程序时,前台开发语言通常可以选择JSP、ASP、PHP等;如果开发网络应用程序,则需要选择一个网络数据库系统,例如SQL Server、Oracle和IBM DB2等;如果开发单机应用程序,则只要选择一个小型数据库系统就可以了,例如Access。

与其他开发工具相比,JSP具有简单易学、灵活方便和易于扩充等特点,越来越多地被用做浏览器/服务器应用程序的前端开发工具,与后台的SQL Server数据库相结合,能够提供高性能的管理信息系统解决方案。因此,本系统采用的是JSP作为前台开发工具,SQL Server作为后台数据库。

2.2 数据库系统

如果开发网络应用程序,则需要选择一个网络数据库系统,例如

SQL Server、Oracle

和IBM DB2等;如果开发单机应用程序,则只要选择一个小型数据库系统就可以了,例如Access。

2.3 硬件环境

CPU:Pentium 4 3.0以上。 内存:512MB以上。 硬盘:80GB以上。

显示器:1024×768像素以上。 数据库:Access2000以上。

操作系统:Windows XP或更高版本。

2.4软件环境

SQL Server、MyElipse

3 系统需求分析

3.1.实现用户登录检测,密码修改; 3.2.用户信息管理

3.2.1用户信息输入;

3.2.2信息查询,可根据不同关键字进行条件查询;

3.2.3用户信息修改:拥有权限的操作员可以修改,删除普通用户;

4 系统总体设计

4.1系统功能简介

用户管理系统的是管理用户信息的系统,实例包括增加用户、查询用户信息、修改用户信息 删除用户信息 ,具体的功能如下: 1.实现用户登录检测,密码修改; 2.用户信息管理 (1)用户信息输入;

(2)信息查询,可根据不同关键字进行条件查询;

(3)用户信息修改:拥有权限的操作员可以修改,删除普通用户;

4.2 系统功能模块规划

4.2.1系统的整体功能模块框架图

图1 系统的整体功能模块框架图

4.2.2系统流程图

图2 系统流程图

4.3 系统数据库设计 4.3.1数据库概念结构设计

图3 用户信息图 4.3.2数据库逻辑结构设计

图4 数据库所需元素

4.4 数据库的连接技术

当安装好MySQL Server5.0系统以后,首先创建连接,在打开连接创建数据库,再创建表,在这个过程中最重要的就是创建密码一定要与代码一致,要不然所创建的用户管理系统就无法与数据库连接,出现错误。

5 系统详细设计

经过需求分析、功能模块设计之后要进入详细设计阶段,本阶段将按系统的主要模块进行论述,重在阐述具体的某项功能的实现方法或运用到的相关技术。

5.1 用户登录模块设计

当系统运行时,首先打开登录窗体,只有有权限的用户才能进入系统。登录成功后,将显示系统主界面。

5.1.1 登录界面的实现

登录界面的名称为login.htm,它的界面布局如下:

图5 登录界面的布局

5.1.2 注册界面的实现

注册界面的名称为register.jsp,它的界面布局如下:

图6 注册界面布局

5.1.3 导航界面的实现

注册界面的名称为index.jsp,它的界面布局如下:

图7 导航页面

5.1.4显示数据库中user表中的信息的页面

注册界面的名称为alinfo.jsp,它的界面布局如下:

图8 查看信息后的页面跳转

5.1.5修改页面的实现

注册界面的名称为updateinfo.jsp,它的界面布局如下:

图9 修改过程界面

5.1.6 关键字查询界面的实现

图10 根据姓名进行查询

6 系统测试与运行

6.1注册页面

图11 注册界面布局

6.2注册相关信息

图12 注册相关信息

6.3用户登录页面

6.4登录成功页面

图14 登录成功页面

6.5点击查看信息

图15 点击“查看信息”按钮

6.6数据库中信息的查询

图16 查看信息后的页面跳转

6.7修改对象

图17 修改前的信息

6.8点击修改按钮

图18 点击修改按钮

6.9跳转至修改页面

图19跳转至修改页面

6.10修改相关信息

图20 修改过程界面

6.11修改后的信息

图 21 修改后的信息

6.12点击“关键字”按钮

图22 点击“关键字查询”按钮

6.13输入姓名进行查询

图23 根据姓名进行查询 图24 按用户姓名查询的结果图

7总结

在本次课程设计中,我们遇到的困难很多,在解决它们的同时我们又学到了很多,获益非浅,特别是如何分析、建立、开发一个系统。

在一个系统开发的过程中编码不是重要的,重要的是分析系统、建立起系统模型。在分析一个系统前,分析人员必须要对将要开发的系统所涉及到的各方面知识有一个认识,然后将系统的模型建立起来。而且一个成功的软件要符合用户的需要,要以用户为中心,开发出用户想要的软件,而不能自以为是,想当然。

在程序编写中,我们认识到软件要有简便的界面,良好的程序风格,完备的文挡。拥有这些条件,程序的可读性才会好,开发的复杂度才能大大减少,修改代码时更加容易下手。

我认为,所谓良好的界面,就是用户需要的界面,力求简便全面。所以设计一个界面时,开发人员必须要了解用户的想法,从用户的角度去设计,当然,开发不能全听用户的意见,在详细分析了系统后,开发人员可以向用户提出一些修改的意见,在双方多次交流后定出程序所需的功能,以决定界面的实现。

在编码中,良好的编程风格与习惯是提高工作效率的一个重要方面,而且良好的编程风格与习惯也是使软件便于维护的基础。那如何是良好的编程风格与习惯呢?我们认为主要是程序的模块化、必要的注释和完备的设计文挡三个方面。所谓模块化就是使程序的功能实现

分成多个单独的功能模块,而不能在一大段代码中实现多个功能,如果这样做,别的人是非常难读懂你的程序。必要的注释,显而易见是要在程序的编写中加入对程序的说明,原因就是为了别人能读懂你的程序,再一段时间后你自己还能读懂自己的程序。而完备的设计文挡是在系统开发过程中记录下开发的全部过程,拥有它,在以后维护软件时就有依据使维护工作变得简单一些。

总结这次课程设计给我们感受最深的至少有四点:

1.进行软件开发这样的工作,要有恒心,要能静下新来做,而不能浮躁。 2.要遵循软件开发本身的规律和善于吸收已有的经验。 3.要善于同别人交流与合作,善于获取游泳的各种资源。 4.要真真实实多查资料,多问,多看。

8参考文献

[1] 王建华. ASP NET 2.0 动态网站开发技术与实践[M].北京:电子工业出版社,2007. [2]王珊 萨师煊,数据库系统概论(第四版),高等教育出版社,2006 [3]萨师煊,SQL Server 从入门到精通,高等教育出版社,2006

[4] Eric J.Naiburg、Robert A.Maksimchuk 著 陈立军、郭旭 译,UML数据库设计应用, 人民邮电出版社,2002

[5]周之 黄玫译, SQL Server 2000技术参考大全, 清华大学出版社,2001 [6] 余杰 李莎莎,SQLServer项目开发实践,中国铁道出版社,2006

附录A:系统核心代码

登录界面的名称为login.html 其主要代码为:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<body background=1.jpg><div

align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br><br><br><br><font face="华文隶

<title>登录页面</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords"

<meta http-equiv="description" content="This is my page"> <!-- <head>

<base href="<%=basePath%>">

String path = request.getContextPath(); String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort() + path + "/";

content="keyword1,keyword2,keyword3">

<link rel="stylesheet" type="text/css" href="styles.css"> --> </head>

书" size="7"><strong>&nbsp;&nbsp;&nbsp; </strong><em><font face="楷体">

欢 迎 用 户 登 录</font></em></font> <form action="LoginServlet"

method="post">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font face="隶书" size="6">帐号</font><font face="隶书" size="6">: <input type="text"

name="username"><br><br>&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;

</font><font face="隶书" size="6">密码</font><font face="隶书" size="6">: <input type="password" name="upass"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" value="登录

">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="button" value="取消

"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</font>

<font face="隶书"

size="6"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 亲,还没注册,请点击<a href="register.jsp">注册</a>! </font></form></div>

</body> </html>

注册界面的实现

注册界面的名称为register.jsp,其主要代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<% %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<title>注册页面</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords"

<meta http-equiv="description" content="This is my page"> <!-- <head>

<base href="<%=basePath%>">

String path = request.getContextPath(); String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort() + path + "/";

content="keyword1,keyword2,keyword3">

<link rel="stylesheet" type="text/css" href="styles.css"> --> </head>

<body background=2.jpg><div align="center"><div

align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font

color="#800080">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; <br></font><div align="center"><font color="#800080">&nbsp;</font><font size="6" face="华文琥珀" color="#800080"><strong><br><font

size="7">&nbsp;&nbsp;&nbsp; </font></strong><font size="7"

color="#000000"><font face="楷体">欢 迎 用 户 注 册</font></font><font color="#000000"><br></font></font>

<!-- 帐号、密码、确认密码、性别、年龄、邮箱、电话、QQ、个人描述 --> </div></div><form action="RegisterServlet" method="post"><font

size="6" face="华文琥珀"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">帐号</font><font face="华文琥珀" size="6"

color="#000000">: <input type="text" name="uid"></font><font size="6" face="

华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">姓名</font><font face="华文琥珀" size="6"

color="#000000">: <input type="text" name="username"></font><font size="6" face="华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6" color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">密码</font><font face="华文琥珀" size="6"

color="#000000">: <input type="password" name="upass"></font><font size="6" face="华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6" color="#000000">&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">确认密码</font><font face="华文琥珀" size="6" color="#000000">: <input type="password" name="tupass"></font><font size="6" face="华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">性别</font><font face="华文琥珀" size="6"

color="#000000">: <input type="text" name="sex"></font><font size="6" face="

华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6" color="#000000">年龄</font><font face="华文琥珀" size="6"

color="#000000">: <select name="age">

<%

for(int i=1;i<100;i++){ %>

<option><%= i %></option> <% } %>

</select></font><font size="6" face="华文琥珀"

color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">邮箱</font><font face="华文琥珀" size="6"

color="#000000">: <input type="text" name="email"></font><font size="6" face="

华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文琥珀" size="6" color="#000000">电话</font><font face="华文琥珀" size="6"

color="#000000">: <input type="text" name="tel"></font><font size="6" face="

华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Q&nbsp; Q:

<input type="text" name="qq"></font><font size="6" face="华

文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="华文

琥珀" size="6" color="#000000">个人描述</font><font face="华文琥珀"

size="6" color="#000000">: <input type="text" name="descr"></font><font size="6" face="

华文琥珀" color="#000000"><br></font><font face="华文琥珀" size="6"

color="#000000"><font size="6">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp

;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit"

value="注册

">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font>

</body> </html>

<input type="button" value="取消"></font>

</form></div>

导航界面的实现

注册界面的名称为index.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%>">

<title>导航页面</title> <meta http-equiv="pragma" content="no-cache">

<body background=3.jpg>

<div align="center"><font size="6" face="微软雅黑"><br><br><br><font color="#000000"><strong><font face="楷体"><font size="7">欢迎

<%=request.getSession().getAttribute("username") %></font></font></strong></font></font><font face="微软雅黑" size="6"><font face="楷体"

<meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!--

<link rel="stylesheet" type="text/css" href="styles.css"> -->

</head>

本文来源:https://www.bwwdw.com/article/ukej.html

Top