如何实现注册一个用户

最新推荐文章于 2024-03-09 13:45:00 发布
最新推荐文章于 2024-03-09 13:45:00 发布
阅读量607 收藏
点赞数
分类专栏： 亲测可见
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wumingxuan1/article/details/53445673
版权
1.deliveryOrder-create.jsp(授权注册的jsp页面)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/web10-7/H-ui_v2.2.1/favicon.ico" >
<link rel="Shortcut Icon" href="/web10-7/H-ui_v2.2.1/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/web10-7/H-ui_v2.2.1/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/web10-7/H-ui_v2.2.1/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/web10-7/H-ui_v2.2.1/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/web10-7/H-ui_v2.2.1/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="/web10-7/H-ui_v2.2.1/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/web10-7/H-ui_v2.2.1/static/h-ui.admin/css/style.css" />
<title>注册</title>
</head>
<body οnlοad="load()">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 授权管理 <span class="c-gray en">&gt;</span> 注册一级经销商 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>

<div class="container-fluid">
<div class="col-xs-4"></div>
<div class="col-xs-4">
<form class="ml-15" id="form-add" enctype="multipart/form-data">
<div class="mt-20">
<br>
</div>
<div class="mt-20">
<label for="AuthorizationCode"><span class="c-red">*</span>授权码：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="AuthorizationCode" id="AuthorizationCode" readOnly="readOnly">
</div>
</div>
<div class="mt-20">
<label for="Distributor_level"><span class="c-red">*</span>经销商等级：</label>
<select class="select" size="1" name="Distributor_level" id="Distributor_level" disabled="disabled">
<option value="1" selected>一级经销商</option>
</select>
<input type="text" class="hidden" name="iDistributor_level" id="iDistributor_level" value="1">
</div>
<div class="mt-20">
<label for="Name"><span class="c-red">*</span>姓名：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="Name" id="Name">
</div>
</div>
<div class="mt-20">
<label for="Id_card"><span class="c-red">*</span>身份证号码：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="Id_card" id="Id_card">
</div>
</div>
<div class="mt-20">
<label for="Phone"><span class="c-red">*</span>手机号码：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="Phone" id="Phone">
</div>
</div>
<div class="mt-20">
<label for="Wechat"><span class="c-red">*</span>微信：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="Wechat" id="Wechat">
</div>
</div>
<div class="mt-20">
<label for="Address"><span class="c-red">*</span>地址：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="Address" id="Address">
</div>
</div>
<div class="mt-20">
<label for="Email">邮箱：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="Email" id="Email">
</div>
</div>
<div class="mt-20">
<label for="QQ">QQ：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="QQ" id="QQ">
</div>
</div>
<div class="mt-20" id="uploader-demo">
<label for="img"><i style="color: red;">*</i> 本人证件合照：</label>
<input type="file" id="img" name="img" placeholder="请选择本人证件合照" required="required">
<h5>说明:图片需免冠，建议未化妆，手持证件人的五官清晰可见，照片不能大于3M，参考示例：</h5>
<img width="40%" src="/web10-7/images/hz.jpg" class="img-responsive">
</div>
<div class="mt-20">
<hr>
</div>
<div class="mt-20">
<label for="UserName"><span class="c-red">*</span>登陆账号：</label>
<div class="formControls">
<input type="text" class="input-text radius" name="UserName" id="UserName">
</div>
</div>
<div class="mt-20">
<label for="Password"><span class="c-red">*</span>密码：</label>
<div class="formControls">
<input type="password" class="input-text radius" name="Password" id="Password" placeholder="长度至少为6位">
</div>
</div>
<div class="mt-20">
<label for="CheckPassword"><span class="c-red">*</span>确认密码：</label>
<div class="formControls">
<input type="password" class="input-text radius" name="CheckPassword" id="CheckPassword" placeholder="长度至少为6位">
</div>
</div>
<div class="mt-20">
<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
</div>
<div class="mt-20">
</div>
</form>
</div>
<div class="col-xs-4"></div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery.validation/1.14.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery.validation/1.14.0/messages_zh.min.js"></script>
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

