SSM项目-我爱我家（二）

最新推荐文章于 2024-07-06 23:14:34 发布
最新推荐文章于 2024-07-06 23:14:34 发布
阅读量360 收藏
点赞数
文章标签： html js jquery javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuhahabanana/article/details/106551906
版权

首页

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="css/index.css" />
    <script src="js/jquery-1.8.3.js"></script>
    <!--<script src="js/index.js"></script>-->



</head>
<body>


<!--第一部分：头部-->
<!--1.背景图所在div-->
<div id="d2">

    <!--1.1 主题内容居中内容层 -->
    <div class="d2c2">
        <!--1.1.1 导航-->
        <div class="d2c22">
            <!--内联框体,引入顶部界面-->
            <iframe src="common/index_top.html" height="60px" width="1180px" scrolling="no" frameborder="0"></iframe>
        </div>
        <!--1.1.2 搜索框和图片所在大的div-->
        <div class="d2c23">
            <!--1.1.2.1 空的div只为空出距离-->
            <div class="d2c232"></div>
            <!--1.1.2.2 搜索框和图片所在内容div-->
            <div class="d2c233">
                <div>
                    <img src="image/shouye/ind-banner-wz.png"/>
                </div>
                <div>
                    <ul>
                        <li>二<span>手</span>房</li>
                        <li>租房</li>
                        <li>小区</li>
                    </ul>
                </div>
                <div>
                    <p>
                        <input type="text" name="search" id="font"/>
                    </p>
                    <p>
                        <a href="#" onclick="startSearch($('#font').val())" >开始找房</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--2.第二部分:横向三张图片所在div-->
<div id="d3">
    <!--2.1横向三张图片所在主题内容居中div-->
    <div>
        <img src="image/shouye/two/zhuce.jpg"/>
        <img src="image/shouye/two/goufang.jpg"/>
        <img src="image/shouye/two/xinfang.jpg"/>
    </div>
</div>
<!--3.第三部分:-->
<div id="d4">
    <!--3.1主题内容居中div-->
    <div>
        <!--<a href="#">
            <ul>
                <li><img src="image/shouye/mulu/xuanfangka.png" height="90px" width="90px"/></li>
                <li>选房卡</li>
                <li>需求太多？我们帮您来管理</li>
            </ul>
        </a>
        <a href="#">
            <ul>
                <li><img src="image/shouye/mulu/dituzhaofang.png" height="90px" width="90px"/></li>
                <li>地图找房</li>
                <li>更快捷的找房姿势</li>
            </ul>
        </a>
        <a href="#">
            <ul>
                <li><img src="image/shouye/mulu/jingjiren.png" height="90px" width="90px"/></li>
                <li>经纪人</li>
                <li>自己找房太累？不妨找个靠谱经纪人</li>
            </ul>
        </a>
        <a href="#">
            <ul>
                <li><img src="image/shouye/mulu/yezhuweituo.png"/></li>
                <li>业主委托</li>
                <li>放心委托，专业服务</li>
            </ul>
        </a>-->

    </div>
</div>
<!--4.第四部分下载APP-->
<div id="d5">

    <!--4.1 主题内容居中div-->
    <div>
        <p><img src="image/shouye/app/ind-mid-wz.png"/></p>
        <div>
            <ul>
                <li><img src="image/shouye/app/iphone.png"></li>
                <li><img src="image/shouye/app/android.png"></li>
            </ul>
            <p><img src="image/shouye/app/code-app.png"></p>
        </div>
    </div>
</div>
<!--5.第五部分：有好房-整体-->
<div id="d6">

    <!--5.1主题内容的div-->
    <div class="d6c2">
        <!--有好房前面的黄色小方块-->
        <i></i>
        <!--有好房的样式设置-->
        <h2>有好房</h2>
    </div>
    <!--好房那么多所在行的内容-->
    <p>好房辣么多，总有一套适合你</p>
    <!--好房那么多所在行的内容后面的“更多”选项的超链接样式-->
    <a href="">
        更多
        <!--“更多”超链接选项后面的小箭头-->
        <span></span>
    </a>
</div>
<!--6.第六部分：横向四张图片所在div-->
<!--有好房信息-->
<div id="d7">

    <ul>
        <li>
            <a href="#"><img src="image/shouye/six/gaishanshouxuan.jpg"/></a>
        </li>
        <li><a href="#">改善首选</a></li>
        <li>
            <a href="#">
                <i></i>
                让家更大更温暖
            </a>
        </li>
    </ul>

</div>


<!--7.第七部分：房产知识，锦郎妙计所在大div-->
<div id="d8">
    <!--7.1主题内容居中div-->
    <div class="d8c2">
        <!--7.1.1房产知识，锦囊妙计所在行的内容-->
        <ul>
            <li>房产知识</li>
            <li>锦囊妙计</li>
        </ul>
        <!--更多-->
        <a href="#">
            更多
            <i></i>
        </a>
        <!--7.1.2横向两张图所在div-->
        <div class="d8c22">
            <div>
                <a href="#"><img src="image/shouye/seven/fangchanzhishi.jpg"/></a>
            </div>
            <div>
                <h3><a href="#">定金和押金有什么区别?</a></h3>
                <p>很多朋友在租房过程中，常常会遇被一些专业术语搞糊涂，比如租房定金和租房押金是一回事吗？有什么样的区别...</p>
            </div>
            <div>
                <a href=""><img src="image/shouye/seven/jinnangmiaoji.jpg"/></a>
            </div>
            <div>
                <h3><a href="#">锦囊妙计</a></h3>
                <p>租房时除了考量房屋本身的条件之外，对于小区的选择也是非常重要的。如果住进条件不好的小区，可能生活配套...</p>
            </div>
        </div>
    </div>
