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

资源描述

武汉理工大学华夏学院 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系统流程图开始登录密码正确 No Yes 选择操作基本信息管理增加新的用户查询用户信息删除用户信息添加修改查询用户切换图2 系统流程图 4.3 系统数据库设计 4.3.1数据库概念结构设计用户信息账号姓名性别年龄 QQ 邮件电话密码个人描述图3 用户信息图 4.3.2数据库逻辑结构设计编号字段名称数据类型说明 1 uid int 密码，主键 2 username varchar 用户名 3 upass varchar 密码 4 sex varchar 性别 5 age int 年龄 6 qq varchar qq 7 email varchar 邮箱 8 tel varchar 电话 9 Ndescr varchar 个人描述图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"%> <% 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"> <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">  </head> <body background=1.jpg><div align="center">                                           欢迎用户登录 <form action="LoginServlet" method="post">                          帐号： <input type="text" name="username">            密码： <input type="password" name="upass">            <input type="submit" value="登录">          <input type="button" value="取消">                                                   亲，还没注册，请点击<a href="register.jsp">注册</a>! </form></div> </body> </html> 注册界面的实现注册界面的名称为register.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"> <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">  </head> <body background=2.jpg><div align="center"><div align="center">                                                                 <div align="center">      欢迎用户注册  </div></div><form action="RegisterServlet" method="post">             帐号： <input type="text" name="uid">              姓名： <input type="text" name="username">              密码： <input type="password" name="upass">      确认密码： <input type="password" name="tupass">              性别： <input type="text" name="sex"> 年龄： <select name="age"> <% for(int i=1;i<100;i++){ %> <option><%= i %></option> <% } %> </select>               邮箱： <input type="text" name="email">               电话： <input type="text" name="tel">               Q  Q： <input type="text" name="qq">       个人描述： <input type="text" name="descr">                    <input type="submit" value="注册">            <input type="button" value="取消"> </form></div> </body> </html> 导航界面的实现注册界面的名称为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"> <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">  </head> <body background=3.jpg> <div align="center"> 欢迎<%=request.getSession().getAttribute("username") %>，登录！             <a href="FindAllServlet">查看信息</a>      <a href="login.jsp">切换帐号</a></div> </body> </html> 显示数据库中user表中的信息的页面注册界面的名称为alinfo.jsp, 其主要代码为： <%@ page language="java" import="java.util.*,com.softeem.model.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; //接受数据 List<User> list = (List<User>) request.getAttribute("list"); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'allinfo.jsp' starting page</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" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  </head> <body background="7.jpg"><div align="center">  欢迎<%=request.getSession().getAttribute("username")%>， <a href="login.jsp">切换帐号 </a>                                                                               <a href="search.jsp"> 关键字查询</a> </div><table

展开阅读全文