宜居房屋项目 ==登录 == 主页随机显示房屋信息

于 2020-04-18 14:17:58 发布
阅读量392 收藏 1
点赞数
分类专栏： 宜居房屋 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44629340/article/details/105597724
版权

登录

建立用户数据表
在这里插入图片描述

创建UserInfor实体类

package com.yiju.bean;

public class UserInfor {
    private Integer userId;
    private String phone;
    private String password;
    private String email;
    private String nickphone;       //用户姓名
    private String truename;        //真实姓名
    private Integer gender;         //性别
    private String provice;
    private String city;
    private Integer isDelete;
    private long createTime;
    private long updateTime;

    public UserInfor() {
    }

    public UserInfor(Integer userId, String phone, String password, String email, String nickphone, String truename, Integer gender, String provice, String city, Integer isDelete, long createTime, long updateTime) {
        this.userId = userId;
        this.phone = phone;
        this.password = password;
        this.email = email;
        this.nickphone = nickphone;
        this.truename = truename;
        this.gender = gender;
        this.provice = provice;
        this.city = city;
        this.isDelete = isDelete;
        this.createTime = createTime;
        this.updateTime = updateTime;
    }

    public Integer getUserId() {
        return userId;
    }

    public void setUserId(Integer userId) {
        this.userId = userId;
    }

    public String getPhone() {
        return phone;
    }

    public void setPhone(String phone) {
        this.phone = phone;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getNickphone() {
        return nickphone;
    }

    public void setNickphone(String nickphone) {
        this.nickphone = nickphone;
    }

    public String getTruename() {
        return truename;
    }

    public void setTruename(String truename) {
        this.truename = truename;
    }

    public Integer getGender() {
        return gender;
    }

    public void setGender(Integer gender) {
        this.gender = gender;
    }

    public String getProvice() {
        return provice;
    }

    public void setProvice(String provice) {
        this.provice = provice;
    }

    public String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }

    public Integer getIsDelete() {
        return isDelete;
    }

    public void setIsDelete(Integer isDelete) {
        this.isDelete = isDelete;
    }

    public long getCreateTime() {
        return createTime;
    }

    public void setCreateTime(long createTime) {
        this.createTime = createTime;
    }

    public long getUpdateTime() {
        return updateTime;
    }

    public void setUpdateTime(long updateTime) {
        this.updateTime = updateTime;
    }

    @Override
    public String toString() {
        return "UserInfor{" +
                "userId=" + userId +
                ", phone='" + phone + '\'' +
                ", password='" + password + '\'' +
                ", email='" + email + '\'' +
                ", nickphone='" + nickphone + '\'' +
                ", truename='" + truename + '\'' +
                ", gender=" + gender +
                ", provice='" + provice + '\'' +
                ", city='" + city + '\'' +
                ", isDelete=" + isDelete +
                ", createTime=" + createTime +
                ", updateTime=" + updateTime +
                '}';
    }
}

dao层

package com.yiju.dao;

import com.yiju.bean.UserInfor;

public interface IUserInforDao {

    // 根据手机号查找===登录
    UserInfor findUserByPhone(String phone);
}

xml映射文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.yiju.dao.IUserInforDao" >

    <!-- 根据手机号查询===登录 -->
    <select id="findUserByPhone" resultType="com.yiju.bean.UserInfor" parameterType="String">
        select * from tb_user where phone = #{phone}
    </select>
</mapper>

service层

package com.yiju.service;

import com.yiju.bean.UserInfor;

/*用户模块*/
public interface IUserInforService {
    //根据手机号查询===登录
    UserInfor findUserByPhone(String phone);
}

实现类

package com.yiju.service.Impl;

import com.yiju.bean.UserInfor;
import com.yiju.dao.IUserInforDao;
import com.yiju.service.IUserInforService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class UserInforServiceImpl implements IUserInforService {
    @Autowired
    private IUserInforDao userInforDao;
    @Override
    /*根据手机号查询===登录*/
    public UserInfor findUserByPhone(String phone) {
        return userInforDao.findUserByPhone(phone);
    }
}

controller层

package com.yiju.controller;