</div>
<!--第八部分：-->
<div id="d9">
    <!--5.1主题内容的div-->
    <div class="d6c2">
        <!--有好房前面的黄色小方块-->
        <i></i>
        <!--有好房的样式设置-->
        <h2>新房频道</h2>
    </div>
    <!--好房那么多所在行的内容-->
    <p>以我之爱，筑您之家</p>
    <!--好房那么多所在行的内容后面的“更多”选项的超链接样式-->
    <a href="">
        更多
        <!--“更多”超链接选项后面的小箭头-->
        <span></span>
    </a>
</div>
<!--第九部分:主题内容居中div-->
<div id="d10">
    <div class="d10c2">
        <!--第一张图片所在div-->
        <a href="#">
            <div>
                <h3>苏宁紫金嘉悦</h3>
                <p>20000元/平</p>
            </div>
        </a>
        <!--第二张图片所在div-->
        <a href="#">
            <div>
                <h3>中南乐尚街</h3>
                <p>14500元/平</p>
            </div>
        </a>
        <!--第三张图片所在div-->
        <a href="#">
            <div>
                <h3>紫荆名苑</h3>
                <p>25709元/平</p>
            </div>
        </a>
    </div>
    <p>
        <a href="#">
            玄武&nbsp;&nbsp;&nbsp;仙鹤门商圈&nbsp;&nbsp;&nbsp;35-55平米&nbsp;&nbsp;&nbsp;公寓
        </a>
    </p>
    <p>
        <a href="#">
            栖霞&nbsp;&nbsp;&nbsp;马群&nbsp;&nbsp;&nbsp;37-48平米&nbsp;&nbsp;&nbsp;公寓
        </a>
    </p>
    <p>
        <a href="#">
            栖霞&nbsp;&nbsp;&nbsp;和燕路&nbsp;&nbsp;&nbsp;89-119平米&nbsp;&nbsp;&nbsp;普通住宅
        </a>
    </p>
</div>
<!--第十部分:背景-->
<div id="d11">
    <ul>
        <li>
            友情链接
            <span></span>
        </li>
        <li>
            热门二手房
            <span></span>
        </li>
        <li>
            热门租房
            <span></span>
        </li>
        <li>
            热门小区
            <span></span>
        </li>
        <li>
            热门新房
            <span></span>
        </li>
        <li>
            热门房价
            <span></span>
        </li>
        <li>
            热门房产网
            <span></span>
        </li>
        <li>
            房产百科
            <span></span>
        </li>
    </ul>
    <ul>
        <li>
            <a href="#">北京二手房网</a>
        </li>
        <li>
            <a href="#">天津二手房网</a>
        </li>
        <li>
            <a href="#">太原二手房网</a>
        </li>
        <li>
            <a href="#">上海二手房网</a>
        </li>
        <li>
            <a href="#">南京二手房网</a>
        </li>
        <li>
            <a href="#">杭州二手房网</a>
        </li>
        <li>
            <a href="#">苏州二手房网</a>
        </li>
        <li>
            <a href="#">长沙二手房网</a>
        </li>
        <li>
            <a href="#">武汉二手房网</a>
        </li>
        <li>
            <a href="#">南宁二手房网</a>
        </li>
        <li>
            <a href="#">南京商业地产</a>
        </li>
        <li>
            <a href="#">南京购房</a>
        </li>
        <li>
            <a href="#">南京二手房价格</a>
        </li>
        <li>
            <a href="#">南京房产网</a>
        </li>
        <li>
            <a href="#">南京装修</a>
        </li>
        <li>
            <a href="#">南京装修</a>
        </li>
        <li>
            <a href="#">南京房地产</a>
        </li>
        <li>
            <a href="#">南京楼盘</a>
        </li>
        <li>
            <a href="#">南京二手房</a>
        </li>
        <li>
            <a href="#">南京天气预报15天</a>
        </li>
        <li>
            <a href="#">南京二手房</a>
        </li>
        <li>
            <a href="#">成都房产</a>
        </li>
        <li>
            <a href="#">长沙房产网</a>
        </li>
        <li>
            <a href="#">集成灶</a>
        </li>
    </ul>
</div>
<iframe src="common/root/publicRoot.html" width="100%" height="314px" frameborder="0px" scrolling="no"></iframe>
<aside>
    <ul>
        <li><a href="#"><i></i></a></li>
        <li><a href="#"><i></i></a></li>
        <li><a href="#"><i></i></a></li>
        <li><a href="#"><i></i></a></li>
        <li><a href="#"><i></i></a></li>
        <li><a href="#"><i></i></a></li>
        <li><a href="#"><i></i></a></li>
    </ul>
</aside>
<article>
    <span>咨询经纪人</span>
    <i></i>
</article>

