笔记:注册功能实现(WebService跨项目调用接口)

maven开发:

1.搭建bos_fore项目继承父工程common_parent

2.配置文件

web.xml配置:

applicationContext.xml配置:BOS前台不需要数据库,搭建项目也不需要数据库框架

3.导入UI

4.导入准备好的工具类到项目中SmsUtils,我使用的是阿里云,不知道怎么注册下载的可以问我.

生成验证码方法:

5.后台crm项目

service

serviceImpl

通过WebService实现项目之间的接口调用,所以serviceImpl中需要配置bean元素

crm中applicationContext中配置服务器

黑窗口发布命令,生成到指定文件(e:/aa)目录下,将文件拷贝到bos_fore中

注意将接口中的object错误删除.保留红色标记的几口和实体类

bos项目中配置客户端

Action

发送验证码

前台验证码处js书写:

//代表发送短信按钮

var button;

//声明倒计时数字

var count = 59;

//记录定时器id

var intervalId;

function sendCode(obj) {

button = obj;

//1 获得手机号

var phoneNumber = $("#telephone")

.val();

//2 校验手机号

if (!(/^1[34578]\d{9}$/

.test(phoneNumber))) {

//3 校验失败=>错误提示

$.messager.alert('手机号错误',

'请输入正确的手机号!', 'error');

return false;

}

//4 发送ajax请求.发送短信

$

.post(

"./CustomerAction_sendSms.action",

{

telephone : phoneNumber

}, function(data) {

//5 倒计时

djs();

});

}

//倒计时方法

function djs() {

// 将按钮禁用(变为灰色)

$(button).prop("disabled", true);

// 改变按钮文字(59秒后重发)

$(button).val(count + "秒后重发");

// 启用定时器 => 每隔一秒调用一次

intervalId = window.setInterval(

changeButton, 1000);

}

//改变按钮文字

function changeButton() {

//判断 数字是否大于0

if (count > 0) {

// 大于0 => 改变按钮上的文字为当前数字减一

$(button).val(--count + "秒后重发");

} else {

// 等于0 =>

//改变文字为"获取验证码"

$(button).val("获取验证码");

//恢复按钮为启用,

$(button).prop("disabled",

false);

//停止定时器

window

.clearInterval(intervalId);

//恢复数字为59

count = 59;

}

}

注册页面展示

属性驱动获取验证码(提供set方法)

这里错误不做优秀的处理了