import com.yiju.bean.UserInfor;
import com.yiju.service.IUserInforService;
import net.sf.json.JSONObject;
import org.apache.ibatis.annotations.Param;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpSession;

/*用户模块*/
@Controller
@RequestMapping(UserInforConteoller.BASE_CONTROLLER)
public class UserInforConteoller {
    public final static String BASE_CONTROLLER = "userInforController";
    @Autowired
    private IUserInforService userInforService;
    @ResponseBody
    @RequestMapping("/findUserByPhone")
    /*根据手机号查询==登录*/
    public String findUserByPhone(@Param(value = "phone") String phone, @Param(value = "password") String password, HttpSession session){
        //1、查不到用户的时候,提示注册
        //2、 密码错误，==重新登录
        //3、 密码正确 === 登录成功
        System.out.println(phone+"123"+password);
        JSONObject jsonObject = new JSONObject();
        UserInfor userInfor = this.userInforService.findUserByPhone(phone);
        System.out.println(userInfor);
        if (userInfor==null){
            System.out.println("没有这个用户");
            jsonObject.put("result",0);
        }if (password.equals(userInfor.getPassword())==false){
            System.out.println("密码错误");
            jsonObject.put("result",1);
        }
        else {
            System.out.println("登录成功");
            jsonObject.put("result",2);
            session.setAttribute("userInfor",userInfor);
        }
        System.out.println(jsonObject.toString());
        return jsonObject.toString();
    }
}

ajax请求页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<head>
    <title>欢迎登录 — 易居住房交易平台</title>

    <%--导入CSS文件--%>
    <link type="text/css" href="${pageContext.request.contextPath}/css/css.css" rel="stylesheet" />
    <%--<link type="text/css" href="css/buttonStyle.css" rel="stylesheet" />--%>

    <%--导入JS文件--%>
    <script src="${pageContext.request.contextPath}/js/jquery-2.1.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/wer.js"></script>
    <%--<script src="js/signup.js"></script>--%>
</head>

<body>

<%--加入头部--%>
<jsp:include page="basehead.jsp"></jsp:include>

<!--Logo栏和手机号栏-->
<div class="logo-phone">
    <div class="width1190">

        <table align="center" width="100%">
            <tr>
                <td>
                    <h1 class="logo"><a href="../index.jsp"><img src="${pageContext.request.contextPath}/images/logo.png" width="163" height="59" /></a></h1>
                </td>

                <td align="center">
                    <div class="phones"><strong>000-0000000</strong></div>
                    <div class="clears"></div>
                </td>
            </tr>
        </table>
    </div><!--width1190/-->
</div><!--logo-phone/-->
<!--Logo栏和手机号栏-->

<hr width="1280px">

<!--注册-->
<div class="content">
    <div class="width1190">
        <div class="reg-logo">

            <form  method="post" action="" class="zcform">
                <table align="center" cellpadding="100px" cellspacing="10px">
                    <tr>
                        <td align="right">
                            <label class="one" for="phone">手机号码：</label>
                        </td>
                        <td colspan="2">
                            <input id="phone" name="phone" type="text" class="required" value placeholder="请输入您的手机号" />
                        </td>
                    </tr>
                    <tr><td><br></td></tr>
                    <tr>
                        <td>
                            <label class="one"  for="password">登录密码：</label>
                        </td>
                        <td colspan="2">
                            <input id="password" name="password" type="password" class="{required:true,rangelength:[8,20],}" value placeholder="请输入登录密码" />
                        </td>
                    </tr>
                    <tr><td><br></td></tr>
                    <tr>
                        <td>
                            <label class="one"  for="verifyCode">验证码：</label>
                        </td>
                        <td>
                            <input id="verifyCode" name="verifyCode" type="text" class="required" value placeholder="请输入验证码" />
                        </td>
                        <td>
                           <div id="v_container" style="width: 180px;height: 45px;"></div>
                            <%--<a>　</a><button type="button" class="sendVerifyCode" id="btn" name="btn" style="width: 180px;height: 45px">点击获取验证码</button><a>　</a>--%>
                        </td>
                    </tr>
                    <tr><td><br></td></tr>
                    <tr>
                        <td colspan="3">

                            <input class="submit" type="button" value="立即登录"/>
                            <%--<input class="sub-btn" type="button" value="立即注册"/>--%>
                        </td>
                    </tr>
                </table>
            </form>
            <div class="reg-logo-right">
                <h3>如果您没有账号，请</h3>
                <%--FIXME 这里跳转至【注册页面】--%>
                <a href="#" class="logo-a" target="_self">立即注册</a>

                <br>

                <h3>忘记密码？ 请</h3>
                <%--FIXME 这里跳转至【找回密码页面】--%>
                <a href="#" class="logo-a" target="_self">找回密码</a>

            </div><!--reg-logo-right/-->
            <div class="clears"></div>
        </div><!--reg-logo/-->
    </div><!--width1190/-->