<!--d7的jQuery-->
<script type="text/javascript">
    //加载时操作
    $(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getHavegoodhouse",function (data) {
            alert("进入d7的jQuery回调,集合是"+data);
            var str ="";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i,item) {
                str+='<ul><li><a href="#"><img src="'+item.yhfinmgurl+'"/></a></li>'+
                    '<li><a href="#">'+item.yhftitle+'</a></li>'+
                    '<li><a href="#"><i></i>'+item.yhfsummary+'</a></li></ul>';
            });

            //将str放入到d7的div中
            $("#d7").html(str);

    })
    });

<!--d4的jQuery-->
    //加载时操作
    $(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getPicinfo",function (data) {
            var str ="";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i,item) {
                str+='<a href="#"><ul><li><img src="'+item.twimgurl+'" height="90px" width="90px" /></li>'+
                    '<li>'+item.twtitle+'</li>'+
                    '<li>'+item.twsummary+'</li></ul></a>';
            });

            //将str放入到d4的div中
            $("#d4 > div ").html(str);

        })
    });
</script>

</body>
</html>

——————————————————————————————————————————
二手房页面，按条件查询

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>二手房首页</title>
    <link type="text/css" rel="stylesheet" href="css/secondHandHouse.css"/>
    <script src="js/jquery-1.8.3.js"></script>

</head>
<body style="overflow-x: hidden;">
<!--1.黑色背景头部导航-->
<div id="d2">
    <iframe src="common/public_top.html" height="60px"
            width="100%" scrolling="no" frameborder="no"></iframe>
</div>
<!--2.搜索框所在灰色背景两端顶头div-->
<div id="d3">
    <!--2.1 主体内容居中div-->
    <div class="d3c2">
        <p>
            <span><a href="#">我爱我家南京</a> </span>
            &gt;
            <span><a href="#">南京二手房</a></span>
        </p>
        <p>
            <input type="text" name="search" placeholder="区域、商圈、小区、地铁应有尽有"/>
            <input type="image" src="image/secondHouse/search.png"/>
        </p>
    </div>
</div>
<!--3.条件筛选-->
<div id="d4">
    <!--3.1主体内容居中div-->
    <div class="d4c2">
        <!--3.1.1 选项卡-->
        <div class="d4c22">
            <p><a href="#">条件筛选</a></p>
            <p><a href="#">选房卡</a></p>
        </div>
        <!--3.1.2 条件筛选-->
        <div class="d4c23">
            <!--3.1.2.1 位置-->
            <div class="d4c232">
                <p>位置</p>
                <ul>
                    <li>区域</li>
                    <li>地铁</li>
                </ul>
            </div>

            <!--3.1.2.2 所有条件筛选所在div-->
            <div class="d4c233">
                <!--区域-->
                <dl id="district">
                    <dt>全部</dt>
                    <!--                    <dd>江宁区</dd>
                                        <dd>鼓楼区</dd>
                                        <dd>玄武区</dd>
                                        <dd>建邺区</dd>
                                        <dd>秦淮区</dd>
                                        <dd>栖霞区</dd>
                                        <dd>雨花台区</dd>
                                        <dd>浦口区</dd>
                                        <dd>六合区</dd>
                                        <dd>溧水区</dd>
                                        <dd>高淳区</dd>
                                        <dd>南京周边</dd>-->
                </dl>
                <!--3.1.2.2.1总价-->
                <dl id="totalpricesection">
                    <dt>总价</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="maxprice">80万以下</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="price">80-100万</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="price">100-120万</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="price">120-150万</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="price">150-200万</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="price">200-300万</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="price">300-500万</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="minprice">500万以上</span></dd>-->
                    <dd>
                        <ul>
                            <li><input type="text" name="minarea"/></li>
                            <li>~</li>
                            <li><input type="text" name="maxarea"/></li>
                            <li>㎡</li>
                            <li><input type="button" value="确定"/></li>
                        </ul>
                    </dd>
                </dl>

                <!--3.1.2.2.2面积-->
                <dl id="totalareasection">
                    <dt>面积</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="maxarea">50㎡以下</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="area">50-70㎡</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="area">70-90㎡</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="area">90-110㎡</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="area">110-130㎡</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="area">130-150㎡</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="area">150-200㎡</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="minarea">200㎡以上</span></dd>-->
                    <dd>
                        <ul>
                            <li><input type="text" name="minarea"/></li>
                            <li>~</li>
                            <li><input type="text" name="maxarea"/></li>
                            <li>㎡</li>
                            <li><input type="button" value="确定"/></li>
                        </ul>
                    </dd>
                </dl>

                <!--3.1.2.2.3户型-->
                <dl id="housetype">
                    <dt>户型</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="housetype">一室</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="housetype">二室</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="housetype">三室</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="housetype">四室</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="housetype">五室</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="housetype">五室以上</span></dd>-->
                </dl>
                <!--3.1.2.2.4用途-->
                <dl id="houseuse">
                    <dt>用途</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="use">普通住宅</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="use">别墅</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="use">其他</span></dd>-->
                </dl>
                <!--3.1.2.2.5楼层-->
                <dl id="louceng">
                    <dt>楼层</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="floor">低楼层</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="floor">中楼层</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="floor">高楼层</span></dd>-->
                </dl>
                <!--3.1.2.2.6朝向-->
                <dl id="chaoxiang">
                    <dt>朝向</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="faceto">南北</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="faceto">南</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="faceto">东</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="faceto">西</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="faceto">北</span></dd>-->
                </dl>
                <!--3.1.2.2.7楼龄-->
                <dl id="louling">
                    <dt>楼龄</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="houseage">5年以内</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="houseage">10年以内</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="houseage">15年以内</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="houseage">20年以内</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="houseage">20年以上</span></dd>-->
                </dl>
                <!--3.1.2.2.8装修-->
                <dl id="zhuangxiu">
                    <dt>装修</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="decoration">精装修</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="decoration">普通装修</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="decoration">毛坯房</span></dd>-->
                </dl>
                <!--3.1.2.2.9标签-->
                <dl id="biaoqian">
                    <dt>标签</dt>
                    <!--                    <dd><img src="image/secondHouse/kuang2.png"/><span class="lable">近地铁</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">随时看</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">满两年</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">满五年</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">近公园</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">复式</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">跃层</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">loft</span></dd>
                                        <dd><img src="image/secondHouse/kuang1.png"/><span class="lable">隧道口</span></dd>-->
                </dl>

            </div>
            <!--3.1.2.3 更多首期链接div-->
            <div class="d4c234">
                <img src="image/secondHouse/shouqi.png"/>
            </div>


        </div>
        <!--3.1.3条件拼接-->
        <div class="d4c24">
            <!--3.1.3.1 条件文字所在div-->
            <div class="d4c242">
                条件
            </div>
            <!--3.1.3.2 条件拼接div-->
            <div class="d4c243" id="condition">
                <!--                <p>
                                    <span>毛坯房</span>
                                    <label>X</label>
                                </p>
                                <p>
                                    <span>普通住宅</span>
                                    <label>X</label>
                                </p>
                                <p>
                                    <span>普通住宅</span>
                                    <label>X</label>
                                </p>-->
            </div>
            <!--3.1.3.3 保存删除所在div-->
            <div class="d4c244">
                <img id="save" src="image/secondHouse/save.png"/>
                <img id="delete" src="image/secondHouse/delete.png"/>
            </div>
        </div>
    </div>
