1.新闻发布项目分析
产品调研
百度一下:目前的新闻网站浏览(腾讯新闻,凤凰新闻网)
根据提供的模板页面分析web程序的前台和后台功能
前台模块
用户模块:用户登录(自动登录),用户注册,修改密码
新闻模块:查看所有发布的新闻
评论模块:评论信息,删除自己的评论等等
新闻分类模块:可以所有的主题分类
最近的浏览记录,自动登录,分页,模糊查询等等功能
后台模块
管理员登录:验证码,自动登录
用户管理模块:CURD
分类模块:CURD
新闻模块:CURD
评论模块:CURD
2.随机验证码
//封装一个方式,用来产生随机数
var chs=[
'q','w','e','r','t','y','u','i','o','p',
'a','s','d','f','g','h','j','k','l',
'z','x','c','v','b','n','m',
'Q','W','E','R','T','Y','U','I','O','P',
'A','S','D','F','G','H','J','K','L',
'Z','X','C','V','B','N','M',
'1','2','3','4','5','6','7','8','9','0'
];
function setAutoCode(){
//var index=Math.floor(Math.random()*chs.length);
//alert(index);
var code="";
//随机产生四个随机数
for(var i=0;i<4;i++){
var index=Math.floor(Math.random()*chs.length);
//console.log(chs[index]);
code+=chs[index];
}
//console.log(code)
document.getElementById("sp").innerHTML=code;
}
//标签点击产生随机数
$("#sp").click(function(){
setAutoCode();
})
setAutoCode();
3.jQuery表单的阻止提交事件
preventDefault();
//#inputs----提交按钮对象
$("#inputs").click(function(event){
var code=$("#code").val();
if(!code){
alert('验证码不能为空');
event.preventDefault();
}else{
var sp=document.getElementById("sp").innerHTML;
if(sp!=code){
alert('验证码不一致');
event.preventDefault();
}
}
//event.preventDefaullt();jQuery表单阻止提交
})