Java之品优购课程讲义_day14(5)

用户注册
4.1 需求分析
完成用户注册功能
Java之品优购课程讲义_day14(5)
4.1 工程搭建
4.1.1 用户服务接口层
(1)创建 pinyougou-user-interface(jar)
(2)引入 pojo 依赖

4.1.2 用户服务实现层
(1)创建 pinyougou-user-service(war)

(2)引入 spring dubbox activeMQ 相关依赖,引入依赖( pinyougou-user-interface pinyougou-dao pinyougou-common),运行端口为 9006
(3)添加 web.xml
(4)创建 Spring 配置文件 applicationContext-service.xml 和 applicationContent-tx.xml

<dubbo:protocol name="dubbo" port="20886" />

<dubbo:annotation package="com.pinyougou.user.service.impl" />

<dubbo:application name="pinyougou-user-service"/>
<dubbo:registry address="zookeeper://192.168.25.135:2181"/>
4.1.1 用户中心 WEB 层
创建 war 工程 pinyougou-user-web 我们将注册功能放入此工程
(1)添加 web.xml

(2)引入依赖 pinyougou-user-interface 、spring 相关依赖(参照其它 web 工程),tomcat 运行端口 9106
(3)添加 spring 配置文件
(4)拷贝静态原型页面 register.html 及相关资源

4.3 基本注册功能实现
4.3.1 生成和拷贝代码

Java之品优购课程讲义_day14(5)
Java之品优购课程讲义_day14(5)
Java之品优购课程讲义_day14(5)
Java之品优购课程讲义_day14(5)

4.3.1 后端服务实现层
修改 pinyougou-user-service 的 UserServiceImpl.java

/**

  • 增加

*/ @Override
public void add(TbUser user) {

user.setCreated(new Date());//创建日期 user.setUpdated(new Date());//修改日期
String password = DigestUtils.md5Hex(user.getPassword());//对密码加密 user.setPassword(password);

userMapper.insert(user);

}
4.3.1 前端控制层
修改 userController.js

//控制层

app.controller('userController' ,function($scope,$controller ,userService){

//注册

$scope.reg=function(){

if($scope.entity.password!=$scope.password) {

alert("两次输入的密码不一致,请重新输入");

return ;

}

userService.add( $scope.entity ).success(

function(response){ alert(response.message);
}

);

}

});
4.3.1 修改页面
修改页面 register.html ,引入 js

<script type="text/javascript" src="plugins/angularjs/angular.min.js"></script>

<script type="text/javascript" src="js/base.js"></script>

<script type="text/javascript" src="js/service/userService.js"></script>
<script type="text/javascript" src="js/controller/userController.js"></script>
指令

<body ng-app="pinyougou" ng-controller="userController" >
绑定表单

<form class="sui-form form-horizontal">

<div class="control-group">

<label class="control-label">用户名:</label>

<div class="controls">

<input type="text" placeholder="请输入你的用户名" ng-model="entity.username" class="input-xfat input-xlarge">

</div>

</div>

<div class="control-group">

<label for="inputPassword" class="control-label">登录密码:</label>

<div class="controls">

<input type="password" placeholder="设置登录密码" ng-model="entity.password" class="input-xfat input-xlarge">

</div>

</div>

<div class="control-group">

<label for="inputPassword" class="control-label">确认密码:</label>

<div class="controls">

<input type="password" placeholder="再次确认密码" ng-model="password" class="input-xfat input-xlarge">

</div>

</div>

<div class="control-group">

<label class="control-label">手机号:</label>

<div class="controls">

<input type="text" placeholder="请输入你的手机号" ng-model="entity.phone" class="input-xfat input-xlarge">

</div>

</div>

<div class="control-group">

<label for="inputPassword" class="control-label">短信验证码:</label>

<div class="controls">

<input type="text" placeholder="短信验证码" class="input-xfat input-xlarge"> <a href="#">获取短信验证码</a>

</div>

</div>

<div class="control-group">

<label for="inputPassword"
class="control-label"> </label>

<div class="controls">

<input name="m1" type="checkbox" value="2" checked=""><span>同意协议并注册《品优购用户协议》</span>

</div>

</div>

<div class="control-group">

<label class="control-label"></label>

<div class="controls btn-reg">

<a class="sui-btn btn-block btn-xlarge btn-danger" ng-click="reg()"
target="_blank">完成注册</a>

</div>

</div>

</form>

转载于:https://blog.51cto.com/13517854/2300966

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值