</div>
<!--4.数据部分div两端顶头div-->
<div id="d5">
    <!--4.1主题内容居中div-->
    <div class="d5c2">
        <!--4.1.1左侧数据列表部分div-->
        <div class="d5c22">
            <!--4.1.1.1第一行菜单列表div-->
            <div class="d5c222">
                <ul>
                    <li>默认排序</li>
                    <li>总价</li>
                    <li>单价</li>
                    <li>面积</li>
                    <li>最新发布</li>
                </ul>
            </div>
            <!--4.1.1.2第二行总条数div-->
            <div class="d5c223" id="totalCount">
                <!--共找到&nbsp;&nbsp;<strong>39510</strong>&nbsp;&nbsp;套房源-->
            </div>
            <!--★4.1.1.3数据列表div-->
            <div class="d5c224" id="houseList">
                <!--4.1.1.3.1 数据内容div-->
                <!--                <div class="d5c2242">-->
                <!--&lt;!&ndash;4.1.3.1.1 存放图片div&ndash;&gt;
                <div>
                    <a href="#">
                        <img src="image/secondHouse/house/1.jpg" height="195px" width="240px">
                    </a>
                </div>
                &lt;!&ndash;4.1.3.1.2 存放文字内容div&ndash;&gt;
                <div>
                    &lt;!&ndash;黑体字标题&ndash;&gt;
                    <h3><a href="#">西方巷一室一厅一卫</a></h3>
                    &lt;!&ndash;房子信息&ndash;&gt;
                    <div>
                        <ul>
                            <li>
                                <i></i>
                                1 室 1 厅 · 36 平米 · 南 · 高楼层/7层 · 精装
                            </li>
                            <li>
                                <i></i>
                                新街口 西方巷 · 距离地铁张府园310米
                            </li>
                            <li>
                                <i></i>
                                1 人关注 · 近30天带看 13 次 · 2018-01-05发布
                            </li>
                        </ul>
                        <ul>
                            <li><strong>165</strong>万</li>
                            <li>单价45833元/m²</li>
                        </ul>
                    </div>
                    &lt;!&ndash;房子标签&ndash;&gt;
                    <div>
                        <span>近地铁</span>
                        <span>满两年</span>
                        <span>近公园</span>
                    </div>
                </div>
            </div>
        </div>
        &lt;!&ndash;★4.1.1.3数据列表div&ndash;&gt;
        <div class="d5c224">
            &lt;!&ndash;4.1.1.3.1 数据内容div&ndash;&gt;
            <div class="d5c2242">
                &lt;!&ndash;4.1.3.1.1 存放图片div&ndash;&gt;
                <div>
                    <a href="#">
                        <img src="image/secondHouse/house/2.jpg" height="195px" width="240px">
                    </a>
                </div>
                &lt;!&ndash;4.1.3.1.2 存放文字内容div&ndash;&gt;
                <div>
                    &lt;!&ndash;黑体字标题&ndash;&gt;
                    <h3><a href="#">新街口 省中医 市妇幼 朝天宫西街 三房 全明 边户带阳光房</a></h3>
                    &lt;!&ndash;房子信息&ndash;&gt;
                    <div>
                        <ul>
                            <li>
                                <i></i>
                                1 室 1 厅 · 36 平米 · 南 · 高楼层/7层 · 精装
                            </li>
                            <li>
                                <i></i>
                                新街口 西方巷 · 距离地铁张府园310米
                            </li>
                            <li>
                                <i></i>
                                1 人关注 · 近30天带看 13 次 · 2018-01-05发布
                            </li>
                        </ul>
                        <ul>
                            <li><strong>270</strong>万</li>
                            <li>单价45833元/m²</li>
                        </ul>
                    </div>
                    &lt;!&ndash;房子标签&ndash;&gt;
                    <div>
                        <span>近地铁</span>
                        <span>满两年</span>
                        <span>近公园</span>
                    </div>
                </div>
            </div>
        </div>
        &lt;!&ndash;★4.1.1.3数据列表div&ndash;&gt;
        <div class="d5c224">
            &lt;!&ndash;4.1.1.3.1 数据内容div&ndash;&gt;
            <div class="d5c2242">
                &lt;!&ndash;4.1.3.1.1 存放图片div&ndash;&gt;
                <div>
                    <a href="#">
                        <img src="image/secondHouse/house/3.jpg" height="195px" width="240px">
                    </a>
                </div>
                &lt;!&ndash;4.1.3.1.2 存放文字内容div&ndash;&gt;
                <div>
                    &lt;!&ndash;黑体字标题&ndash;&gt;
                    <h3><a href="#">典雅居三室二厅一卫</a></h3>
                    &lt;!&ndash;房子信息&ndash;&gt;
                    <div>
                        <ul>
                            <li>
                                <i></i>
                                1 室 1 厅 · 36 平米 · 南 · 高楼层/7层 · 精装
                            </li>
                            <li>
                                <i></i>
                                新街口 西方巷 · 距离地铁张府园310米
                            </li>
                            <li>
                                <i></i>
                                1 人关注 · 近30天带看 13 次 · 2018-01-05发布
                            </li>
                        </ul>
                        <ul>
                            <li><strong>338</strong>万</li>
                            <li>单价45833元/m²</li>
                        </ul>
                    </div>
                    &lt;!&ndash;房子标签&ndash;&gt;
                    <div>
                        <span>近地铁</span>
                        <span>满两年</span>
                        <span>近公园</span>
                    </div>
                </div>-->
                <!--                </div>-->
            </div>
            <!--4.1.1.4数据分页所在div-->
            <div class="d5c225">
                <!--                <ul>
                                    <li>第<span id="pageno">1</span>/<span id="totalpage">30</span></li>
                                    <li><a href="#">首页</a></li>
                                    <li><a href="#">上一页</a></li>
                                    <li><a href="#">下一页</a></li>
                                    <li><a href="#">末页</a></li>
                                    <li>共<span id="totalcount">100</span>条</li>
                                </ul>-->
            </div>
        </div>
        <!--4.1.2 右侧地图部分div-->
        <div class="d5c23">
            <a href="#">
                <img src="image/secondHouse/map.png"/>
                <span></span>
            </a>
        </div>
    </div>
