git地址https://github.com/Issac357/liangcang
网址：http://www.linran8.top/cs-zhangjiaheng/index.html

课题研究的背景意义

目前是一个互联网的时代，人们的需求日渐的被互联网满足，在这个大的背景下，我们想到了来搭建一个全面的电商的网站来满足的人们的日常的需求。这个前景还是很ok的。

可行性研究

技术可行性

我们的目前学学了html，css，js，以及jQuery框架，jQuery的插件的知识，已经可以写出一个完整的网站。

经济可行性

这个网站是一个简易的网站，用不了太多的人力和物力，实践起来很轻松。

法律可行性

我们搭建的网站没有抄袭别人的，全是凭借自己的想法来的，不存法律的问题。

需求分析

用户需求分析

1.首先我们的用户需要能在我们的网站上注册帐号。
2.能在我们的网站上登录帐号，并且可以看到自己的帐号的信息，还有可以修改自己的信息，密码。
3.我们的首页要大气上档次，布局要清晰，不能乱糟糟。
4.每件商品要能点击，点击进去购买页。
5.要有购物车功能，支付结算的功能。

系统的可靠信性和可用性需求分析

系统做的要严谨不能让用户在体验过程中出现bug或者退出，白屏等问题而结束掉游戏。要做到游戏随时可以运行随时可以结束，不要在一段时间能出现不可预知的问题。从根本解决游戏的各种不稳定因素。

代码展示

//输入框的事例
$("#pass").focus(function(){
    if($(this).val() == "请输入密码"){
        $(this).val("")
        $(this).attr("type","password")
    }
})

$("#pass").blur(function(){
    if($(this).val() == ""){
        $(this).attr("type","text")
        $(this).val("请输入密码")
        b=0
    }else{
        b=1
        
    }
})

//获取数据显示到页面上
var url = "http://h6.duchengjiu.top/shop/api_goods.php"
var data = {"page":1,"pagesize":9}
$.get(url,data,function(obj){
    console.log(obj)
    var arr = obj.data
    var h =""
    for(var j=0;j<arr.length;j++){
        if (j%3 == 0) {
            h+= '<li class="first thinngli"><a href="goods.html?goods_id='+arr[j].goods_id+'"><img src="'
        } else{
            h+= '<li class="thinngli"><a href="goods.html?goods_id='+arr[j].goods_id+'"><img src="'
        }
        
        h+=arr[j].goods_thumb
        h+='"/><div class="li-yin"><h2>￥'
        h+=arr[j].price
        h+='</h2><h1>'
        h+=arr[j].goods_desc
        h+='</h1>'
        
        h+='</div><p>'+arr[j].goods_name+'</p></a></li>'
        
    }
    console.log(h)
    $(".thing ul").html(h)
    
})

//密码强度的判断
$("#pass").keyup(function(){
    $(".pass span").css("background","#F5F5F5")
    
    var level = getLevel($(this).val())
    if(level == 0 || level == 1){
        $(".pass span").eq(0).css("background","red")
    }else if (level == 2){
        $(".pass span").eq(0).css("background","red")
        $(".pass span").eq(1).css("background","yellow")
    }else if (level == 3){
        $(".pass span").eq(0).css("background","red")
        $(".pass span").eq(1).css("background","yellow")
        $(".pass span").eq(2).css("background","#00d5e8")
    }
})


 function getLevel(txt) {
     var num = 0;
      //判断txt中是否有数字
     var reg = /\d+/;
      if (reg.test(txt)) {
         num++;
     }
     //是否包含字母
     var reg = /[a-z]+/i;
     if (reg.test(txt)) {
         num++;
     }
     //是否包含特殊符号
     var reg = /[^0-9a-zA-Z]+/;
     if (reg.test(txt)) {
         num++;
     }
     //如果密码长度小于6 强度-1
     if (txt.length < 6) {
         num--;
     }
     return num;
 }

//组织浏览器默认事件
e.preventDefault() //非ie
e.returnValue = false //低版本ie