</div><!--content/-->

<%--加入页脚--%>
<jsp:include page="basefoot.jsp"></jsp:include>

</body>
<script type="text/javascript">
    var v_container = new GVerify("v_container");
    $(function () {
        $(".submit").on("click",function () {
            var phone = $("input[name = phone]").val();
            var password = $("input[name = password]").val();
            /*根据 input name*/
            var code = $("input[name = verifyCode]").val();

            if (phone==""){
                alert("请输入手机号")
                return;
            }
            if (password==""){
                alert("请输入密码")
                return;
            }
            if (code ==""){
                alert("请输入验证码")
                return;
            }
            if (!v_container.validate(code)){
                alert("验证码错误")
                return;
            }
            else {
                $.ajax({
                    url: "${pageContext.request.contextPath}/userInforController/findUserByPhone.do",
                    type : "POST",
                    dataType : "json",
                    data :{
                        phone:phone,
                        password:password
                    },
                    success:function (data){
                        if (data.result=="0"){
                            alert("用户还没有注册")
                        }
                        else if (data.result=="1"){
                            alert("密码错误")
                        }
                        else {
                            window.location.href="${pageContext.request.contextPath}../main.jsp"
                        }
                    }
                })
            }
        })
    })
</script>


</html>

主页随机显示房屋信息

建立数据表
在这里插入图片描述

在这里插入图片描述

编写实体类

package com.yiju.pojo;

import org.springframework.stereotype.Component;

import java.math.BigDecimal;
@Component
public class HouseView {

    private int houseId; //房源ID
    private String trueName; //发布人
    private String houseTitle; //房源标题
    private String houseHeadimg; //房源帖子头像
    private BigDecimal housePrice; //房屋价格
    private String priceUnit; //售价单位:元/每月 元/套 元/年
    private int houseFloor; //楼层
    private int floorAll; //全部楼层
    private String houseAddress; //房源地址
    private String houseLayout; //几室几厅几卫
    private String houseDecorate; //精装,简装
    private String houseArea; //房间面积
    private long createTime; //创建时间
    private String houseTurn; //房屋朝向
    private String houseNature; //房屋性质
    private String houseModel; //房屋类型
    private String houseYear; //建造年份
    private String houseValid; //有效期
    private int houseLift; //是否有电梯
    private String housePlanimg1;
    private String housePlanimg2;
    private String houseImg1; //房源室内图1
    private String houseImg2; //房源室内图2
    private String houseImg3; //房源室内图3
    private String houseImg4; //房源室内图4
    private String houseImg5; //房源室内图5
    private String houseImg6; //房源室内图6
    private String date; //获取年月日
    private int bed; //床：0无 1有
    private int washing; //洗衣机：0无 1有
    private int air; //空调: 0无 1有
    private int balcony; //阳台：0无 1有
    private int ice; //冰箱：0无 1有
    private int toilet; //卫生间：0无 1有
    private int kitchen; //厨房：0无 1有
    private int tv; //电视：0无 1有
    private int heater; //热水器：0无 1有
    private int wardrobe; //衣柜：0无 1有
    private int heating; //暖气：0无 1有
    private int internet; //宽带：0无 1有
    private int sofa; //沙发：0无 1有
    private int houseType;

    public int getHouseType() {
        return houseType;
    }