</div>
<div>
    <iframe src="common/root/publicRoot.html" width="100%" height="314px" scrolling="no" frameborder="no"></iframe>
</div>


<!--条件选项的jQuery-->
<script type="text/javascript">

    //获得区级
    $(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getDistrict", function (data) {
            //alert("进入区级的jQuery回调,集合是" + data);
            var str = `<dt>全部</dt>`;  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象,ecmascript6报错打开,支持``撇号
            //pojo的字段名
            $(data).each(function (i, item) {
                //绑定点击事件οnclick="conditionSel();"
                str += `<dd><input type="radio" name="district" οnclick="conditionSel();" value="${item.dname}" />${item.dname}</dd>`;
            });

            //将str放入到d4的div中
            $("#district").html(str);
        });
        //});


        //获得价格
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getTotalpricesection", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="totalpricesection" οnclick="conditionSel();" value="${item.tpsname}" />${item.tpsname}</dd>`;
            });

            //将str放入到d4的div中
            $("#totalpricesection>dt").after(str);
        });
        //});

        //获得面积
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getTotalareasection", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="totalareasection" οnclick="conditionSel();" value="${item.tasname}" />${item.tasname}</dd>`;
            });

            //将str放入到d4的div中
            $("#totalareasection>dt").after(str);
        });
        //});

        //获得户型
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getHousetype", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="housetype" οnclick="conditionSel();" value="${item.htname}" />${item.htname}</dd>`;
            });

            //将str放入到d4的div中
            $("#housetype>dt").after(str);
        });
        //});

        //获得用途
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getHouseuse", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="houseuse" οnclick="conditionSel();" value="${item.huname}" />${item.huname}</dd>`;
            });

            //将str放入到d4的div中
            $("#houseuse>dt").after(str);
        });
        //});

        //获得楼层
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getLouceng", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="louceng" οnclick="conditionSel();" value="${item.lcname}" />${item.lcname}</dd>`;
            });

            //将str放入到d4的div中
            $("#louceng>dt").after(str);
        });
        //});

        //获得朝向
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getChaoxiang", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="chaoxiang" οnclick="conditionSel();" value="${item.cxname}" />${item.cxname}</dd>`;
            });

            //将str放入到d4的div中
            $("#chaoxiang>dt").after(str);
        });
        //});

        //获得楼龄
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getLouling", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="louling" οnclick="conditionSel();" value="${item.llname}" />${item.llname}</dd>`;
            });

            //将str放入到d4的div中
            $("#louling>dt").after(str);
        });
        //});

        //获得装修
        // $(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getZhuangxiu", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="zhuangxiu" οnclick="conditionSel();" value="${item.zxname}" />${item.zxname}</dd>`;
            });

            //将str放入到d4的div中
            $("#zhuangxiu>dt").after(str);
        });
        //});

        //获得标签
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getBiaoqian", function (data) {
            var str = "";  //存放ul的html代码
            //拼接str,遍历data集合,i是索引,item是集合中的对象
            //pojo的字段名
            $(data).each(function (i, item) {
                str += `<dd><input type="radio" name="biaoqian" οnclick="conditionSel();" value="${item.bqname}" />${item.bqname}</dd>`;
            });

            //将str放入到d4的div中
            $("#biaoqian>dt").after(str);
        });
        //});

        //获取房源信息
        //$(document).ready(function () {
        //拿控制类的回调方法,data是返回的值,集合
        $.get("/getHouseinfo", function (data) {
            alert("data" + data);
            alert("data.houseinfo" + data.houseinfo);
            alert("data.pageInfo" + data.pageInfo);
            //console.log(data)

            //调用房屋相关信息
            showHouseInfo(data.houseinfo);
            //调用分页信息
            showPageInfo(data.pageInfo);
        });
    });


    //显示房源信息方法
    function showHouseInfo(data) {
        //alert("data" + data);
        //data是Controller控制类的houseinfos对象
        var str = "";

        //遍历data集合
        $(data).each(function (i, item) {
            str += `<div class="d5c2242">
            <div>
            <a href="#">
            <img src="${item.hpurl}" height="195px" width="240px">
            </a>
            </div>
            <div>
            <h3><a href="#">${item.information}</a></h3>
            <div>
            <ul>
            <li>
            <i></i>
            ${item.htname} .${item.area} 平米 . ${item.cxname} .${item.lcname} .${item.zxname}
            </li>
            <li>
            <i></i>
                ${item.sname}
            </li>
            <li>
            <i></i>
                ${item.personno} 人关注 . 近30天带看 ${item.dkno} 次 . ${item.publishtime} 发布
            </li>
            </ul>
            <ul>
            <li><strong>${item.price}</strong>万</li>
            <li>单价 ${(item.price / item.area).toFixed(2)} 元/m²</li>
            </ul>
            </div>
            <div>
            <span>${item.bqname}</span>
            </div>
            </div>
            </div>`
        });

        //放入div,和分页按钮
        $("#houseList").html(str + `
                    <!--4.1.1.4数据分页所在div-->
            <div class="d5c225">
                <ul>
                    <li>第<span id="pagenum">1</span>/<span id="totalpage">30</span></li>
                    <li><a href="#" οnclick="getFirstPage" id="fristPage">首页</a></li>
                    <li><a href="#" id="proPage">上一页</a></li>
                    <li><a href="#" id="nextPage">下一页</a></li>
                    <li><a href="#" id="lastPage">末页</a></li>
                    <li>共<span id="totalcount">100</span>条</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div>
    <iframe src="common/root/publicRoot.html" width="100%" height="314px" scrolling="no" frameborder="no"></iframe>
</div>
        `);

    }


        //显示分页信息方法
        //全局参数
        var proPage;
        var nextPage;
        var lastPage;


        function showPageInfo(pageInfo) {
            //将共有多少套房源
            $("#totalCount").html(`共找到&nbsp;<strong>${pageInfo.total}</strong>&nbsp;套房源`);
            //当前页的显示
            $("#pagenum").html(`${pageInfo.pageNum}`);
            //总页数显示
            $("#totalpage").html(`${pageInfo.pages}`);
            //下面的总记录数显示
            $("#totalcount").html(`${pageInfo.total}`);

            //全局参数赋值
            proPage =`${pageInfo.prePage}`;
            nextPage =`${pageInfo.nextPage}`;
            lastPage =`${pageInfo.pages}`;
        }


    //分页控件点击刷新
    //首页
    $(document).on("click", "#firstPage", function () {
        $.get("/getHouseinfoBy?pagenum=1",function (data) {
            showHouseInfo(data.houseinfo);
            showPageInfo(data.pageInfo);
        });
    });

    //上一页
    $(document).on("click", "#proPage", function (){
        $.get("/getHouseinfoBy?pagenum="+proPage,function (data){
            showHouseInfo(data.houseinfo);
            showPageInfo(data.pageInfo);
        });
    });

    //下一页
    $(document).on("click","#nextPage", function () {
        $.get("/getHouseinfoBy?pagenum="+nextPage,function (data){
            showHouseInfo(data.houseinfo);
            showPageInfo(data.pageInfo);
        });
    });

    //末页
    $(document).on("click", "#lastPage", function () {
        $.get("/getHouseinfoBy?pagenum="+lastPage,function (data){
            showHouseInfo(data.houseinfo);
            showPageInfo(data.pageInfo);
        });
    });

    //条件筛选查询
    //创建全局变量存放筛选条件
    var names;  //存放键名字,dname,tpsname
    var values;  //存放值,江宁区,80-90m

    //获得单选按钮,点击事件
    //点击x删除一个条件时,也会刷新
    function conditionSel() {
        //获得所有单选按钮
        $("#condition").empty();
        //函数全局范围var
        var str = "";


        //获得信息区级按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='district']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="dname" value="${item.value}">${item.value}</span>
                        <label value="district" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);

        });

        //获得信息价格按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='totalpricesection']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="tpsname" value="${item.value}">${item.value}</span>
                        <label value="totalpricesection" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });


        //获得信息面积按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='totalareasection']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="tasname" value="${item.value}">${item.value}</span>
                        <label value="totalareasection" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息户型按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='housetype']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="htname" value="${item.value}">${item.value}</span>
                        <label value="housetype" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息用途按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='houseuse']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="huname" value="${item.value}">${item.value}</span>
                        <label value="houseuse" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息楼层按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='louceng']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="lcname" value="${item.value}">${item.value}</span>
                        <label value="louceng" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息朝向按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='chaoxiang']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="cxname" value="${item.value}">${item.value}</span>
                        <label value="chaoxiang" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息楼龄按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='louling']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="llname" value="${item.value}">${item.value}</span>
                        <label value="louling" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息装修按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='zhuangxiu']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="zxname" value="${item.value}">${item.value}</span>
                        <label value="zhuangxiu" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });

        //获得信息标签按钮
        //遍历找到选中的项,拿valua值 赋值给拼接标签
        $("[name='biaoqian']").each(function (i, item) {
            //判断 选中的单选按钮才进行填充
            if (item.checked) {
                str += `<p><span name="bqname" value="${item.value}">${item.value}</span>
                        <label value="biaoqian" class="del">X</label></p>`;
            }
            //整理标签的格式
            $("#condition").html(str);
        });


        //创建按钮条件区域的数组
        names = new Array();
        values = new Array();

        //获取conddition中span元素
        var spans = $("#condition span");  //span标签的数组
        //遍历
        $(spans).each(function (i,item) {
            //填充names values
            names[i] = $(this).attr("name");
            values[i] = $(this).attr("value");
        });

        //浏览器测试
        console.info(names);
        console.info(values);

        //调用控制层的Ajax实现刷新
        $.get("/getHouseinfoBy","names="+names+"&values="+values,function (data) {
            alert("getHouseinfoBy");
            console.info(data);
            showHouseInfo(data.houseinfo);
            showPageInfo(data.pageInfo);
        });
    }



    //按钮清除
    //文档加载完成之后再绑定,"click"事件, "del"执行人
    $(document).on("click", ".del", function () {
        //获取x label标签中的value值
        var eleName = $(this).attr("value");

        //遍历所有单选按钮(点击x的那一块区域)
        $("[name='" + eleName + "']").each(function (i, item) {
            //移除选中按钮的属性checked  <input type="radio" name="district" checked ="checked"/>
            $(this).removeAttr("checked");

        });
        //重新加载筛选条件的事件处理函数
        conditionSel();
    });