2.脚本:获得授权码
<script type="text/javascript">

function load(){
$.ajax({
'url' : '/web10-7/authorizationCode/getAuthorizationCode', //先执行
'type' : 'post',
'dataType' : 'json',
'success' : function(data, statusText) {
$('#AuthorizationCode').val(data.msg);
},
'error' : function(xhr, e1, e2) {
alert(e1,e2);
layer.msg("系统错误！");
}
});
}
3.表现层:生成16进制授权码
package firmye.action;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import firmye.pojo.CallbackResult;
import firmye.utils.EncodeUtil;
import firmye.utils.UUIDUtil;

@Controller
@RequestMapping("/authorizationCode")
public class AuthorizationCodeAction {

/**
* @author Firmye
* @date 2016年10月23日 下午9:13:14
*
* 获取授权码
*/
@ResponseBody
@RequestMapping("/getAuthorizationCode")
public CallbackResult getAuthorizationCode(){
//使用uuid工具类获得code
String code = UUIDUtil.getInstance().getUUID();
//单例16进制转码code
code = EncodeUtil.getInstance().encode_16(code);
//返回一个授权码
return new CallbackResult(true,code);
}
}
UUIDUtil.java:生成UUID
package firmye.utils;

import java.util.UUID;

public class UUIDUtil {
private static UUIDUtil uuidUtil = null;
public static UUIDUtil getInstance(){
if(uuidUtil == null)
uuidUtil = new UUIDUtil();
return uuidUtil;
}
public String getUUID(){
return UUID.randomUUID().toString();
}

public static void main(String[] args) {
for(int i = 0;i<2;i++)
System.out.println(UUIDUtil.getInstance().getUUID());
}
}
EncodeUtil.java生成Encode
package firmye.utils;

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;

public class EncodeUtil {
private static EncodeUtil encodeUtil = null;

public static EncodeUtil getInstance() {
if (encodeUtil == null)
encodeUtil = new EncodeUtil();
return encodeUtil;
}

//加密成32位
public String encode(String str) {
try {
// 拿到一个MD5转换器（如果想要SHA1参数换成”SHA1”）
MessageDigest messageDigest = MessageDigest.getInstance("MD5");
// 输入的字符串转换成字节数组
byte[] inputByteArray = str.getBytes();
// inputByteArray是输入字符串转换得到的字节数组
messageDigest.update(inputByteArray);
// 转换并返回结果，也是字节数组，包含16个元素
byte[] resultByteArray = messageDigest.digest();
// 字符数组转换成字符串返回
return byteArrayToString(resultByteArray);
} catch (NoSuchAlgorithmException e) {
return null;
}
}
//加密成16位
public String encode_16(String str) {
return encode(str).substring(8, 24);
}

public String byteArrayToString(byte[] byteArray) {
// 首先初始化一个字符数组，用来存放每个16进制字符
char[] hexDigits = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F' };
// new一个字符数组，这个就是用来组成结果字符串的（解释一下：一个byte是八位二进制，也就是2位十六进制字符（2的8次方等于16的2次方））
char[] resultCharArray = new char[byteArray.length * 2];
// 遍历字节数组，通过位运算（位运算效率高），转换成字符放到字符数组中去
int index = 0;
for (byte b : byteArray) {
resultCharArray[index++] = hexDigits[b >>> 4 & 0xf];
resultCharArray[index++] = hexDigits[b & 0xf];
}
// 字符数组组合成字符串返回
return new String(resultCharArray);
}
public static void main(String[] args) throws NoSuchAlgorithmException, UnsupportedEncodingException {
String str = "adminadm";
System.out.println(EncodeUtil.getInstance().encode(str));
System.out.println(EncodeUtil.getInstance().encode_16(str));
}
}

脚本:jquery设置授权码的value值
function load(){
$.ajax({
'url' : '/web10-7/authorizationCode/getAuthorizationCode',
'type' : 'post',//提交post请求可以获得数据
'dataType' : 'json',//数据格式是json
'success' : function(data, statusText) {
//data是数据请求的返回对象,把授权码的值设置为msg
$('#AuthorizationCode').val(data.msg); //最后执行
},
'error' : function(xhr, e1, e2) {
alert(e1,e2);
layer.msg("系统错误！");
}
});
}
思路:获得授权码的思路是:
表单->
脚本->
url->
action->
util->
$('#AuthorizationCode').val(data.msg);

