javaWeb购物商城设计---商品显示

商品显示包括显示两条热门商品,12条最新商品和12条打折商品。
数据库连接设计见:http://blog.csdn.net/u013948010/article/details/78675348

数据库

后台数据库用到了sql server,建立了商品表tb_goods和商品分类表tb_subType
商品分类表:
这里写图片描述
商品表:
这里写图片描述

获得最新商品

/* 最新上架商品信息 */
    ResultSet rs_new = conn.executeQuery(
        "select top 12 t1.ID, t1.GoodsName,t1.price,t1.picture,t2.TypeName "
        +"from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and "
        +"t1.newGoods=1 order by t1.INTime desc");      //查询最新上架商品信息
    int new_ID=0;   //保存最新上架商品的id变量
    String new_goodsname="";    //保存最新上架商品名称的变量
    float new_nowprice=0;   //保存最新上架商品的价格变量
    String new_picture="";  //保存最新上架商品的图片变量
    String typeName="";     //保存最新上架商品的分类变量

前端页面循环显示

<!-- 循环显示最新上架商品 :添加12条商品信息-->
<%
    while(rs_new.next()){
        new_ID=rs_new.getInt(1);    //最新上架商品的id
        new_goodsname=rs_new.getString(2);  //最新上架商品的名称
        new_nowprice=rs_new.getFloat(3);    //最新上架商品当前价格
        new_picture=rs_new.getString(4);    //最新上架商品的图片
        typeName=rs_new.getString(5);   //最新上架商品的类别

%>
    <!--循环显示的html代码-->
<%}%>

这里写图片描述

获得打折商品

ResultSet rs_sale = conn.executeQuery(
            "select top 12 t1.ID, t1.GoodsName,t1.price,t1.nowPrice,t1.picture,t2.TypeName "
                    +"from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and t1.sale=1 "
                    +"order by t1.INTime desc");        //查询打折商品信息

    int sale_ID=0;  //保存打折商品的id变量
    String s_goodsname="";  //保存打折商品名称的变量
    float s_nowprice=0; //保存打折商品现在的价格变量
    float s_price=0;    //保存打折商品的原价格变量
    String s_picture="";    //保存打折商品的图片变量
    String s_introduce="";      //保存打折商品简介

前端显示

<!-- 循环显示打折商品 :添加12条商品信息-->
<%
    while(rs_sale.next()){
        sale_ID=rs_sale.getInt(1);  //打折商品的id
        s_goodsname=rs_sale.getString(2);   //打折商品的名称
        s_price=rs_sale.getFloat(3);    //打折商品原价格
        s_nowprice=rs_sale.getFloat(4); //打折商品当前价格
        s_picture=rs_sale.getString(5); //打折商品的图片
        typeName=rs_sale.getString(6);  //最新上架商品的类别
%>
    <!--循环显示的html代码-->
<%}%>

这里写图片描述

获得两条热门商品

查询数据库并得到结果

ResultSet rs_hot =conn
            .executeQuery("select top 2 ID,GoodsName,nowprice,picture "
                    +"from tb_goods order by hit desc");        //查询热门商品信息
    int hot_ID = 0;                                 //保存热门商品ID的变量
    String hot_goodsName = "";                      //保存热门商品名称的变量
    float hot_nowprice = 0;                         //保存热门商品价格的变量
    String hot_picture = "";                            //保存热门商品图片的变量

前端显示:

<!-- 循环显示热门商品 :添加两条商品信息-->
<%
    while(rs_hot.next()){
    hot_ID=rs_hot.getInt(1);    //获取热门商品id
    hot_goodsName=rs_hot.getString(2);  //获取热门商品名
    hot_nowprice=rs_hot.getFloat(3);    //热门商品当前价格
    hot_picture=rs_hot.getString(4);    //热门商品图片
%>
    <!--循环显示的html代码-->
<%}%>

这里写图片描述

Java Web上开发一个网上蛋糕商城的前台,主要分为用户界面设计、交互功能实现和数据展示等几个关键部分。以下是前台开发的一般实验思路: 1. **需求分析**: - 确定商城的主要功能,如商品浏览、搜索、购物车管理、订单流程(添加、确认、支付)和用户登录注册等。 - 明确界面风格,如响应式设计以适应不同设备。 2. **界面设计**: - 使用HTML/CSS构建静态页面布局,包括导航栏、轮播图、商品列表页、详情页和用户个人中心等。 - 利用Bootstrap或其他前端框架进行快速样式搭建。 3. **JavaScript或jQuery**: - 实现动态效果,如图片轮播、下拉菜单、按钮点击事件处理等。 - 利用AJAX异步加载数据,提升用户体验,避免页面刷新。 4. **UI组件化**: - 使用前端框架提供的组件库,比如React、Vue或Angular,提高开发效率并保证代码复用。 5. **用户认证与权限管理**: - 使用session或JWT进行用户身份验证,确保用户只能访问自己的数据。 - 设计用户权限系统,如管理员能查看和修改所有数据,普通用户只能查看和购买。 6. **数据绑定和模型驱动**: - 如果使用MVVM架构,如Angular,利用双向数据绑定连接视图和模型。 7. **前端状态管理**: - 使用Redux或Vuex管理应用状态,保证状态的一致性和可预测性。 8. **SEO优化**: - 为搜索引擎优化考虑,确保页面元素有正确的元信息和结构。 9. **性能优化**: - 压缩和合并CSS/JS文件,减少HTTP请求。 - 利用CDN加速资源加载。 10. **测试**: - 编写单元测试和集成测试,确保各个功能正常工作。 - 进行用户验收测试,收集用户反馈。
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值