店铺类别和所属区域没有显示

Question

$(function () {
    var initUrl='/o2o/shop/getshopinitinfo';
    var registerShopUrl='/o2o/shopadmin/registershop';
    alert(initUrl);
    getShopInitInfo();

    function getShopInitInfo() {
        $.getJSON(initUrl,function (data) {
            if(data.success){
                var tempHtml='';
                var tempAreaHtml='';
                data.shopCategoryList.map(function (item,index) {
                    tempHtml += '<option data-id="' + item.shopCategoryId
                        + '">' + item.shopCategoryName + '</option>';
                });
                data.areaList.map(function (item,index) {
                    tempAreaHtml += '<option data-id="' + item.areaId + '">'
                        + item.areaName + '</option>';
                });
                $('#shop-category').html(tempHtml);
                $('#area').html(tempAreaHtml);
            }
        });
        $('#submit').click(function () {
            var shop={};
            shop.shopName=$('#shop-name').val();
            shop.shopAddr=$('#shop-addr').val();
            shop.phone=$('#shop-phone').val();
            shop.shopDesc=$('#shop-desc').val();
            shop.shopCategory={}
            shop.shopCategory = {
                shopCategoryId : $('#shop-category').find('option').not(function() {
                    return !this.selected;
                }).data('id')};
            shop.area = {
                areaId : $('#area').find('option').not(function() {
                    return !this.selected;
                }).data('id')
            };
            var shopImg=$('#shop-img')[0].files[0];
            var formData=new FormData();
            formData.append('shopImg',shopImg);
            formData.append('shopStr',JSON.stringify(shop));
            $.ajax({
                url:registerShopUrl,
                type:'POST',
                data:formData,
                contentType:false,
                proceesData:false,
                cache:false,
                success:function (data) {
                    if (data.success){
                        $.toast('提交成功!');
                    }else {
                        $.toast('提交失败!'+data.errMsg);
                    }
                }
            });
        });
    }
})

以上是js代码

看控制台信息的话貌似是get请求找不到一个具体的类吗？

缺乏看这信息的能力，请老师多指教。

在ShopManagementController类中的@Autowired标签有报错，但是不影响程序运行，经过测试可以用构造注入去掉报错

以下是编译器控制台在点击后的提示信息

shopCategoryDao层是没有问题的，通过测试

现在想不出问题出在哪，是service层还是Controller层?，看tomcat信息貌似是处在service层，但是却无法定位错误，请老师指示

Answer 1

翔仔 2018-03-20 21:58:06

同学好，建议同学不要自己回复自己的问题，不然很难看到。

看到同学的问题还挺多，首先先来解决404这个错误，你可以看到common.js这个文件找不到，请先按照视频里把common.js这个文件引入工程对应目录再说，现在就是找不到它才报错的。而且验证码的部分，感觉同学是不是没有按照视频里的来，而是赋值粘贴来搞的，因为才第四章结果就出现了验证码？这样是不行的，会遇到越来越多的问题。请严格按照视频来，不然问题太多同学又解决不了的话只能跟着视频来，否则没法定位了

• 提问者 Jimblack #1

  老师，我是在不确定html代码是否打对了的情况下复制了老师的代码并修改。
  
  在我的记忆中貌似老师在本节没有讲到common.js啊 这个js文件是后面的内容吗

• 提问者 Jimblack #2

  老师  我经过检查，发现common.js是我没有删除的原因，目前只有一个错误了，就是getshopinfo这个方法了。但是请问如何通过这个前端控制台知道是我js中的geishopinfo出错了还是ShopManagementController类中的geishopinfo方法出错了呢

• 提问者 Jimblack #3

  老师，这句话是意思呢？
  message /o2o/shop/getshopinitinfo
  项目中只有一个shop实体类呀
  这里是指ShopManagementController中value=“getshopinfo”的那个geiShopInfo方法吗

点开查看后面6条评论

Answer 2

提问者 Jimblack 2018-03-20 21:08:45

排查了一会儿，难道是我js写错了？ 验证过代码，感觉可能出错的地方就是这里。

我的项目结构和老师的不同，没有com.mooc    就直接o2o了 ，不过这是在项目根目录里的呀，加个绝对路径应该是没问题的，我稍后验证。 还有一个可能就是html中的路径吗？但是这里的路径也应该没有问题的

• 提问者 Jimblack #1

  修改路径后没有效果，验证失败

Answer 3

提问者 Jimblack 2018-03-20 20:41:56

   <!-- 联系电话 text -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">联系电话</div>
                                <div class="item-input">
                                    <input type="text" id="shop-phone" placeholder="联系电话">
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- 缩略图 上传控件 -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">缩略图</div>
                                <div class="item-input">
                                    <input type="file" id="shop-img">
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- 店铺简介 textarea -->
                    <li class="align-top">
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">店铺简介</div>
                                <div class="item-input">
                                    <textarea id="shop-desc" placeholder="店铺简介"></textarea>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- 验证码 ka -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">验证码</div>
                                <input type="text" id="j_captcha" placeholder="验证码">
                                <div class="item-input">
                                    <img id="captcha_img" alt="点击更换" title="点击更换"
                                         onclick="changeVerifyCode(this)" src="../Kaptcha" />
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content-block">
                <div class="row">
                    <div class="col-50">
                        <a href="/o2o/shopadmin/shopmanagement" class="button button-big button-fill button-danger">返回</a>
                    </div>
                    <div class="col-50">
                        <a href="#" class="button button-big button-fill button-success"
                           id="submit">提交</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script type='text/javascript'
        src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../resources/js/common/common.js'
        charset='utf-8'></script>
<script type='text/javascript'
        src='../resources/js/shop/shopoperation.js' charset='utf-8'></script>
</body>
</html>

以上是html代码，一次贴不完，分两次

Answer 4

提问者 Jimblack 2018-03-20 20:41:12

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>SUI Mobile Demo</title>
    <meta name="description"
          content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
    <meta name="author" content="阿里巴巴国际UED前端">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <!-- Google Web Fonts -->

    <link rel="stylesheet"
          href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet"
          href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">

    <link rel="apple-touch-icon-precomposed"
          href="/assets/img/apple-touch-icon-114x114.png">

</head>
<body>
<div class="page-group">
    <div id="page-label-input" class="page">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back"
               href="/demos/form"> <span class="icon icon-left"></span> 返回
            </a>
            <h1 class="title">商店信息</h1>
        </header>
        <div class="content">
            <div class="list-block">
                <ul>
                    <!-- Text inputs -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">商铺名称</div>
                                <div class="item-input">
                                    <input type="text" id="shop-name" placeholder="商铺名称">
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- 商铺分类 下拉列表 -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">商铺分类</div>
                                <div class="item-input">
                                    <select id="shop-category">
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- 区域分类 下拉列表 -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">所属区域</div>
                                <div class="item-input">
                                    <select id="area">
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- 详细地址 text -->
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">详细地址</div>
                                <div class="item-input">
                                    <input type="text" id="shop-addr" placeholder="详细地址">
                                </div>
                            </div>
                        </div>
                    </li>