    public void setHouseType(int houseType) {
        this.houseType = houseType;
    }

    public int getHouseId() {
        return houseId;
    }

    public void setHouseId(int houseId) {
        this.houseId = houseId;
    }

    public String getTrueName() {
        return trueName;
    }

    public void setTrueName(String trueName) {
        this.trueName = trueName;
    }

    public String getHouseTitle() {
        return houseTitle;
    }

    public void setHouseTitle(String houseTitle) {
        this.houseTitle = houseTitle;
    }

    public String getHouseHeadimg() {
        return houseHeadimg;
    }

    public void setHouseHeadimg(String houseHeadimg) {
        this.houseHeadimg = houseHeadimg;
    }

    public BigDecimal getHousePrice() {
        return housePrice;
    }

    public void setHousePrice(BigDecimal housePrice) {
        this.housePrice = housePrice;
    }

    public String getPriceUnit() {
        return priceUnit;
    }

    public void setPriceUnit(String priceUnit) {
        this.priceUnit = priceUnit;
    }

    public int getHouseFloor() {
        return houseFloor;
    }

    public void setHouseFloor(int houseFloor) {
        this.houseFloor = houseFloor;
    }

    public int getFloorAll() {
        return floorAll;
    }

    public void setFloorAll(int floorAll) {
        this.floorAll = floorAll;
    }

    public String getHouseAddress() {
        return houseAddress;
    }

    public void setHouseAddress(String houseAddress) {
        this.houseAddress = houseAddress;
    }

    public String getHouseLayout() {
        return houseLayout;
    }

    public void setHouseLayout(String houseLayout) {
        this.houseLayout = houseLayout;
    }

    public String getHouseDecorate() {
        return houseDecorate;
    }

    public void setHouseDecorate(String houseDecorate) {
        this.houseDecorate = houseDecorate;
    }

    public String getHouseArea() {
        return houseArea;
    }

    public void setHouseArea(String houseArea) {
        this.houseArea = houseArea;
    }

    public long getCreateTime() {
        return createTime;
    }

    public void setCreateTime(long createTime) {
        this.createTime = createTime;
    }

    public String getHouseTurn() {
        return houseTurn;
    }

    public void setHouseTurn(String houseTurn) {
        this.houseTurn = houseTurn;
    }

    public String getHouseNature() {
        return houseNature;
    }

    public void setHouseNature(String houseNature) {
        this.houseNature = houseNature;
    }

    public String getHouseModel() {
        return houseModel;
    }

    public void setHouseModel(String houseModel) {
        this.houseModel = houseModel;
    }

    public String getHouseYear() {
        return houseYear;
    }

    public void setHouseYear(String houseYear) {
        this.houseYear = houseYear;
    }

    public String getHouseValid() {
        return houseValid;
    }

    public void setHouseValid(String houseValid) {
        this.houseValid = houseValid;
    }

    public int getHouseLift() {
        return houseLift;
    }

    public void setHouseLift(int houseLift) {
        this.houseLift = houseLift;
    }

    public String getHousePlanimg1() {
        return housePlanimg1;
    }

    public void setHousePlanimg1(String housePlanimg1) {
        this.housePlanimg1 = housePlanimg1;
    }

    public String getHousePlanimg2() {
        return housePlanimg2;
    }

    public void setHousePlanimg2(String housePlanimg2) {
        this.housePlanimg2 = housePlanimg2;
    }

    public String getHouseImg1() {
        return houseImg1;
    }

    public void setHouseImg1(String houseImg1) {
        this.houseImg1 = houseImg1;
    }

    public String getHouseImg2() {
        return houseImg2;
    }

    public void setHouseImg2(String houseImg2) {
        this.houseImg2 = houseImg2;
    }

    public String getHouseImg3() {
        return houseImg3;
    }

    public void setHouseImg3(String houseImg3) {
        this.houseImg3 = houseImg3;
    }

    public String getHouseImg4() {
        return houseImg4;
    }

    public void setHouseImg4(String houseImg4) {
        this.houseImg4 = houseImg4;
    }

    public String getHouseImg5() {
        return houseImg5;
    }

