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中
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方法)