</script>


</body>
</html>
<SCRIPT Language=VBScript></SCRIPT>
文絮卿舀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ssm项目-电商项目
10-10
SSM项目-电商项目是一个基于经典的SSM（Spring、SpringMVC、MyBatis）框架构建的电子商务系统。这个项目采用的技术栈不仅限于SSM，还包括MySql数据库和MyEclipse开发工具，旨在提供一个全面的、实际操作的电商平台...
IDEA如何配置SSM项目-【仓库管理系统】
08-09
IDEA如何配置SSM项目--【仓库管理系统】 # JAVAWEB 系列文章目录 [黑马B站视频JAVAWEB部分的知识范围、学习步骤-【思维导图知识范围】](https://blog.csdn.net/dearmite/article/details/131742776) 本系列环境 ...
聚类算法效果衡量
qq_40438165的博客
07-23 4662
一、误差平方和SSE(sum of square due to error) \quad聚类将数据化分为k类，用{C1,C2,⋯&ThinSpace;,Ck}\{C_1,C_2,\cdots,C_k\}{C1​,C2​,⋯,Ck​}表示，每一类的中心点分别为{m1,m2,⋯&ThinSpace;,mk}\{m_1,m_2,\cdots,m_k\}{m1​,m2​,⋯,mk​}，则S...
mysql8.0命令备份数据库告警
热门推荐
sinat_33201781的博客
07-15 3万+
之前做了一个备份工具，后来客户数据库升级到mysql8.0之后，备份出警告导致后续流程进行不了。警告是“mysql: [Warning] Using a password on the command line interface can be insecure”大意是在执行语句里带密码不安全，上网找了解决办法，使用命令mysql_config_editor mysql_config_editor出现在mysql5.6.6以后的版本，可以给指定的连接和密码生成一个加密文件.mylogin.cnf，默认位于
Alink漫谈(二十二) ：源码分析之聚类评估
罗西的思考
09-26 1018
Alink 是阿里巴巴基于实时计算引擎 Flink 研发的新一代机器学习算法平台，是业界首个同时支持批式算法、流式算法的机器学习平台。本文和上文将带领大家来分析Alink中 聚类评估 的实现。
SSM的整合项目（详细）
weixin_54721820的博客
12-30 1万+
项目场景： 问题描述： 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原因分析： 提示：这里填写问题的分析： 例如：Handler 发送消息有.
SSM项目小例子，SSM整合图文详细教程
hello_list的博客
06-25 4462
首先我们来搭建一个SSM项目，同时也是SSM项目整合哦！环境：idea2019 、maven、jdk1.8创建一个maven项目，直接next现在还不是一个web项目项目右键，选择这个我们把web勾上这样就是一个标准的web项目了，比起maven自建的我觉得好看，普普通通的maven项目看起来最顺眼项目就就创建好了，我们运行下，运行之前我们放个login.jsp页面，随便在网上找了一个页面： 打包运行项目，手把手教你，如果没有打包，自己打个包，我们看到没有lib目录，后面我们项目的依赖不一定会加进来，现在没
ssm项目整合-demo.zip
11-26
SSM项目整合是Java开发中的常见实践，它指的是Spring、Spring MVC和MyBatis三个框架的集成应用。这个"ssm项目整合-demo.zip"压缩包提供了一个实用的示例项目，帮助开发者理解和学习如何将这三个组件有效地融合在一起...
JSP+SSM项目-物业管理的Java毕业设计.rar
05-08
JSP+SSM项目-物业管理的Java毕业设计.rar 【项目技术】 开发语言：Java 框架：ssm+jsp 架构：B/S 数据库：mysql 【演示视频-编号：309】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 系统可以提供信息显示...
JSP+SSM项目-仓库系统的Java毕业设计.rar
05-08
JSP+SSM项目-仓库系统的Java毕业设计.rar 【项目技术】 开发语言：Java 框架：ssm+jsp 架构：B/S 数据库：mysql 【演示视频-编号：210】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 这次开发的仓库管理...
chgpasswd Linux命令,Linux系统gpasswd命令用法详解：把用户添加进组或从组中删除
weixin_26643379的博客
04-28 961
为了避免系统管理员(root)太忙碌，无法及时管理群组，我们可以使用gpasswd命令给群组设置一个群组管理员，代替root完成将用户加入或移出群组的操作。gpasswd命令的基本格式如下：[root@localhost~]#gpasswd选项组名表1 详细介绍了此命令提供的各种选项以及功能。表 1 gpasswd命令各选项及其功能选项功能选项为空时，表示给群组设置密码，仅 root 用户...
SSM框架下web项目运行流程
空空说技术的博客
02-12 2万+
SSM框架下web项目的运行流程1. 前言笔者在做java web项目时，使用SSM+maven+easyui/bootstarp技术，为了强化学习，顺便先梳理一下SSM框架下每层的作用及它们之间的关系。在这里记录一下，希望有疑惑的人能找到答案。 2.SSM中各层作用及关系1.持久层：DAO层（mapper层）（属于mybatis模块） DAO层：主要负责与数据库进行交互设计，用来处理数据的持久化工
搭建MSSM框架（Maven+Spring+Spring MVC+MyBatis）
angou6476的博客
05-15 107
https://github.com/easonjim/ssm-framework 先欠着，后续再进行讲解： 一、Spring内核集成 二、Spring MVC集成 三、MyBatis集成 四、代码生成工具集成 转载于:https://www.cnblogs.com/EasonJim/p/8463936.html...
SSM项目-我爱我家（三）
wuhahabanana的博客
06-04 199
视图 HouseinfoMapper.java 房源信息接口 //房源信息接口 public interface HouseinfoMapper { //查询表信息 public List getHouseinfo(); //查询全部表信息 public List<Houseinfo> getHouseinfoAll(); //按条件查询表信息 public List getHouseinfoBy(HashMap conditionMa.
SSM(Spring+SpringMVC+Mybatis)整合
ray_fei的博客
05-13 198
@TOC 一、SSM（Spring+SpringMVC+Mybatis）框架的整合流程 使用Spring+SpringMVC+Mybatis 框架技术进行整合； SpringMVC：运用在表现层 MyBatis:运用在持久层 Spring：运用在整个项目中 二、搭建流程 1、使用maven的方式导入所有的jar包 <project xmlns="http://maven.apache.or...
SSM框架——详细整合教程（Spring+SpringMVC+MyBatis)
xiangjai的专栏
07-07 1011
转载注：http://blog.csdn.net/zhshulin    使用SSM（Spring、SpringMVC和Mybatis）已经有三个多月了，项目在技术上已经没有什么难点了，基于现有的技术就可以实现想要的功能，当然肯定有很多可以改进的地方。之前没有记录SSM整合的过程，这次刚刚好基于自己的一个小项目重新搭建了一次，而且比项目搭建的要更好一些。以前解决问题的过程和方法并没有及时
java ssm 后台框架平台 项目源码 websocket 即时通讯 IM springmvc
08-09 469
博文来源：http://www.fhadmin.org/webnewsdetail2.html A代码编辑器，在线模版编辑，仿开发工具编辑器，pdf在线预览，文件转换编码 B 集成代码生成器 [正反双向](...
VSCode推荐插件：Copy Class Name快速复制html中的类名
最新发布
彭世瑜的博客
07-06 325
插件地址：https://marketplace.visualstudio.com/items?复制Vue和React中HTML代码的类名，实现快速复制。选中代码，右键复制类名，再粘贴到文件中即可。
html的作业
2301_79807099的博客
07-06 487
【代码】html的作业。
请帮我搭建一个SSM项目？
02-06
我不能帮你搭建一个完整的项目，但是我可以提供一些关于如何搭建SSM项目的指导。 1. 安装和配置JDK,Tomcat,Maven。 2. 创建一个Maven项目。 3. 在pom.xml文件中添加Spring,SpringMVC,Mybatis的依赖。 4. 编写Spring...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值