    public void setHouseImg5(String houseImg5) {
        this.houseImg5 = houseImg5;
    }

    public String getHouseImg6() {
        return houseImg6;
    }

    public void setHouseImg6(String houseImg6) {
        this.houseImg6 = houseImg6;
    }

    public String getDate() {
        return date;
    }

    public void setDate(String date) {
        this.date = date;
    }

    public int getBed() {
        return bed;
    }

    public void setBed(int bed) {
        this.bed = bed;
    }

    public int getWashing() {
        return washing;
    }

    public void setWashing(int washing) {
        this.washing = washing;
    }

    public int getAir() {
        return air;
    }

    public void setAir(int air) {
        this.air = air;
    }

    public int getBalcony() {
        return balcony;
    }

    public void setBalcony(int balcony) {
        this.balcony = balcony;
    }

    public int getIce() {
        return ice;
    }

    public void setIce(int ice) {
        this.ice = ice;
    }

    public int getToilet() {
        return toilet;
    }

    public void setToilet(int toilet) {
        this.toilet = toilet;
    }

    public int getKitchen() {
        return kitchen;
    }

    public void setKitchen(int kitchen) {
        this.kitchen = kitchen;
    }

    public int getTv() {
        return tv;
    }

    public void setTv(int tv) {
        this.tv = tv;
    }

    public int getHeater() {
        return heater;
    }

    public void setHeater(int heater) {
        this.heater = heater;
    }

    public int getWardrobe() {
        return wardrobe;
    }

    public void setWardrobe(int wardrobe) {
        this.wardrobe = wardrobe;
    }

    public int getHeating() {
        return heating;
    }

    public void setHeating(int heating) {
        this.heating = heating;
    }

    public int getInternet() {
        return internet;
    }

    public void setInternet(int internet) {
        this.internet = internet;
    }

    public int getSofa() {
        return sofa;
    }

    public void setSofa(int sofa) {
        this.sofa = sofa;
    }

    @Override
    public String toString() {
        return "HouseView{" +
                "houseId=" + houseId +
                ", trueName='" + trueName + '\'' +
                ", houseTitle='" + houseTitle + '\'' +
                ", houseHeadimg='" + houseHeadimg + '\'' +
                ", housePrice=" + housePrice +
                ", priceUnit='" + priceUnit + '\'' +
                ", houseFloor=" + houseFloor +
                ", floorAll=" + floorAll +
                ", houseAddress='" + houseAddress + '\'' +
                ", houseLayout='" + houseLayout + '\'' +
                ", houseDecorate='" + houseDecorate + '\'' +
                ", houseArea='" + houseArea + '\'' +
                ", createTime=" + createTime +
                ", houseTurn='" + houseTurn + '\'' +
                ", houseNature='" + houseNature + '\'' +
                ", houseModel='" + houseModel + '\'' +
                ", houseYear='" + houseYear + '\'' +
                ", houseValid='" + houseValid + '\'' +
                ", houseLift=" + houseLift +
                ", housePlanimg1='" + housePlanimg1 + '\'' +
                ", housePlanimg2='" + housePlanimg2 + '\'' +
                ", houseImg1='" + houseImg1 + '\'' +
                ", houseImg2='" + houseImg2 + '\'' +
                ", houseImg3='" + houseImg3 + '\'' +
                ", houseImg4='" + houseImg4 + '\'' +
                ", houseImg5='" + houseImg5 + '\'' +
                ", houseImg6='" + houseImg6 + '\'' +
                ", date='" + date + '\'' +
                ", bed=" + bed +
                ", washing=" + washing +
                ", air=" + air +
                ", balcony=" + balcony +
                ", ice=" + ice +
                ", toilet=" + toilet +
                ", kitchen=" + kitchen +
                ", tv=" + tv +
                ", heater=" + heater +
                ", wardrobe=" + wardrobe +
                ", heating=" + heating +
                ", internet=" + internet +
                ", sofa=" + sofa +
                ", houseType=" + houseType +
                '}';
    }
}

dao层

package com.yiju.dao;

import com.yiju.pojo.HouseView;
import org.apache.ibatis.annotations.Param;

