用户注册登录模块设计方案报告.docx

电子商城会员注册登录模块设计和实现学生姓名罗 鹏学生学号班 级级计科软件班团体组员 四川工商学院二一七年六月电子商城会员注册登录模块设计和实现内容摘要：注册登录模块几乎是每一个web程序必需拥有功效，即使注册和录模块并不复杂，但却拥有一个完整系统必需功效，如验证用户端输入、数据库访问等。本文叙述了电子商城会员注册登录模块开发，内容包含模块需求分析，概要设计，具体设计和实现，此模块基于Spring、Spring MVC和Mybatis框架开发，功效、性能、安全性、模块架构全部比较成熟，本文具体介绍了数据库设计，框架搭建过程和登录注册模块开发过程，有较强可读性、实用性和参考性。关键字：商城 注册登录 JSP 框架目 录1 会员注册登录模块描述11.1 会员注册登录模块在电子商城购物中的作用11.2 开发工具和技术11.2.1 技术方案选择11.2.2 开发工具11.2.3 开发技术12 会员注册登录模块分析12.1 功能需求分析12.1.1 功能分析12.1.2 用例模型22.2 数据需求分析22.3 其它需求分析22.3.1 技术需求22.3.2 性能需求22.4 流程分析33 会员注册登录模块设计43.1 数据库设计43.1.1 表结构和约束设计43.2 会员登录注册模块设计53.2.1 功能总体结构设计53.2.2 模块详细设计53.3界面设计53.3.1 登录界面设计53.3.2 注册界面设计63.4 类设计63.4.1 实体类设计63.4.2 持久层设计63.4.3 业务层设计：74 用户注册登录模块实现74.1 开发环境配置74.2 创建数据库和数据表84.3 创建软件架构84.3.1 创建项目及系统文件目录84.3.2 创建Java 类的包结构94.3.3 导入所需要的包104.3.4 搭建项目模块框架104.4 实现会员注册登录模块144.4.1 持久层实现144.4.2 业务层实现154.4.3 控制层实现154.4.4 视图层实现175 测试255.1 会员登录测试255.2 会员注册测试256 总结266.1 程序设计总结266.2 个人总结26参考文献27电子商城会员注册登录模块设计和实现1 会员注册登录模块描述注册、登录是一个网站门户，它设计姿态就是对待客人态度。即使用户可能每次全部只花极少时间在注册、登录页面互动，不过这个“瞬间”却举足轻重，用户和注册、登录之间交互关系是承上启下一个节点。注册、登录全部细节影响了能否完成产品战略定位所设定最基础任务去吸纳其所期望用户使命。1.1 会员注册登录模块在电子商城购物中作用会员注册、登录是电子商城必备模块和功效,作为电子商务网站，会员量是网站运行保障，网站很多功效全部需要会员才能使用，另外，电子商务网站严格要求系统安全性，这就需要会员在注册时候填写具体个人信息。所以，设计出可靠易用注册登录功效在电商网站中尤为关键。1.2 开发工具和技术1.2.1 技术方案选择电子商务网站是一个B/S结构系统，系统开发采取Java语言，为了系统开发安全、快捷、高效，系统采取经典MVC开发模式，而且使用开源框架Spring，Spring MVC，Mybatis开源框架，本模块也遵照系统开发要求技术。1.2.2 开发工具Eclipse、SQLyog、Mysql、Dreamweaver1.2.3 开发技术JSP技术、数据库连接池、html+css、JQuery2 会员注册登录模块分析2.1 功效需求分析2.1.1 功效分析用户访问网站首页，点击登录，跳转到登录页面，登录页面要求用户输入用户名，密码，和验证码，点击登录，跳转至网站首页。若用户未注册会员，在网站首页和会员登录页面提供会员注册入口，用户点击会员注册，跳转到会员注册页面，用户提交注册表单，跳转至登录页面。会员注册表单需要实时验证用户输入数据正当性。2.1.2 用例模型图2.1.2 会员注册登录模块用例图2.2 数据需求分析本模块实体为用户，关键属性为用户名、密码、姓名、证件类型、证件号码、邮箱、电话、收货地址，以下是本模块实体属性图：图2.2-1 会员注册登录模块实体-属性图2.3 其它需求分析2.3.1 技术需求用户注册页面数据采取JQuery Validator实时验证，用户注册表单提交数据用Mysql数据库存放，用户登录采取session技术存放。2.3.2 性能需求从实用、好用角度出发开发电子商城会员注册模块，在设计过程中关键考虑以下标准：(1) 可操作性系统模块应尽可能降低用户数据录入量，避免很多录入异常现象发生。数据输入格式应符合业务习惯，而且直观、方便。要求系统处理数据能正确无误，同时输出信息要求直观、简练。(2) 可靠性系统模块运行含有较高可靠性，提供严格并发控制，确保数据一致性和正确性。(3) 实用性从用户实际需要出发进行系统模块开发，不盲目追求高新技术应用。(4) 安全性系统模块安全方法可靠、高效、可维护性好，有权限控制，其中口令录入界面便于系统识别登录用户。(5) 可维护性为了确保系统模块可维护性，要求含有具体文档资料，同时，要求系统在功效设计上考虑可扩展性，以满足业务变动需求。(6) 可移植性系统模块开发完成后，要能运行于任何由Windows操作系统所组成计算机网络环境下。2.4 步骤分析关键步骤：图2.4-1 会员登录步骤图图2.4-2 会员注册步骤图3 会员注册登录模块设计3.1 数据库设计3.1.1 表结构和约束设计user_reginfo表字段名字段类型字段长度许可空值是否主键字段释义idint16否是ID唯一标识usernameVARCHAR64否否用户名passwordVARCHAR64否否密码qrpasswordVARCHAR64否否确定密码unameVARCHAR64否否姓名cardtypeVARCHAR64否否证件类型cardnumVARCHAR64否否证件号码useremailVARCHAR64否否EmailuserphoneVARCHAR64否否电话号码useraddressVARCHAR64否否收货地址3.2 会员登录注册模块设计3.2.1 功效总体结构设计图3.2.1-1 会员注册登录模块功效结构图3.2.2 模块具体设计登录模块：用户输入用户名，密码及验证码，点击登录按钮，系统后台判定用户输入数据和数据库数据是否匹配，若匹配，则登录成功，跳转至系统首页，若匹配失败，则重新跳转至登录界面。注册模块：用户填写注册表单，表单经过JQuery validator实时验证数据输入正当性，用户输入完成，点击注册按钮，提交表单，后台自动添加数据到数据库。3.3界面设计3.3.1 登录界面设计图3.3.1-1 会员登录界面设计3.3.2 注册界面设计图3.3.2-1 会员注册界面设计3.4 类设计3.4.1 实体类设计User实体类设计及关键属性3.4.2 持久层设计持久层接口设计：接口IUserDao有两个方法，addUser（）方法将用户注册数据保留到数据库中，findPassword（）方法用于用户登录模块从数据库查询已知用户名密码。3.4.3 业务层设计：业务层接口设计：接口IUserService有两个方法，addUser方法将用户注册数据保留到数据库中，findPassword（）方法用于用户登录模块从数据库查询已知用户名密码。4 用户注册登录模块实现4.1 开发环境配置为了提升开发效率，本模块使用eclipse集成环境进行开发。另外需安装Jdk 1.8，mysql数据库，Tomcat服务器。4.2 创建数据库和数据表4.3 创建软件架构4.3.1 创建项目及系统文件目录src 目录存放源程序build 目录存放应用编译文件WEB-INF目录存放web应用配置文件lib目录存放项目引用相关Jar包图4.3.1-1 项目文件目录结构4.3.2 创建Java 类包结构缺省src：存放Spring、Spring MVC配置文件和日志支持配置文件entity：存放实体类对象。dao：持久层相关接口及Mybatis实体映射文件。dao.impl：存放持久层实现类相关类文件。service：业务层相关接口。service.impl：存放业务层实现类相关类文件。control：存放相关action类文件。util：存放应用工具类。图4.3.2-1 项目模块包结构4.3.3 导入所需要包图4.3.3-1 项目模块相关jar包4.3.4 搭建项目模块框架Spring配置文件： Spring MVC配置文件： web.xml文件： userLog index.html index.htm index.jsp default.html default.htm default.jsp contextConfigLocation !-加载多个spring配置文件,能够有多个- /WEB-INF/classes/applicationContext.xml org.springframework.web.context.ContextLoaderListener springMVC org.springframework.web.servlet.DispatcherServlet contextConfigLocation classpath:spring-mvc.xml 1 springMVC / org.springframework.web.util.IntrospectorCleanupListener encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true encodingFilter /* 404/html/404.html500/html/500.html 4.4 实现会员注册登录模块4.4.1 持久层实现持久层Mybatis映射文件： select password from user_reginfo where username =#username insert into user_reginfo(id,username,password,qrpassword,uname,cardtype,cardnum,useremail,userphone,useraddress) values (#id,#username,#password,#qrpassword,#uname,#cardtype,#cardnum,#useremail,#userphone,#useraddress) 持久层实现类：package dao.impl;import org.springframework.stereotype.Repository;import dao.IUserDao;import entity.User;Repository(userDao)public class UserDaoImpl extends BaseDaoSurport implements IUserDao Overridepublic int addUser(User user) / TODO Auto-generated method stubreturn this.getSqlSession().insert(addUser, user);Overridepublic String findPassword(String username) / TODO Auto-generated method stubreturn this.getSqlSession().selectOne(findPassword, username);4.4.2 业务层实现package service.impl;import javax.annotation.Resource;import org.springframework.stereotype.Service;import dao.IUserDao;import entity.User;import service.IUserService;Service(userService)public class UserServiceImpl implements IUserService Resource(name=userDao) private IUserDao userdao;/依靠注入目前字段public void setUserdao(IUserDao userdao) /注入属性this.userdao = userdao;Overridepublic int addUser(User user) / TODO Auto-generated method stubreturn userdao.addUser(user);Overridepublic String findPassword(String username) / TODO Auto-generated method stubreturn userdao.findPassword(username);4.4.3 控制层实现package control;import javax.annotation.Resource;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestParam;import entity.User;import service.IUserService;Controllerpublic class MyHandler Resource(name=userService)private IUserService userservice;public void setUserservice(IUserService userservice) this.userservice = userservice;RequestMapping(value=/registering)Public String reg(RequestParam(username) String username,RequestParam(password) String password,RequestParam(qrpassword) String qrpassword,RequestParam(uname) String uname,RequestParam(cardtype) String cardtype,RequestParam(cardnum) String cardnum,RequestParam(useremail) String useremail,RequestParam(userphone) String userphone,RequestParam(useraddress) String useraddress,RequestParam(radio) String radio)if(radio.equals(yesread)User user=new User();user.setId(null);user.setUsername(username);user.setPassword(password);user.setQrpassword(qrpassword);user.setUname(uname);user.setCardtype(cardtype);user.setCardnum(cardnum);user.setUseremail(useremail);user.setUserphone(userphone);user.setUseraddress(useraddress); int i=userservice.addUser(user); if(i=1) return /registersuc; /return /register;return /register;RequestMapping(value=/logining)public String login(RequestParam(username) String username,RequestParam(password) String password,RequestParam(yzm) String yzm) if(yzm.equals(dtef)|yzm.equals(DTEF) /String ss=userservice.findPassword(username); /Boolean sss=password.equals(ss);if(password.equals(userservice.findPassword(username)return /loginsuc;return /index;4.4.4 视图层实现会员登录页面index.jsp：登录页面$(function()$(.i-text).focus(function()$(this).addClass(h-light););$(.i-text).focusout(function()$(this).removeClass(h-light););$(#username).focus(function() var username = $(this).val(); if(username=输入用户名) $(this).val(); );$(#username).focusout(function() var username = $(this).val(); if(username=) $(this).val(输入用户名); );$(#yzm).focus(function() var username = $(this).val(); if(username=输入验证码) $(this).val(); );$(#yzm).focusout(function() var username = $(this).val(); if(username=) $(this).val(输入验证码); );); 登陆页面改善提议 for