4.validate:表单验证
//validate表单验证
$("#form-add").validate({
rules:{
Name:{
required:true,
},
Id_card:{
required:true,
},
Phone:{
required:true,
},
Wechat:{
required:true,
},
Address:{
required:true,
},
UserName:{
required:true,
remote:{
url:"/web10-7/user/checkUser",
type:"post",
data:{//返回给后台的数据,组参
UserName:function(){
return $("#UserName").val();
}
}
}
},

Password:{
required:true,
minlength:6,
},
CheckPassword:{
required:true,
equalTo:"#Password",
minlength:6,
}
},
messages:{
Name:{
required:"请输入姓名",
},
Id_card:{
required:"请输入身份证号码",
},
Phone:{
required:"请输入手机号码",
},
Wechat:{
required:"请输入微信",
},
Address:{
required:"请输入地址",
},
UserName:{
required:"请输入登陆账号",
remote:"该账号已存在",
},
Password:{
required:"请输入密码",
minlength:"长度至少为6位",
},
CheckPassword:{
required:"请确认密码",
equalTo:"两次密码不一致",
minlength:"长度至少为6位",
}
},
onkeyup:false,
focusCleanup:true,
success:"valid",
submitHandler:function(form){
formSubmit();
}
});
5.UserAction检查用户名是否已存在
/**
* @author Firmye
* @date 2016年10月20日 下午3:48:58
*
* 检验用户名唯一
*/
@ResponseBody
@RequestMapping("/checkUser")
public Boolean checkUser(HttpServletRequest request){
String name = request.getParameter("UserName");
User user = userService.checkName(name);
if(user!=null)
return false;
return true;
}


6.表单异步提交
function formSubmit(){
var formData = new FormData($('#form-add')[0]);
$.ajax({
'url' : '/web10-7/distributor/addDistributor',
'type' : 'post',
'data': formData,
'dataType' : 'json',
'async': false,
'cache':false,
'processData': false, // 告诉jQuery不要去处理发送的数据
'contentType': false, // 告诉jQuery不要去设置Content-Type请求头
'success': function(data,statusText) {
if(data.status){
layer.msg("注册成功！");
}else{
layer.msg("注册失败！");
}
},
'error':function(xhr,e2,e2){
layer.msg("系统错误");
}
});
return false;
}

</script>
</body>
</html>
7.DistributorAction.java
@ResponseBody
@RequestMapping("/addDistributor")
public CallbackResult addDistributor(HttpSession session,HttpServletRequest request,MultipartFile img) throws IOException, ServletException{
CallbackResult callbackResult = new CallbackResult();
User user = (User) session.getAttribute("user");
String Authorization_Code = request.getParameter("AuthorizationCode");
String Distributor_level = request.getParameter("iDistributor_level");
String Name = request.getParameter("Name");
String Id_card = request.getParameter("Id_card");
String Phone = request.getParameter("Phone");
String Wechat = request.getParameter("Wechat");
String Address = request.getParameter("Address");
String Email = request.getParameter("Email");
String QQ = request.getParameter("QQ");
String UserName = request.getParameter("UserName");
String Password = request.getParameter("Password");
Password += Password.substring(0, 3);
Password = EncodeUtil.getInstance().encode(Password);
//生成UUID
String id = UUIDUtil.getInstance().getUUID();
//得到图片路径
String Id_photo = request.getSession().getServletContext().getRealPath("/")+ "images\\idphoto\\" + img.getOriginalFilename();
//图片转换
img.transferTo(new File(Id_photo));
AuthorizationCode authorizationCode = new AuthorizationCode();
authorizationCode.setAuthorization_code(Authorization_Code);
authorizationCode.setCreate_by(user.getId());
authorizationCode.setDistributor_id(id);
authorizationCode.setCreate_time(GetTimeUtil.getInstance().getNow());
authorizationCode.setDistributor_level(Distributor_level);
authorizationCode.setStatus(1);
if(authorizationCodeService.add(authorizationCode)){
User newUser = new User();
newUser.setId(id);
newUser.setName(UserName);
newUser.setPassword(Password);
newUser.setStatus(1);
newUser.setCreate_date(GetTimeUtil.getInstance().getNow());
newUser.setCreate_by(user.getName());
if(userService.add(newUser)){
Distributor distributor = new Distributor();
distributor.setId(id);
distributor.setReal_name(Name);
distributor.setPhone(Phone);
distributor.setEmail(Email);
distributor.setWechat(Wechat);
distributor.setQq(QQ);
distributor.setId_card(Id_card);
distributor.setId_photo(Id_photo);
distributor.setAddress(Address);
distributor.setLevel(Distributor_level);
distributor.setAuthorization_code(Authorization_Code);
distributor.setStatus(1);
if(distributorService.add(distributor)){
if(userRoleService.add(new UserRole(id,"15c0caf9-ba89-4244-a6e7-fed69c17388a"))){
callbackResult.setStatus(true);
}else{
callbackResult.setStatus(false);
}
}else{
callbackResult.setStatus(false);
}
}else{
callbackResult.setStatus(false);
}
}else{
callbackResult.setStatus(false);
}
return callbackResult;
}