import java.util.List;

/*房屋*/
public interface IHouseDao {
    /*根据房屋类型查询所有房屋*/
    /*@Paeam("***") 这里写的什么，mapper映射文件里就写什么
    * 当sql语句条件为多个时，需要添加注释，不然会导入错误
    * */
    List<HouseView> findAllHouseByType(@Param(value = "hType")Integer houseType);
}

mapper映射文件

<?xml version="1.0" encoding="UTF-8" ?>
        <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.yiju.dao.IHouseDao" >

    <!--当数据库里的字段名和Java文件的封装类名字不一致时
               1、可以使用驼峰映射自动忽略大小写和下划线
               2、@Param()注释与数据库字段名保持一致
    否则查询结果无法封装到实体类中，查询结果可能为空
    -->
   
   <!-- 根据房屋类型查询所有房屋 -->
    <select id="findAllHouseByType" resultType="com.yiju.pojo.HouseView" parameterType="java.lang.Integer">
    select * from tb_house as a, tb_house_info as b
    where a.house_id = b.house_id and a.is_delete =0 and a.house_type =#{hType}
    order by rand() limit 4;
    </select>
</mapper>

service层

package com.yiju.service;

import com.yiju.pojo.HouseView;

import java.util.List;

/*房屋*/
public interface IHouseService {
    /*根据房屋类型查询所有房屋*/
    List<HouseView> findAllHouseByType(Integer houseType);
}

实现类

package com.yiju.service.Impl;

import com.yiju.dao.IHouseDao;
import com.yiju.pojo.HouseView;
import com.yiju.service.IHouseService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class HouseServiceImpl implements IHouseService {
    @Autowired
    private IHouseDao houseDao;
    @Override
    /*根据房屋type 查询*/
    public List<HouseView> findAllHouseByType(Integer houseType) {
        System.out.println("service"+houseType);
        System.out.println();
        return this.houseDao.findAllHouseByType(houseType);
    }
}

controller层

package com.yiju.controller;

import com.yiju.pojo.HouseView;
import com.yiju.service.IHouseService;
import com.yiju.service.Impl.HouseServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import java.util.List;

@Controller
@RequestMapping(HouseController.BASE_PATH)
public class HouseController {
public static final String BASE_PATH = “houseController”;
@Autowired
private IHouseService houseService = new HouseServiceImpl();

@RequestMapping("/findAllHouseByType")
public ModelAndView findAllHouseByType(){
    System.out.println("=====");
    List<HouseView> newHouse = this.houseService.findAllHouseByType(0);
    System.out.println(newHouse);
    for (HouseView houseView:newHouse){
        System.out.println(houseView);
    }
    List<HouseView> oldHouse = this.houseService.findAllHouseByType(1);
    List<HouseView> rentHouse = this.houseService.findAllHouseByType(2);
    ModelAndView mv = new ModelAndView();
    mv.addObject("newHouse",newHouse);
    mv.addObject("oldHouse",oldHouse);
    mv.addObject("rentHouse",rentHouse);
    mv.setViewName("../main");
    return mv;
}

}


jsp

<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>
<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

易居住房信息平台 
<!--    下面是几个导入的包-->
<link type="text/css" href="${pageContext.request.contextPath}/css/css.css" rel="stylesheet"/>
<link type="text/css" href="${pageContext.request.contextPath}/css/searchInputStyle.css" rel="stylesheet"/>
<link type="text/css" href="${pageContext.request.contextPath}/css/searchReset.css" rel="stylesheet"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/js.js"></script>
<!--    上面是几个导入的包-->
<script type="text/javascript">
    var picsArr=new Array();
    picsArr[0]="${pageContext.request.contextPath}/images/lunbotu/fang1.jpg"
    picsArr[1]="${pageContext.request.contextPath}/images/lunbotu/fang2.jpg"
    picsArr[2]="${pageContext.request.contextPath}/images/lunbotu/fang3.jpg"
    var index=0;
    var timer=0;
    window.onload=showPic;

    function showNext() {
        clearTimeout(timer);
        showPic();
    }
    function showPic() {
        if(index<(picsArr.length-1)){
            index++;
        }else {
            index=0;
        }
        document.getElementById("pic").src=picsArr[index];
        timer=setTimeout("showPic()",2000);
    }
    function showPre() {
        showPrePic()
    }
    function showPrePic() {
        if(index>0){
            index--;
        }else {
            index=picsArr.length-1;
        }
        document.getElementById("pic").src=picsArr[index];
    }
</script>

<%--轮播图的CSS--%>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
    }

    #adv {
        /*margin:110px auto;*/
        width: 1190px;
        position: relative;
    }

    #adv li {
        display: none;
    }

    #adv .show {
        display: block;
    }

    #next, #prev {
        position: absolute;
        top: 45%;
        cursor: pointer;
        transition: all .5s;
        opacity: .7;
    }

    #next:hover, #prev:hover {
        transform: scale(1.1);
        opacity: 1;
    }

    #prev {
        left: 10px;
        height: 15%;
    }

    #next {
        right: 10px;
        height: 15%;
    }
</style>

<%-- <%
String path = request.getRequestURI();
String basePath = request.getScheme() + “😕/”+ request.getServerName() + “:” + request.getServerPort()+ path;
%>

–%>

        </tr>
    </table>
</div><!--width1190/-->
房屋
<%--FIXME 这里是搜索栏，需要实现相应的模糊搜索功能 --%>
000-00000000

<%--广告轮播栏End --%>

<%–展示主页推荐栏–%>

<%--【新房推荐】--%> <%--FIXME 这里添加跳转事件--%>

❤新房推荐更多>>

<%--FIXME 这里使用Foreach循环，从数据库读取房屋信息 --%> <%--var 不能使用关键词--%>

${nh.houseAddress} | ${nh.houseArea} | ${nh.houseDecorate}
<%----%> 
    <%--旧房推荐--%>
    <h2 class="title"><a style="color:#F1323B">❤</a>二手房推荐 <a
            href="#">更多&gt;&gt;</a></h2>
    <div class="index-fang-list">
        <c:forEach items="${oldHouse}" var="ohou">
            <dl>
                <dt><a href="#"><img src="http://image.cxhit.com/${pageContext.request.contextPath}/${ohou.houseHeadimg}" width="286"
                                     height="188"/></a></dt>
                <dd>
                    <h3><a href="#"></a></h3>
                    <div class="hui">${ohou.houseAddress}| ${ohou.houseArea} | ${ohou.houseDecorate} </div>
                </dd>
            </dl>
        </c:forEach>
        <div class="clears"></div>
    </div><!--index-fang-list/-->

    <%--【二手房推荐】--%>
    <h2 class="title"><a style="color:#F1323B">❤</a>租房推荐 <a
            href="#">更多&gt;&gt;</a></h2>
    <div class="index-ershou">

        <%--左侧栏--%>
        <div class="in-er-left">
            <a href="#"><img src="${pageContext.request.contextPath}/images/fangt1.jpg" width="380" height="285"/></a>
            <div class="in-er-left-text"><strong class="fl">闵行南方发的撒的发的司法</strong><strong
                    class="fr alignRight">¥2841</strong></div>
        </div><!--in-er-left/-->

        <%--右侧栏--%>
        <div class="in-er-right">
            <c:forEach items="${rentHouse}" var="rho">
                <dl>
                    <dt><a href="#"><img
                            src="http://image.cxhit.com/${rho.houseHeadimg}"
                            style="width: 150px; height: 115px;" width="150" height="115"/></a></dt>
                    <dd>
                        <h3>
                            <a href="#"></a>
                        </h3>
                        <br>
                        <div class="in-er-right-text">
                        </div>
                        <div class="price">¥<strong>${rho.housePrice}</strong></div>
                    </dd>
                    <div class="clears"></div>

                </dl>
            </c:forEach>
            <div class="clears"></div>

        </div><!--in-er-right/-->
        <div class="clears"></div>
    </div><!--index-ershou/-->
    <%--【二手房推荐END】--%>

</div><!--width1190/-->

<jsp:include page=“pages/basefoot.jsp”></jsp:include>
weixin_44629340
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值