IT界的大孩子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Laravel实现用户注册和登录
10-24
本文详细给我们展示了使用Laravel实现用户注册和登录的方法和步鄹,需要的朋友可以参考下
JQueryValidate验证和Form表单的配合
caottao9527的博客
02-28 3022
最近遇到很多Form表单的项目，都是必须要加表单验证的。自己就总结了一些小方法，方便以后查看。第一种：这是bootstrap和JQueryValidate配合html代码：&lt;form class="form-horizontal" id="reportedLoss_add_form"&gt; &lt;div class="form-group" style="margin-top: 15...
对表单进行验证! $(“选择器“).validate()；
qwq1518346864的博客
05-28 935
validate使用步骤 导入jquery文件 导入validate.js 页面加载成功后!对表单进行验证! $("选择器").validate(); 在validate中编写校验规则 $("选择器").validate( rules:{}, messages:{} ); $(function(){ $("#formId").validate({ rules:{ //1.校验元素的name属性 username:"校验器" 使用单一的校验器
Java开发：实现用户注册登录的功能
Chenhui98的博客
09-17 1万+
在Java开发过程中，实现用户的注册功能是最基本的，用户通过手机号或者邮箱作为注册账号也是非常常见的操作方式，不管是通过手机号注册或者邮箱注册，原理都差不多，那么本文就来分享一下在Java开发过程中的用户注册账号的功能实现。通过上文讲述的流程步骤，就简单实现了一个比较全面的用户注册登录的功能，虽然这个功能很普遍，但是对于Java开发刚入门的新手来说还是有难度的，这个命题可以作为出入Java开发者来作为练习的知识点，以上就是本文的全部内容，如有不妥之处，还请多多提出来。
Java-web实现用户登录、注册功能
m0_52822058的博客
12-17 2万+
在编写代码之前，在pom.xml导入servlet、mybatis的依赖，导入tomcat插件。工具类抽取以后，以后在对Mybatis的SqlSession进行操作的时候，就可以直接使用。采用正则表达式实现用户名不超过15个字符、密码在4~10个字符。在写Servlet的时候，因为需要使用Mybatis来完成数据库的操作，所。编写UserMapper提供根据用户名查询用户数据方法和添加用户方法。编写UserMapper提供根据用户名、密码查询用户数据方法方法。来一个登录失败的案例：admin用户不存在。
用户注册与登录功能（完整实现的思路分析）
最新发布
/*多学习 不油腻*/
03-09 1万+
注册登录功能在技术上并不复杂，但它在应用中扮演着至关重要的角色。它涉及到用户数据的存储、验证、安全等多个方面，因此需要考虑多个因素来确保功能的稳定性和安全性。
JSP model2（MVC）思想实现用户注册
06-04
- **第一步：用户界面**：用户通过浏览器访问注册页面，一个JSP页面显示注册表单，表单包含用户名、密码、邮箱等字段。 - **第二步：提交请求**：用户填写表单后，点击提交按钮，向服务器发送POST请求，请求中包含...
实现用户注册登录的简单程序
11-10
简单实现用户注册登录系统： 包括登录页面、注册页面、主页面； 对前端提交的数据，通过js进行合法性判断（用户名只能使用字母数字下划线组成，密码只能使用数字，注册时，两次输入的密码必须相同），不符合要求，不...
Nodejs实现用户注册功能
10-17
本文通过实例代码给大家介绍了Nodejs实现用户注册功能，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
Android开发中实现用户注册和登陆的代码实例分享
09-03
在登录对话框中，还有一个按钮用于引导用户进行注册。 在Android中，我们可以使用AlertDialog或者自定义DialogFragment来创建这些对话框。对于登录功能，我们需要监听“登陆”按钮的点击事件（在XML中通过android:...
用户注册的实现
weixin_44730166的博客
09-14 809
用户注册的基本流程（以手机号注册为例） 前后端验证手机号格式是否正确 后端验证手机号是否已经注册 前端通过注册按钮发送 Ajax 请求携带手机号到后端 后端进行手机号的校验，如果数据库中已经存在该手机，返回已注册的信息给前端 如果数据库中不存在该手机号，则告知该手机号可以注册 手机验证通过后，进入注册信息填写页面 需要发送验证码，通过验证码来识别是否本人在注册。前端发送异步请求（携带手机号） 后端获取手机号 进行手机号的基本校验，以及手机号是否注册等等 使用uuid的方式
注册功能怎么实现
weixin_35751412的博客
01-15 846
注册功能的实现可以通过以下步骤来完成: 建立一个注册页面，在页面中包含用户名、密码、邮箱等信息的输入框。 在用户提交注册信息后，使用 JavaScript 或服务器端语言对用户提交的信息进行验证。 将验证通过的用户信息存储到数据库中。 给用户发送一封确认邮件，要求用户点击邮件中的链接来激活账户。 当用户点击邮件中的链接时，将用户的状态改为已激活。 注册完成后，可以跳转到登录页面。 ...
网页注册功能的实现
weixin_56493063的博客
12-28 4962
网页注册功能的实现
作业 02|实现用户注册功能
m0_64018773的博客
06-14 2222
实现用户注册功能 ·前端布局 ·事件绑定处理方法 ·吐司提示 ·实现跳转 ·事件监听 ·单选按钮、复选框
用户注册的实现--学习总结
weixin_44239550的博客
12-16 393
核心方式是在service层的代码，这里的方法，返回的是一个Boolean值，调用的接口是。
如何实现一个项目的用户注册功能？
王伟的博客
02-03 1万+
一、如何实现一个项目的用户注册功能的步骤？ 1. 先获取前端的值（这还只是web层 2. 现在需要创建一个UserService类，吧数据传到service层的架构 3. service层就是专门来处理业务的逻辑的 a。先判断用户是否存在，如果存在就不可以注册 （1）如何判断用户是不是存在呢 1，需要用到dao层来和数据库里面的信息进行比对，先创建
实现用户注册功能的代码
热门推荐
张思阳的博客
04-21 5万+
1.功能介绍 使用语言： html ＋ javascript + ajax + php 后端数据库： MySQL (这里不涉及到样式) 成功注册流程： 注册页面(register.html)，该页面提供一个 form表单，收集用户信息。 提交后转到register.php页面，利用php将注册信息添加到数据库中。 2.实现代码 2.1 创建MySql数据库中的用户信息表 需...
用户注册功能实现
zuimeng2226的博客
12-07 851
用户注册功能
案例：实现用户注册功能
daqi1983的博客
12-08 1913
实现注册的核心代码
写一个实现用户登录注册的代码
04-07
好的，以下是一个简单的用户登录注册的代码示例： ```python # 用户信息存储 user_info = {} # 用户注册 def register(username, password): if username in user_info: print("用户名已存在！") return False ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值